ビギナーが始めるワードプレス

ウェブ制作初心者でもできる WordPress

WordPress は世界的に人気があるオープンソースのブログプラットフォームで、WordPress のシステム要件を満たしたサーバであればインストールして使用できる。

アメブロ , JUGEM , FC2 , Blogger などの多くのブログサービスはアカウントを作成するだけで使用できるビギナーにも優しい作りになっているが、WordPress はブログを立ち上げるサーバから用意する必要があり、ウェブ制作初心者には WordPress 5.7 の動作環境 ( PHP バージョン 7.4 以上 , MySQL バージョン 5.6 以上 ) を理解するだけでも難しい。

サーバの用意

WordPress を始める際には WordPress の動作環境をサポートしたサーバが必要で、当面は WordPress に対応している「 WordPress 簡易インストール機能」が付いた無料レンタルサーバの利用を推奨。

X FREE

以前は xdomain が展開していた無料のレンタルサーバで、現在は無料レンタルサーバが X FREE として独立、Xdomain はドメインの取得サービス , 有料のレンタルサーバを Xserverが運営している。

X FREE 公式サイト

トップページの「無料レンタルサーバご利用お申し込み」からメールアドレスを入力して「確認メール」を送信し受信したメールに記載の URL をクリックして必要事項を入力という流れになる。

メールアドレスとパスワードは XFREE へのログインに使用。

XFREE のログイン情報を入力して管理パネルにログイン。

WordPressの「利用を開始する」をクリックすると初期設定は実行される。

初期設定が完了したら左ナビゲーションバーの「無料レンタルサーバー」をクリックして表示されるサーバーから「 WordPress 」の「管理パネルログイン」をクリック。

WordPress をセットアップするため「新規インストール」をクリック。

サイトアドレスの空欄はサブドメイン用なので新規インストール時は空白にして WordPressID とブログタイトル , メールアドレスを入力して「次へ進む」で内容を確認したら「確定 ( WordPressをインストール )」で WordPress のセットアップが実行される。

インストール完了時に表示される URL , 管理ユーザー , パスワードは WordPress の管理画面にログインするための情報なので必ず控えておく。

WordPress のセットアップが完了したら FTPアカウントの設定を行うため左ナビゲーションバーの「無料レンタルサーバ」から「 WordPress の管理パネルログイン」で WordPressの管理パネルを開き「設定」をクリック。

各種管理設定の「 FTPアカウント設定」をクリック。

「全てのファイル・フォルダにアクセスする」にチェックを入れて「設定変更」をクリックし「設定編集 ( 確定 )」で FTPアカウントの情報が表示され設定完了。

表示された FTPパスワードは後から確認することができないので必ずメモをとっておく。

コンテンツ作成の準備

サーバの設定と WordPress のインストールが終了したのでフォーマットをカスタマイズしていく。

取得したサイトの URL をクリックするとテストページ ( 現在公開されている自分のブログ ) が表示されるので左サイドバーの「メタ情報」にある「ログイン」をクリック。

WordPress の管理画面へログインするため取得した「管理ユーザー名」と「パスワード」を入力。

WordPress の管理画面が開き「更新」の項目に数字が表示されている場合は「更新」を選択。

WordPress の管理画面はブックマークに追加しておく。

「更新」には「 WordPress 」「プラグイン」「テーマ」があるので「 WordPress 」のみ更新しておく。

「 WordPress 」に「 WordPress x.x – ja 」と「 WordPress x.x – en US 」がある場合はローカライズされた「 WordPress x.x – ja 」の「今すぐ更新」をクリック。

テーマを決める

WordPress には WordPress オリジナルのものから個人、企業が作成したものまで様々なデザインが提供されており、WordPress の管理画面から簡単に追加できる。

管理ページの左ナビゲーションバーにある「外観」ではインストール済みのテーマが表示される。

デフォルトでインストールされているのは WordPress オリジナルのテーマで、使用しているユーザーが多くテーマに関する情報量が豊富なためビギナーでも扱いやすい。

インストールされているテーマがイメージと異なる場合は「新しいテーマを追加」から使用するテーマを「インストール」する。

テーマの検索は「特徴フィルター」を使用して希望の条件にチェックを入れると対象を絞ることができ、テーマのデザインは「ライブビュー」で実際のイメージを確認できる。

テーマのインストールが終了したら「有効化」でテーマを反映。

テーマのカスタマイズ

WordPress のオリジナルテーマで CSS を編集せずに設定できるのは「外観」にある「カスタマイズ」の項目のみで表示される項目はテーマによって異なる。

編集できる項目は限定されるが CSS などの知識がなくても設定できる。

ヘッダー画像の追加と編集

ヘッダー画像はサイトのイメージ付けに大きな影響を与える箇所でテーマ毎に推奨サイズがある。

「カスタマイズ」から「ヘッダー画像」を選択すると推奨サイズを確認できる。

「新規画像を追加」でヘッダーに表示する画像をアップロードしてトリミングなどを行い設定する。

ヘッダー画像は横幅をベースにリサイズされるため推奨サイズより小さなサイズの画像は使用を避ける。

固定フロントページ

