プラグインを使わないWordPressのバックアップ方法

WordPressのサイトを運営していて特に心配になってくるのがデータの内容が消えてしまうというトラブルですね。ブログの記事も充実し、これからという時にWordPressのサイトが消えてしまったとしたら…また一からブログ記事を書いてサイトを作っていくのは時間と精神を大幅に消耗してしまいます。

バックアップをすすめるメッセージ

また、WordPressのテーマを更新する時も、データベースとファイルをバックアップするようにメッセージが表示されます。テーマの更新時に不具合が起こり、今までのブログが消えてしまうというリスクもあります。そんな事にならないためにも、定期的なバックアップは必須です。

WordPressのバックアップの方法

WordPressのバックアップは大きく分けて3通りあります。

MySQLデータベースをエクスポート

レンタルサーバー会社のWEBツールから操作できるのですが、データベースの操作は、私が契約しているロリポップ!でもサポート外だそうなので、この作業をする場合は自己責任になりそうですね。初心者には個人的におすすめしません。

自分でサーバーからWordPressファイルをダウンロード、ダッシュボードから記事をエクスポート

こちらはレンタルサーバーのFTPソフトからWordPressファイルをダウンロード、ダッシュボードから記事データなどをエクスポートするだけです。

レンタルサーバーのFTPソフトを使用してWordPressファイルダウンロード

WordPressをインストールしたサーバーにFTPソフトでアクセスし、『wp-content(WordPressファイル)』フォルダ内の「plugins(プラグイン)」、「themes(テーマファイル)」、「uploads(画像ファイル)」フォルダを自分のPCにダウンロードしておきます。復旧する場合はFTPソフトからサーバーにアクセスし上書きでアップロードします。

WordPressのダッシュボード画面から記事とコメントデータをエクスポートする

ダッシュボードの左メニューより『ツール→エクスポート』をクリック。

エクスポート
エクスポート画面

「エクスポートする内容を選択」の「すべてのコンテンツ」にチェックが入っていますので「エクスポートファイルをダウンロード」ボタンをクリックすればバックアップデータがダウンロードされます。

インポート

ダウンロードデータを復旧する場合は左メニューより『ツール→インポート』をクリックし「今すぐインストール」→「インポーターの実行」をクリック。復旧させるバックアップデータを選択し、「ファイルをアップロードしてインポート」をクリックします。

『BackWPUp』プラグインでバックアップする

BackWPUp

プラグインを使用したい場合は「BackWPU」という自動でバックアップをしてくれるプラグインがあります。

こちらのサイト様で詳しく解説されています。
BackWPUpで確実にWordPressのバックアップを取る方法

まとめ

プラグインを使用しないで、すぐにバックアップをしたい場合は、

  • ダッシュボードから記事とコメントデータをエクスポート
  • FTPソフトでサーバーからプラグイン、テーマ、画像ファイルのフォルダをダウンロード

が初心者には一番簡単な方法かと思います。よろしければご参考になさってくださいね。

画像を圧縮して高速表示!「EWWW Image Optimizer」WordPressプラグイン

WordPressのサイト運営には表示速度の速さが大切です。表示が遅いと、せっかくのサイト訪問者が表示を待ちきれずに違うページに移動してしまいます。「EWWW Image Optimizer」は画像をアップロードすると画像を劣化させずに自動でファイルサイズを圧縮したり、アップロード済みの画像を一括で圧縮してくれる便利なプラグインです。

「EWWW Image Optimizer」のインストールと設定方法を説明します。

「EWWW Image Optimizer」プラグインのインストール

EWWW Image Optimizerをインストール

左メニューより『プラグイン→新規追加』画面の検索ボックスに「EWWW Image Optimizer」と入力します。「EWWW Image Optimizer」の「今すぐインストール」をクリック、「有効化」します。

設定画面

メニュー:設定

左メニューの『設定』に「EWWW Image Optimizer」が表示されているのでクリックし設定画面に移動します。

基本設定

基本設定

「メタデータを削除」の箇所にのみチェックが入っているのを確認し、あとは初期設定のままにします。ここは画像ファイルについた不要なメタディスクリプションを削除する設定です。

