MasonryレイアウトとStickyサイドバーのシンプルなブログテーマ

WordPressの始め方
  1. Home
  2. WordPressの始め方  /  
  3. WordPressの始め方

WordPressの始め方

Colors Themes

準備1　WordPressのインストールとSSL化

準備1-1　レンタルサーバー

WordPressが使えるレンタルサーバーが必要になります。
無料で借りられるところもありますが広告が表示されたり制限があったりします。
WordPressを快適に使用できるプランは月額500円～1000円位だと思います（長期間契約で安くなったりします）。

準備1-2　独自ドメイン

必須ではありませんが、独自ドメインを取得した方がSEOや信頼性など有利なことが多いです。

準備1-3　SSL化

レンタルサーバーのHP情報を参考に設定します。通常、以下の4つの作業が必要です。

  1. レンタルサーバーの管理画面で、SSL化の設定をします。
  2. WordPressの「管理画面/設定/一般」で、「WordPress アドレス (URL)」と「サイトアドレス (URL)」のURLをhttpからhttpsに変更します。
  3. FTPソフトを使い、WordPressのフォルダ内の「.htaccessファイル」に以下のようなコード（レンタルサーバーのHP情報を参考に）を追記します。
  4. 既にコンテンツがある場合には、コンテンツ内のリンクや画像のURLを「http」から「https」に変更します。

.htaccessファイルの設定例（URLの正規化）

<IfModule mod_rewrite.c>
RewriteEngine On
# wwwなしに統一
RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]
# httpsに統一
RewriteCond %{HTTPS} !on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>

準備1-4　手動でWordPressをインストールする場合

レンタルサーバーのWordPress自動インストール機能を使う場合は気にする必要はありませんが、FTPソフトを使いWordPressを手動でインストールする場合は、WordPress内のwp-config.phpファイルのパーミッションを400（レンタルサーバーの推奨優先）などに変更する必要があります。

準備1-5　URLの表示方法を変更する場合

準備2　WordPressテーマとプラグインのインストール

準備2-1　WordPressテーマのインストール

WordPressの「管理画面/外観/テーマ/新規追加」から好きなテーマを選んでインストール、有効化します。WordPressの基本操作に慣れるには、公式ディレクトリの無料テーマがお勧めです。

準備2-2　WordPressプラグインのインストール

WordPressの「管理画面/プラグイン/新規追加」から好きなプラグインを選んでインストール、有効化します。テーマは1つだけしか有効化できませんが、プラグインは複数同時に有効化できます。

準備3　テーマ、プラグインの設定

準備3-1　テーマの設定

公式ディレクトリのテーマの設定はカスタマイザーで行います（2015年からルール変更）。WordPressの「管理画面/外観/カスタマイズ」から起動する方法と、ページを表示して上部メニュー「カスタマイズ」から起動する方法があります。

準備3-2　プラグインの設定

一般的には設定用のページが用意されていることが多いです。WooCommerceプラグインでは一部カスタマイザーでの設定もあります。

準備4　テスト投稿

準備4-1　投稿

WordPressの「管理画面/投稿/新規追加」からブログ用の記事を投稿できます。
ブログ機能（投稿者名、日付、カテゴリ、タグ、アーカイブなど）が使用できます。

準備4-2　固定ページ

WordPressの「管理画面/固定ページ/新規追加」から固定ページ用の記事を投稿できます。
通常、ブログ機能（投稿者名、日付、カテゴリ、タグ、アーカイブなど）が使用できません。

準備5　テーマのカスタマイズ

準備5-1　ロゴ画像や写真

Webサイトの印象を良くしたりテーマに変化を出したい場合は、ロゴ画像、写真、イラスト、背景画像を工夫するのが効果的です。

準備5-2　カスタマイザーの「追加CSS」を利用

CSSだけであれば、カスタマイザーの「追加CSS」を利用すると簡単です。
CSS例（公式ディレクトリの英語向けテーマを日本語できれいに表示します）。

body {
	position: relative;
	margin: 0;
	text-align: left;
	overflow-x: hidden;
	background: #fff;
	font-size: 16px;
	line-height: 2;
	color: #333;
	font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	line-height: 1.4;
	color: inherit;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

h1 {
	font-size: 1.5rem;
}

h2 {
	font-size: 1.4rem;
}

h3 {
	font-size: 1.3rem;
}

h4 {
	font-size: 1.2rem;
}

h5 {
	font-size: 1.1rem;
}

h6 {
	font-size: 1rem;
}

準備5-3　子テーマを利用

本格的にテーマをカスタマイズする場合には子テーマの使用が推奨されています。
コードの知識が必要になります。

FAQ

Q1　公式ディレクトリの無料テーマはSEOに弱いですか？

公式ディレクトリのテーマはガイドラインに沿って制作されています。SEO関係の機能の多くはプラグインテリトリーに分類されていて、殆どの機能を無料で使用できる専門プラグインも多数登録されています。それらを利用すればSEOに弱いということはないと思います。

Q2　公式ディレクトリのテーマを使う場合、お勧めのプラグインは？

公式ディレクトリのテーマであれば、個人的には、総合SEO対策プラグイン（Yoast SEO）、画像最適化プラグイン（EWWW Image Optimizer）、総合セキュリティ対策プラグイン（Wordfence Security）などがお勧めだと思います。

Q3　有料テーマを購入する予定がある場合は早めの方が良いですか？

公式ディレクトリの無料テーマで基本操作をマスターして、何がWordPressのコア機能なのかを把握してからでも遅くないと思います。記事が増えすぎてからだと大変になる場合もあるので、ある程度早めのほうが良いかもしれません。

この記事を書いた人

Colors Themes

WordPressテーマを制作しています。配色、レイアウト、文字数、画像サイズ等の変更に柔軟に対応できるよう、汎用性の高いデザインでの制作を心がけています。

関連記事

  • Wordfence Securityのインストール手順
  • 写真について