【CSS transitionの使い方！】transitionプロパティでアニメを作成する方法
今回は、CSSのtransitionプロパティを利用して、下記のように手軽にアニメーションを作成する方法を紹介します。 transitionの使い方 …
ホームページ おすすめの講座
1日速習ワードプレス講座
SEO対策入門講座
1日速習HTML・CSSセミナー
お名前.comで取得の独自ドメインをさくらサーバーとBASE(ベイス)で併用するためのDNS設定
今回は、お名前.comで取得したドメインに対して、ルートドメイン(例. webst8.work)をさくらのレンタルサーバーで利用しつつ、サブドメイン(例. shop.webst8.work)をネットショップサイトとしてB…
インライン要素・ブロックレベル要素とCSS「display」の使い方
divやaなどのHTMLの各要素は、大きくブロックレベル要素とインライン要素のどちらかに分類することができます。 CSSでレイアウト装飾するためには上記の違いを理解している必要があります。 また、要素のブロックレベル・イ…
【個人事業主必見！】ホームページ作成で失敗しないために知っておくべき事
今でこそ一般的になったホームページですが、これからホームページを持ちたいと考えておられる個人の方で、ホームページ制作の費用対効果について悩んでいる方も多いかと思います。 下記は中小企業庁のデー…
位置指定で使うCSSプロパティ「position」の使い方
ここでは、HTML要素をpxや%で位置を調整できるCSSプロパティ「position」の使い方について説明します。 位置に関するスタイル…
ワードプレステーマ「Lightning(ライトニング)」のVK Exunitの使い方
今回はワードプレスの有名無料テーマ「Lightning(ライトニング)」のオプションプラグイン「VK Ex Unit」と「Lightning Advanced Unit」のインストールと設定方法について説明します。 &n…
【初心者必見！】自分でホームページを作りたい人のためのWebサイトの作り方
これからあなたが初めて自分でホームページを作ろうかと考えた時に、何から手をつけたら良いかわからないという方が多いのではないでしょうか。 そこで、ここではホームページを自分で作りたい初心者の方向…
【初心者必見！】知っておきたいHTML基本とよく使うタグ一覧
ここでは、これから自分でホームページ作成しようとHTMLの勉強を始めた初心者の方向けに、はじめに覚えておきたいHTMLの基本と主要なタグを紹介します。 …
消費者の購買心理・ 顧客心理を7段階にプロセス化したマインドフロー
消費者の購買心理の変化を理解しておけば、自分の商品の購買に着実に繋げていくことができます。 本記事では、消費者の購買心理を「認知」「興味」「行動」「比較」「購買」「利用」「愛情」という７つの段階に分けて分析…
【コピーライティング】LPで使いたいコピーライティングの書き方
今回は、ランディングページ(LP)を書く時に知っておきたいコピーライティングを書くときのライティングについて説明していきます。 それでは説明に移っていきます。 コピ…
Googleアナリティクスとサーチコンソールの仕組み・見方・使い方を徹底解説
ここでは、ウェブサイトを活用・運営する上でほぼ必須のツールであるGoogle AnalyticsとSearch Consoleの仕組みと違いおよび設定方法を説明します。 &nbs…
HTMLフォームタグ「FORM」とフォーム部品「INPUT、SELECT、 TEXTAREA」の使い方
ここでは、HTMLフォームタグ「FORM」の使い方、およびフォームの部品となるINPUTタグ、SELECTタグ、TEXTAREAタグなどについて説明していきます。 …
CSS 背景プロパティbackgroundの使い方まとめ
ここでは、CSSの背景プロパティbackgroundの使い方について紹介します。 よく使うbackgroundプロパティ ここで説明するbackgro…
知っておきたい Bootstrapの基本 使い方とレスポンシブデザイン
今回は、グリッドシステム・レスポンシブデザインで有名なCSSフレームワークBootstrap(ブートストラップ)の使い方やよく使うクラスについて解説していきます。 (※)2018年2月1日時点…
CSSメディアクエリとViewPortによるレスポンシブデザインの作り方
PCやタブレット用のレイアウトとスマートフォン用のレイアウトをそれぞれ分けて画面表示しているホームページは多いと思います。 そこで今回はCSSのメディアクエリとViewPort(ビューポート)という機能を利…
CSSのfloatプロパティで要素を横並びにする方法
今回は、CSSのfloatを使った要素を横並びにする方法とfloatを解除するclearプロパティをご紹介します。 それでは説明していき…
知っておきたいCSS セレクタの優先順位・詳細度・継承
今回は、知っておきたいCSS セレクタの優先順位・詳細度・継承についてご紹介します。 CSSセレクタとは 内部スタイルシートや外部スタイルシートで記述するCSSは、下記のように記…
CSS擬似クラスと擬似要素および併用可否について
ここでは、知っておきたいCSSの擬似クラスと擬似要素の基本と併用可否について説明します。 代表的な擬似クラス ある要素が特定の状態にあるときにスタイルを指定する方法に擬似クラスが…
ドメイン変更を伴うWordPress引っ越し ローカル環境への移行手順
ドメイン変更を伴うWordPress引っ越しを想定してローカル環境で検証する方は多いかと思います。 ここではレンタルサーバーに構築したWordPressをローカル環境に移行する手順をご紹介します。 &nbs…
WordPressのバックアップ 有名プラグインbackWPupの使い方
WordPressをバックアップするときに定番のプラグイン「BackWPup」をご紹介します。 もくじ 以下は本記事のもくじです。 1. BackWP…
WordPressで子テーマを作成してカスタマイズする方法
ワードプレスのテンプレートを使う場合、子テーマを利用することでメンテナンス性が向上して、色々な不具合を予防できます。 今回はWordPressで子テーマを作成する手順を説明していきます。 (※…
【ワードプレス初期設定！】初心者向けWordPressおすすめ初期設定
ワードプレスを導入すると色々な設定項目やプラグインがあって何をどう設定すれば良いか分からないという人も多いと思います。 ここでは、WordPressインストール後に実施したいオススメの初期設定をご紹介します…
無料レンタルサーバーでホームページ開設【エックスドメインHTML機能】
今回は、 無料レンタルサーバーを提供しているエックスドメインで、HTMLを使ったホームページを解説する手順を説明していきます。 ※2017年4月20日時点での手順になります。 もくじ 以下は本…
無料FTPツール FileZilla の使い方 Mac・Windows対応
今回は、サーバへファイル転送をするための 無料 FTPソフト FileZillaのダウンロードから使い方を説明します。FileZillaはMACとWindowsの両方のOSに対応している有名なFTPソフトの一つで、レンタ…
開発用テキストエディタ Atom のインストールとおすすめ初期設定
ここでは、HTMLやCSSを編集するのに便利なテキストエディタ「Atom」の紹介とインストール手順などを説明していきます。 Atomとは…
知っておきたいおすすめWordPress プラグイン 一覧
WordPressのプラグインはとても便利ですが、たくさんある分どれを使うか迷うと思います。 これからWordPressを導入しようとしている人・導入したばかりの人が、 まず知っておきたいおす…
【初心者必見！CSSの書き方】CSSの基本とプロパティ一覧
今回は、これから自分でホームページ作成しようとCSSの勉強を始めた初心者の方向けに、CSSの基本と書き方やよく使うプロパティ一覧を紹介します。 HTMLを勉強したい方は「【初心者向け】知っておきたいHTML…
【初心者向けワードプレス使い方！】WordPressのダッシュボードの基本操作
今回は、これからワードプレスを初めて触る初心者の方向けに、知っておきたいWordPressの使い方とダッシュボードの基本操作について説明していきます。 ■2分でわかるWordPressでホームページ作成動画…
【SEO対策基本】初心者必見！無料で自分でできるSEOまとめ
このページを見ているあなたは、「ホームページやブログでアクセスを集めたい」「申し込みや問い合わせを増やしたい」「Web集客をしたい」といった希望をお持ちだと思います。 そこで今回は、初心者の方を対象に無料で…
最初に知っておきたいWordPress パーマリンク (URL)のおすすめ設定方法
ここではWordPressを導入した時にはじめに設定しておきたいパーマリンク(ページのURL)のおすすめ設定方法について説明していきます。 パーマリンクは後から変更することも可能です。 しかし…
著者・プロフィール
【PR】WordPress・ウェブ集客・HTML・CSSを勉強するなら個人事業主様向けWebスクール「ウェブストエイト」
セミナー情報
1日速習WordPressセミナー 7月8日(日曜)10:30開催
１日速習HTMLCSSセミナー 6月3日(日)10:30開催
SEO対策セミナー 6月24日13:00開催
ウェブストエイトの人気記事
-
消費者の購買心理・ 顧客心理を7段階にプロセス化したマインドフロー
-
知っておきたい Bootstrapの基本 使い方とレスポンシブデザイン
-
【初心者必見！】知っておきたいHTML基本とよく使うタグ一覧
-
CSSのfloatプロパティで要素を横並びにする方法
-
【初心者必見！】自分でホームページを作りたい人のためのWebサイトの作り方
-
【初心者必見！CSSの書き方】CSSの基本とプロパティ一覧
-
CSSメディアクエリとViewPortによるレスポンシブデザインの作り方
-
WordPressで子テーマを作成してカスタマイズする方法
-
初心者向けワードプレス オリジナルテーマの作り方と基本
-
レンタルサーバー エックスドメインでWordPressホームページを開設
最近の投稿
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
人気ブログランキグ
【メルマガで役立つノウハウをGET！！】
個人事業主様向けWebスクール・ホームページ作成教室「ウェブストエイト」