高度な設定

高度な設定

「無効にする pngout」の箇所にのみチェックが入っているのを確認し、あとは初期設定のままにします。

変換設定

変換設定

「コンバージョンリンクを非表示」の箇所にのみチェックが入っているのを確認し、あとは初期設定のままにします。これは自動で画像が変換されないようにする設定です。

「EWWW Image Optimizer」で画像を圧縮する

設定が終わったら、画像を圧縮していきます。

メディア:一括最適化

左メニューの『メディア』に「一括最適化」が表示されているのでクリックして移動します。

最適化されていない画像をスキャンする

「最適化されていない画像をスキャンする」ボタンをクリックします。アップロードした画像ファイルの他に、有効なテーマ、BuddyPress、WP Symposium、および設定したフォルダー内の画像もスキャンされます。

最適化を開始

「最適化を開始」ボタンが出現するのでクリックすると画像が圧縮されていきます。

最適化の完了

画像の圧縮が完了したら完了済み画面になり、圧縮した画像の縮小率の%が表示されます。

まとめ

このように「EWWW Image Optimizer」プラグインを有効化すると、これからアップロードされる画像ファイルを自動的に圧縮し、またすでにアップロード済みの画像ファイルやテーマの画像なども一括で圧縮してくれます。もし、サイトの表示をもっと高速化させたいと考えている場合はこのプラグインの導入を検討してみて下さいね。

WordPressの記事のカテゴリーの作り方

WordPressの記事のカテゴリーの作り方を説明します。カテゴリーはサイトに訪問してブログを読んで下さる方に、どんな種類の記事があるかわかりやすく示す役割があります。WordPressのカテゴリーの作り方とヘッダーにカテゴリーを設定する方法を説明します。

カテゴリーの基本的な作り方

カテゴリーはメニューの『投稿→カテゴリー』から作成できますし、「投稿を新規追加」する時や「投稿の編集」をする時にも作成する事ができます。ちなみに固定ページではカテゴリーは作成できません。

新規にカテゴリーを作る

メニュー:投稿→カテゴリー

左メニューより『投稿→カテゴリー』画面に移動します。

子カテゴリーを作成

追加をクリック

「新規カテゴリーを追加」の欄の名前を「プラグイン」、スラッグ(URL)を「plugin」にします。今回はすでに出来ている「WordPress」カテゴリーの下の階層に「プラグイン」という子カテゴリーを設定したいので、親カテゴリーの欄から「WordPress」を選び、新規追加をクリックします。

カテゴリーの完成

カテゴリー「プラグイン」が新たに設定されました。「WordPress」の子カテゴリーなので前に「-」の文字がついています。

投稿画面でカテゴリーを編集

投稿の新規追加や編集の画面でも同じように設定できます。

サイトの確認

サイトを確認すると、このように表示されました。まだカテゴリーが同列に並んでいて、子カテゴリーがどれかわからないので階層化の設定をします。

ウィジェットからカテゴリーを編集する

左メニューより『外観→ウィジェット』をクリックします。ウィジェットはサイトのナビゲーションの役割を果たすヘッダー部分にカテゴリーやメニュー、検索ボックスなどを表示する設定です。

カテゴリーの階層を表示

「ウィジェット エリア」の「カテゴリー」右の▼をクリックして、表示させたい形式箇所にチェックを入れて「保存」をクリックします。

ヘッダーのカテゴリーを階層化

今回は「階層表示」にチェックを入れたのでメニューが上図のようにわかりやすく表示されました。

ウィジェット画面

『外観→カスタマイズ→ウィジェット』からも編集できます。上部の「ライブプレビューで管理」をクリックするとサイトの設定後の表示を確認しながら編集できます。

まとめ

このようにWordPressではカテゴリーの作成や階層化の設定、ヘッダーにカテゴリーを表示する設定も簡単にできますので、ぜひ作ってみて下さいね。

WordPressのSEO対策に!「All in One SEO Pac」プラグイン

WordPressには簡単にSEO対策を設定できる「All in One SEO Pac」というプラグインがあります。