固定フロントページではトップに表示されるページや投稿を設定する。

WordPress は「投稿」と「固定ページ」があり「投稿」はカテゴリーやタグを設定できるが「固定ページ」では設定できないなどの違いがあり一般的に「投稿が動的」「固定ページは静的」と表現されシステムでの取り扱いも違ってくるが見た目に違いはない。

デフォルトでは「最新の投稿」が設定されておりホームページにアクセスするとブログの最新記事が表示される。

「固定ページ」のラジオボタンにチェックを入れて任意のフロントページ ( 固定ページ ) や投稿を指定することもできる。

ウィジェット

ウィジェトは単独で動作するプログラムで「カレンダー」や「最近のコメント」などサイドバーやフッダーに配置して使用する。

ウィジェトの追加/ 削除は「カスタマイズ」のメニューではなく「外観」の「ウィジェト」で設定を行う。

ウィジェットはデフォルトでインストールされてるがプラグインをインストールことで追加することが可能。

プラグインの有効化とインストール

WordPress は多くのプラグイン ( 拡張機能 ) が公開されておりプログラミングの知識がなくてもプラグインを使用することで様々な機能を追加できる。

左メニューバーから「プラグイン」を選択するとデフォルトでインストールされているプラグインが表示されるので「 Akismet 」と「 WP Multibyte Patch 」を有効化する。

Akismet はスパムをブロックするプラグインで、有効化するだけでなくアカウントを有効化する必要があるため「 Akismet アカウントを有効化」→「 APIキーを取得」→「 GET AN AKISMET API KEY 」を選択して「 Personal 」の「 Get Personal 」をクリック。

Personal プランは非商業用のサイトのみ無料で利用可。( 広告を配置する場合は有料 )

広告やアフィリエイトを使用しないサイトの場合はスライドバーを左端に動かして無料プランに変更。

商用サイトの場合 Personal プランは 1500円 / 年から利用可能。

無料プランに変更するとクレジットカードの入力画面が氏名とサイトURL の入力フォームに切り替わり無料プランの使用条件が表示されるので各項目を確認してチェックを入れ「 CONTINUE WITH PERSONAL SUBSCRIPTION 」をクリック。

APIキーが表示されたら「手動でAPIキーを入力」のテキストボックスに入力し「このキーを使用」で Akismet が有効になる。

主なプラグイン

プラグインは自身のサイトに必要と思われるものを随時インストールしていけば良いのだが、プラグインの影響でサイトが重くなったり不具合が発生する可能性もあるため注意が必要。

新しいプラグインは左ナビゲーションバーの「プラグイン」→「新規追加」でプラグインのタイトルを入力して検索。

TinyMCE Advanced
ビジュアルエディタを強化するプラグイン。
Shortcodes Ultimate
ショートコードによってサイトの表現力を強化するプラグイン。
Classic Editor
WordPress の旧エディターと TinyMCE を有効化するプラグイン。
Google XML Sitemaps
Google ,Bing ,Yahooなど検索エンジンのインデックス用サイトマップを作成するプラグイン。

コンテンツの作成

サイトの外観が整ったらコンテンツを作成する。

「投稿」「固定ページ」は左ナビゲーションバーの「投稿」「固定ページ」の「新規追加」を選択。

タイトルと本文を入力後公開せずに保存する場合は右サイドバーにある「公開」のメニューで「下書き保存」, 公開する場合は「公開」をクリック。

カテゴリー

投稿をカテゴリー分類するには右サイドバーの「カテゴリー」のメニューから「新規カテゴリーを追加」をクリックして任意のカテゴリー名を入力後に「新規カテゴリーを追加」のボタンで確定。

タグも同様の操作で編集できる。

カテゴリーやタグは「投稿」メニューから事前に登録することもできる。

「スラッグ」は URL に表示されるものでデフォルトではタイトルがスラッグに割り当てられる。

投稿や固定ページは初期設定でコメントやトラックバックが許可されているので、許可しない場合は上部にある「表示オプション」から「ディスカッション」にチェックを入れ「コメントの許可」と「トラックバックとピンバックの許可」のチェックを外す。

メニューの作成

サイトの構成や投稿のカテゴリーなどが決まったらユーザビリティを向上させるためにメニューを作成する。

メニューには「ページ」のほか「カテゴリー」と「カスタムリンク」があり任意で「メニューに追加」する。

「外観」→「メニュー」で設定画面を開、初めて設定する場合はメニューの名前を入力して「メニューを作成」。

メニューはネスト ( 入れ子 ) に対応しており複数作成することができるのでヘッダー用とサイドバー用など表示させる箇所によってメニューを切り替えることも可能。

SEOについて

検索での上位表示を意識するなら Google でガイドラインが公表されている。

ウエブマスター向けガイドライン
 検索エンジン最適化スターターガイド

・検索エンジンではなくユーザーの利便性を最優先に考慮してページを作成する。
・ユーザーをだますようなことをしない。
・検索エンジンでの掲載位置を上げるための不正行為をしない。
・自分のウェブサイトが独自性や、価値、魅力のあるサイトといえるようになるかを考えてみる。