「All in One SEO Pack」でできる事は「記事やページごとのタイトル設定・Metaディスクリプション設定・Metaキーワード設定」「ウェブマスター認証設定」「XMLサイトマップの設定」です。

「All in One SEO Pack」のインストール、設定方法について解説します。

「All in One SEO Pack」プラグインのインストール

プラグインを有効化

左メニューより『プラグイン→新規追加』画面の検索ボックスに「All in One SEO Pack」と入力し、「All in One SEO Pack」の「今すぐインストール」をクリック、「有効化」します。

一般設定画面

一般設定

上記の画面に移動するので「一般設定を続ける>>」か左メニューに『All in One SEO 』が表示されているので「一般設定」をクリックします。

サイト全体の設定をする『一般設定』画面に移動します。

一般設定

一般設定画面に移動

こちらは初期設定のままにします。

ホームページ設定

「ホームページ設定」はサイトの検索結果のタイトルとディスクリプションがどのように表示されるかという設定をします。

検索結果の見え方

例えばこのサイトを検索エンジンで検索すると図のような検索結果が出てきますが、一番上がタイトル、その下の文章がメタディスクリプションとよばれています。この部分を自分の希望する検索結果になるように設定していきます。

ホームページ設定
  • ホームタイトル
  • ホームページのタイトルを入力します。ほとんどの検索エンジンで最大57文字が表示されます。

  • ホームディスクリプション
  • ホームページの内容について入力します。ほとんどの検索エンジンで最大160文字が表示されます。

  • 代わりに固定フロントページを利用する
  • 固定フロントページをトップページに使用する場合は「有効」をチェックします。固定フロントページのタイトル、ディスクリプション、キーワードが検索結果に使用されます。

    タイトル設定

    タイトル設定

    こちらは初期設定のままにします。タイトルのフォーマットが長すぎて変えたい場合は必要な箇所を削除したり、編集します。

    • タイトルを書き換える
    • 「有効」にチェックが入っている場合は検索結果のタイトルを書き換える事ができます。

    • タグと検索タイトルを大文字にする:
    • アルファベット表記をした場合は各単語の最初の文字を大文字にしてくれます。

    • ホームページタイトル形式
    • ホームページ(トップページ)のタイトルです。

    • 固定ページタイトルフォーマットetc..
    • ボックスの中に「 %page_title% | %blog_title% 」などと表記されています。タイトルの後ろ側に「 各ページのタイトル | ブログタイトル 」と検索結果に表示される設定になっています。

      カスタム投稿タイプ設定

      こちらはカスタム投稿をした時に個別にSEO対策ができるようになる設定です。今回は初期設定のままにします。

      表示設定

      初期設定のままにします。

      ウェブマスター認証

      ウェブマスター認証

      Googleのウェブマスターツール(現在はサーチコンソール)やBingのウェブマスターセンターなどのサイト認証を設定します。設定後はWordPressサイトのウェブ分析をそれぞれのツールで確認できるようになります。今回はGoogleのサーチコンソールのコードを取得して設定する方法を説明します。

      Google ウェブマスターツール

      プロパティを追加

      Googleサーチコンソールに新規登録後、ログインして管理画面に移動します。「プロパティを追加」をクリック。ボックスに登録するウェブサイトのURLを入力し、「追加」をクリックします。

      HTMLタグをクリック

      所有権の確認方法の画面に移動、「別の方法」タブをクリックして移動、「HTMLタグ」ボタンをクリックします。

      HTMLタグ(「””」内のみ)をコピー

      metaタグが表示されますので、「content=””」の黒い帯の部分「””」内のみをコピーして「ウェブマスター認証」のGoogle ウェブマスターツールのボックス内にコピーし「設定を更新>>」ボタンをクリックします。

      所有権を確認

      その後、Googleのサーチコンソールの画面に戻り、「確認」ボタンをクリックすると「所有権が確認されました。」と表示されています。

      所有権が確認できた

      Google設定

      Google+の連携とGoogleアナリティクスを設定します。今回はGoogle+は設定せず、「GoogleアナリティクスID」のみ設定します。

      Google アナリティクス

      Googleアナリティクスの画面

      Googleアナリティクスに新規登録後、ログインします。メニューから『管理』をクリックして管理画面に移動します。

      新しいアカウントを作成

      一番左側の「アカウント」から「新しいアカウントを作成」をクリックします。

      新しいアカウントデータを入力

      上から任意のアカウント名、ウェブサイトの名前、URLを入力していき、最後に「トラッキングIDを取得」ボタンをクリックします。

      トラッキングIDが表示
      トラッキングIDを記入

      「トラッキングID」が表示されますので、「Google設定」の「GoogleアナリティクスID」ボックス内にトラッキングIDを入力し、「設定を更新>>」ボタンをクリックします。

      ちなみに管理画面からは真ん中の『プロパティ』→「トラッキング情報>トラッキングコード」をクリックすると、トラッキングIDを表示する事ができます。

      トラッキングIDを調べる

      Noindex設定

      Googleなどの検索エンジンにインデックスさせたくない(noindex)、リンクをたどってほしくない(nofollow)ページを設定します。」

      Noindex設定

      「noindex」はコンタクトフォーム(プラグイン)、カテゴリー、日付別アーカイブ、投稿者アーカイブにチェックを入れ、「nofollow」はチェックしない設定がおすすめですが、ご自分のサイトの運用方法によって編集してください。

      詳細設定

      詳細設定

      「ディスクリプションを自動生成」のみにチェックを入れます。他の項目はヘッダーに追加記入するなど、特に使用しない機能ですので、そのままにします。

      キーワード設定

      キーワード設定

      キーワードに関する設定です。「キーワードを使用」を有効にすると、各ページのキーワードを自分で設定できます。私は「メタキーワードとしてタグを使う」のみにチェックを入れましたが、ご自分のサイトの運用方法によって編集してください。

      All in One SEO Packの「XMLサイトマップ」の設定

      SEO対策においても重要なXMLサイトマップを設定します。HTMLサイトマップがサイト閲覧ユーザーに向けて作られたものに対して、XMLサイトマップは、検索エンジンのクローラーに向けてサイトマップです。設定方法を説明します。

      XMLサイトマップを有効化

      左メニューの『All in One SEO→機能管理』ページに移動し、「XMLサイトマップ」の「Active」ボタンをクリックします。

      XMLサイトマップ

      「XMLサイトマップ」メニューが表示されるので、クリックして設定画面へ移動します。

      XMLサイトマップ

      XMLサイトマップ設定

      基本的には「XMLサイトマップ」を図のように設定するのがおすすめです。設定後、「サイトマップを更新」ボタンをクリックします。

      まとめ

      WordPressの「All in One SEO Pack」プラグインはSEO対策に必須の

      • 記事ごとのメタディスクリプション、キーワード設定
      • ウェブマスター認証
      • XMLサイトマップ

      などを簡単に設定することができます。

      その他にも、これからの時代に必須のFacebookやTwitterに画像をつけて視覚的に目立たせる「ソーシャルメディア」設定もありますが、今回は必要最低限の設定を説明させていただきましたので、ぜひご参考になさってくださいね。

WordPressで一番最初に導入したい必須のプラグイン

WordPressには『プラグイン』という機能を付加していく事によって、さらに便利で使いやすいサイトを運営していくことができます。

プラグインは例を挙げると、「SEO対策」「セキュリティ対策」「スパム対策」「高速表示」「バックアップ」「SNSとの連携」などがあります。

WordPressをインストールしたばかりでは、どのプラグインをインストールすればいいのかわからないものですよね。

数あるプラグインの中でも初心者がまず一番最初に導入するべき必須のプラグインをご紹介します。

初心者が一番最初に導入するべき必須のプラグイン

文字化け対策

WP Multibyte Patch

WP Multibyte Patch

英語圏で作られた WordPressを日本語環境で正しく動作させるために必要な機能を搭載したプラグインです。主に日本語の文字化けエラーを防止してくれます。WordPressに最初からインストールされていますので、ぜひ有効化しましょう。

セキュリティ対策

SiteGuard

SiteGuard WP Plugin

WordPressの管理画面(wp-admin)への不正ログインを防ぐプラグインです。ログイン名やパスワードをしらみつぶしに解読しようとするブルートフォースアタック(総当たり攻撃)を防ぎます。

SiteGuard WP Pluginを有効化すると、『ログインページURLが変更されました。』と表示され、「http://ドメイン/login_(数字の乱数)/」に変更されますのでブックマークをしておいて、以後はそのURLよりログインします。ログインページは設定画面で変更可能です。

このサイトもSiteGuard WP Pluginを導入後、ログインページにひらがなの画像認証が加わりました。日本語がわからない国からの不正アクセスを防ぎやすくなると思います。

新しいログイン画面

その他にも管理ページアクセス制限、ログインページ変更、ログインページ、コメント投稿の画像認証、ログインがあればメールで通知などの機能があります。

SiteGuard WP Pluginについての詳しい内容が知りたい場合はこちらのSiteGuard WP Plugin作成元のサイトをご参考になさってください。

スパム対策

Akismet

Akismet Anti-Spam

(アンチスパム)

ブログ記事のスパムコメントを自動的に振り分けてくれます。何百万もの利用実績がある人気のプラグインです。コメント欄を解放する場合は、ぜひ導入しましょう。
AkismetはAPIキーを取得する必要があるので、少しややこしく感じるかもしれませんが、そんなに難しい事はありません。

こちらのサイト様で詳しい設定方法が書かれています。
Akismetプラグインの使い方

メールフォーム

Contact Form 7

Contact Form 7

お問い合わせフォームを簡単に作成するプラグインです。こちらのページでContact Form 7の詳しい設定方法を解説しています。

SEO対策

All in One SEO Pack

All in One SEO Pack

簡単にWordPressのSEO対策を設定できるプラグインです。
サイトタイトル、ディスクリプション、キーワードの設定を行います。また、SEO対策でも必須ツール、Googleアナリティクスとサーチコンソールの設定、XMLサイトマップの設定もAll in One SEO Packで可能です。
こちらのページでAll in One SEO Packの詳しい設定方法を解説しています。

WordPressのおすすめプラグイン

WordPressの自サイト・ブログが充実してくると、表示速度やもしもの時のバックアップなど気になる点や心配事がでてきます。それを解決するための便利なプラグインをご紹介します。

表示速度の高速化

EWWW Image Optimizer

EWWW Image Optimizer

(画像データの圧縮)

画像つきのブログ記事が増えていくと、だんだん表示速度が遅くなっていく問題が出てきます。EWWW Image Optimizerは画像をアップすると自動でファイルサイズを圧縮したり、アップロード済の画像を圧縮してくれるプラグインです。

こちらのページでEWWW Image Optimizerの設定方法と使い方を詳しく説明しています。

下記のサイトでは入力したURLのサイトの表示速度を分析し、表示が遅い原因を教えてくれます。
PageSpeed Insights

バックアップ

WordPressのバックアップはプラグインを使用する方法と、「MySQLデータベースをエクスポート」、「サーバーからWordPressファイルをダウンロード」、「ダッシュボードから記事をエクスポート」する方法があります。

こちらのページでプラグインを使用しないバックアップの方法を説明しています。

BackWPUp

BackWPUp

BackWPUはWordPressデータをすぐにバックアップしてくれるだけでなく、定期的に自動でバックアップ、自動バックアップのスケジュールを自由に設定できる便利なプラグインです。

こちらのサイト様で詳しく解説されています。
BackWPUpで確実にWordPressのバックアップを取る方法

まとめ

このようにWordPressのプラグインにはインストールしておいた方がいい必須のものがいくつかあります。また、必須でなくてもインストールしておいて損はないものもご紹介させていただきましたので、よろしければご参考になさってくださいね。

WordPressのしくみと導入方法の簡単な説明

WordPressを使ってみよう!と思ったときに、どうすればいいか最初はわからないかと思います。初心者の方でも一番簡単に導入できる方法をご説明します。

WordPressのしくみ

WordPressのしくみを簡単に説明すると、『WordPressを動かすプログラムファイル』と作成したWordPressデータを保存する『MySQLデータベース』で構成されています。

データベースはサーバーの中で稼働させているので、レンタルサーバーを契約する必要があります。

WordPress導入の方法は大まかに2通り

  • WordPressのインストールが簡単にできるレンタルサーバー会社と契約する
  • これが一番楽で簡単な方法です。
    独自ドメイン取得→レンタルサーバー契約が同時にできる会社が個人的にはおすすめです。
    私が現在使用している独自ドメインはムームードメインで、レンタルサーバーはロリポップ!です。

    ロリポップはWordPressの簡単インストール機能があるので、とても簡単に導入する事ができます。



    WordPressを使うならロリポップ!
    簡単インストール完備で楽々スタート!

    すでにレンタルサーバーを契約している場合はサーバー内にWordPress用に設定されたデータベースや簡単インストール用のツールがあるか確認してみましょう。

  • 自分でWordPressをインストールする
  • すでにレンタルサーバーを契約していて、そのサーバーに簡単インストール機能がない場合は、 必要ならばデータベースとユーザーを作成し、WordPressのダウンロードサイトからダウンロードしインストールします。また、導入前に契約しているサーバーがWordPress の最低動作要件を満たしていることを確認する必要があります。

    WordPress の公式オンラインマニュアルである『WordPress Codex』の下記のサイトに詳しく記載されていますので、ご参考にしてみてください。

    WordPress 日本語版の推奨動作環境
    WordPressのインストール方法
    WordPressのダウンロード

こちらのページではWordPressをインストール後のログイン、ダッシュボード(管理画面)について説明しています。

WordPressで簡単にメールフォームを作成する「Contact Form 7」プラグイン

お問い合わせを受け付けるための簡単なメールフォームのページの作成について解説します。メールフォームの作成はWordPressの「Contact Form 7」というプラグインをインストールします。

「Contact Form 7」をインストールする

Contact Form 7を検索

左メニューから『プラグイン→新規追加』の画面に行き、右上の「プラグインの検索」ボックスに「Contact Form 7」と入力すると、候補のプラグインがいくつか出てきますので、Contact Formを選んで「今すぐインストール」をクリックします。

インストール完了

インストール後、「有効化」の青いボタンに変化するので、クリックすると、『プラグイン』の画面へ移動します。プラグインが有効化されているものは左に水色のバーがついています。

コンタクトフォームを新規追加

お問い合わせを新規追加

「Contact Form 7」が有効化され、左メニューに『お問い合わせ』が追加されています。メールフォームを作るには「新規追加」をクリックします。

コンタクトフォームの編集

一番上に任意のタイトルを入れます。
タイトルの下に「このショートコードをコピーして、投稿、固定ページ、またはテキストウィジェットの内容にペーストしてください」とありますが、こちらはメールフォームをすべて設定して保存してから使用します。

フォーム

フォーム

フォームのボックス内にはメールフォームに表示される内容が記されています。「お名前 (必須)」「メールアドレス (必須)」「題名」「メッセージ本文」という文字や「[submit “送信”]」の送信ボタンのコードなどです。コード以外の文字はお好きなものに編集できます。

メール

メール

メールにはメールフォームから送信された内容のテンプレートが表示されています。 コード以外の文字を任意のものに編集できます。

送信先:問い合わせフォームから送信された内容を受信するメールアドレスです。左メニューの『ユーザー→あなたのプロフィール』で設定したメールアドレスが表示されます。任意のものに変更できます。

「空のメールタグを含む行を出力から除外する」、「HTML 形式のメールを使用する」という項目があるので、設定する場合はチェックを入れます。

メッセージ

メッセージ

メッセージが正常に送信された、失敗した、入力内容の不備などの時にそれぞれ使用されるメッセージです。お好きな文章に編集できます。

その他の設定

カスタマイズをするためのコードを追加します。今回は初期設定をそのまま使用しますが、カスタマイズする場合はこちらのページに詳しく解説されています。

複製と保存

複製、保存

最後に『保存』します。『複製』をクリックすると、同じ内容のメールフォームが作られます。

ショートコードをコピー

ショートコードをコピー

保存後、ショートコードをコピーしておきます。

固定ページにメールフォームを作成

固定ページを追加

左メニューから『固定ページ→新規追加』で、タイトルを「お問い合わせ」と設定、パーマリンク、本文のボックスにメールフォームに表示したいメッセージを記入し、先ほどコピーしたショートコードをペーストしてページを公開します。

お問い合わせページの完成

お問い合わせページが作成され、メニューにも表示されています。

こちらのページでメニューに固定ページを自動的に追加する方法を解説しています。

まとめ

メールフォーム作成の流れとしては、「Contact Form 7」プラグインをインストール→コンタクトフォームを作成→ショートコードを新規ページにコピー→公開して完成となります。

このように、WordPressでは「Contact Form 7」というプラグインをインストールするだけで、簡単なメールフォームをすぐにサイト内に設定する事ができます。ぜひ作ってみてくださいね。

WordPressでメニューを新規作成し表示する

新規メニューを作成する

新規メニューを作成

左メニューの『外観→メニュー』をクリックして、メニューを作成していきます。
「新規メニューを作成」をクリックし、メニュー名に任意の名前を入れて「メニューを作成」をクリックするとメニューに追加できるページが出現します。

メニューを編集

『固定ページ』右の矢印(▼)をクリックすると、今までに作成された固定ページが出てくるので、メニューに追加したいページにチェックを入れて、「メニューに追加」をクリックします。
『メニュー設定』の「固定ページを自動追加: このメニューに新しいトップレベルページを自動的に追加」にチェックを入れておくと、固定ページを作成すると自動的にメニューに追加されていきます。

投稿からメニューを設定する

メニュー:投稿

『投稿』右の矢印(▼)をクリックすると、 今まで作成された投稿ページが出てくるので、メニューに追加したいページがあればチェックを入れます。

カスタムリンクからメニューを設定する

『カスタムリンク』は、自分が作成したページだけでなく、TwitterやFacebookなど、外部の任意のリンクURLをメニューに設定できます。「リンク文字列」には任意の文字を入れると、その文字列がメニュー名になります。

カテゴリーからメニューを設定する

メニュー:カテゴリー

『投稿』右の矢印(▼)をクリックすると、 今まで作成されたカテゴリー(投稿→カテゴリーで設定)が出てくるので、メニューに追加したいページがあればチェックを入れます。

メニューを保存する

メニューを保存

『メニュー設定』の「メニューの位置:メインメニュー」にチェックを入れて『メニューを保存』をクリックします。「ソーシャルリンクメニュー」にチェックを入れるとメニューはリンク付のマークで表示されます。

サイトを確認すると、サイドバーのメインの位置にメニューが表示されています。

メニューが表示された

WordPressの固定ページについて

固定ページとは?

WordPressの固定ページは、あまり時間の概念を必要としないページに使用されます。投稿記事は、投稿された時間の順に掲載されていくので、最新情報を掲載したい記事に適していますが、固定ページは「サイト運営者のプロフィール」「起業沿革」「お問い合わせ」など最新情報が必要のないページに適しています。

固定ページの新規作成

まずは、WordPressの固定ページを作ってみます。

固定ページ一覧

左メニューより『メニュー→固定ページ』をクリックすると固定ページ一覧の中にサンプルページがあるので、ゴミ箱に移動します。固定ページ→「新規追加」をクリックすると、「新規固定ページを追加」画面がでてきます。

新規固定ページを追加

タイトルを入力、メディアを追加し、パーマリンクと本文を入力します。固定ページなので、アイキャッチ画像は設定しない事にします。

ビジュアルモード

固定ページの公開

「公開」ボタンをクリックし、ページを確認するとこんな感じになりました。

固定ページを公開

このままではまだ固定ページがサイドバーのメニューに反映されていないので、次のページで固定ページを表示させる方法を説明します。

WordPressのテーマをメニューから簡単カスタマイズ

すでにインストールされているWordPressのテーマを簡単にカスタマイズする方法を解説します。

左メニューから『外観→テーマ』に行くと、このような画面が表示されており、『Twenty Seventeen』が有効化されている事がわかります。今回は『Twenty Fifteen』を有効化してテーマを変更してからカスタマイズしてみます。

外観:テーマの変更

『Twenty Fifteen』に変更後、左メニューより『外観→カスタマイズ』をクリックします。

外観→カスタマイズをクリック

下記の画面が出てきますので、上から順番に設定していきます。

カスタマイズ画面

サイトの基本情報

こちらのページではサイトのタイトルや内容を示す情報を入力します。

カスタマイズ:サイト基本情報
  • サイトのタイトル
  • 任意のタイトルをつけます。

  • キャッチフレーズ
  • サイトの内容を説明した文章を入力します。

  • サイトのタイトルとキャッチフレーズを表示
  • 表示させるときはチェックを入れます。

  • サイトアイコン
  • サイトアイコン(ファビコン)の設定

    幅、高さともに512ピクセル以上の画像をアップロードすると、アドレスバーやタブの左側にアイコンが表示されます。サイトアイコン、ファビコンと呼ばれます。

    私は最初JPEG画像をアップロードしていたのですが、反映されませんでした。そこで色々調べてみると、PNG形式の画像でアップロードした方がいいようでした。
    こちらのサイトさまにくわしく書かれていました。

    WordPress4.3でファビコン(サイトアイコン)を設定する方法

    そこで、PNG画像でアップロードしたところ…

    ファビコン

    できました!
    サイトアイコンがあると、自分だけのオリジナルなサイトという感じがしてうれしくもあり、サイトを閲覧した人に強い印象を残す、他のサイトと差別化を図れるというメリットがありますね。

こちらのページではサイト全体のベースカラー、ヘッダーのテキスト色、ヘッダーやサイドバーの背景色を設定します。テーマによって設定箇所に違いがあります。

カスタマイズ:色
  • ベース配色
  • 任意の配色を選びます。青を選んでみました。

  • 背景色、ヘッダー・テキスト色、ヘッダー・サイドバー背景色
  • 変えたい場合は選択し、任意の色を作成します。

    ヘッダー画像

    カスタマイズ:ヘッダー画像

    『新規画像を追加』をクリックし、任意の画像を選びます。今回は上のような画像にしてみます。

    背景画像

    『新規画像を追加』をクリックし、任意の画像を選びます。今回は未選択です。

    メニュー

    固定ページ、カテゴリーを編集してサイトにわかりやすく表示する機能です。今回は未設定にします。こちらのページでメニューの設定方法を解説しています。

    ウィジェット

    カスタマイズ:ウィジェット

    サイドバーに表示される『検索』、『最近の投稿』などのウィジェットを追加・削除ができます。一番下の『ウィジェットを追加』をクリックすると追加できるウィジェットが出てきて、クリックで追加されます。ウィジェット右側の逆三角形をクリックすると、タイトルが変更できる画面が出てきます。

    ウィジェットタイトル変更

    タイトルを変更するとこのように反映されます。

    固定フロントページ

    カスタマイズ:
    固定フロントページ

    トップページの表示方法が選べます。『最新の投稿』は投稿した記事一覧が表示され、『固定ページ』は自分で作成したページをトップページに表示できます。フロントページ機能がないテーマもあります。

    追加CSS

    カスタマイズ:追加CSS

    ここにCSSを追加で入力する事によって、現在のテーマのデザインをカスタマイズする事ができます。

    カスタマイズの保存

    これで、Twenty Fifteenのとっても簡単なカスタマイズを終わりました。最後に右上の『保存して公開』をクリックし、ダッシュボード画面に戻りツールバーから『サイトを表示』をクリックしてみましょう。

    TwenteyFifteenテーマ

    こうなりました!

    「TwenteySixteen」「TwenteySeventeen」のテーマではこういう感じになりました。

    TwenteySixteenテーマ
    Twenty Seventeenテーマ
    Twenty Seventeenテーマ2

    外観:テーマを追加

    その他のテーマは左メニューの『外観→テーマ』から「新規追加」ボタンをクリックすれば、テーマがたくさん出てきます。注目テーマや人気のテーマが表示されますので、気に入ったテーマがあれば、インストールしてみてくださいね。

    テーマを追加