初めてのワードプレス(6)メンテナンス中表示にするComing Soon Page & Maintenance Mode by SeedProd

夏の公園と動物型の遊具

サイト作成前やテーマ編集中などで「近日公開」「メンテナンス中」の表示にしておきたい場合、プラグインを使うと便利です。

今回ご紹介する「Coming Soon Page & Coming Soon Page & Maintenance Mode by SeedProd 」は、40万件以上の利用者を誇る上に、最新バージョンのWordPressに対応しているという、メンテナンス中表示系では数少ない貴重なプラグインです。

筆者は2015年からWP Maintenance Modeというプラグインを使用しており、今回ご紹介するつもりでしたが、調べてみると7ヶ月間更新が止まっているため(2017年7月18日現在)、他のプラグインを探してご紹介することにしました。

※WP Maintenance Modeは利用者が多く、検索するとたくさん情報が出てきます。今後最新バージョンのWordPressに対応する更新があれば、こちらもぜひ使っていただきたいプラグインです。

 

目次
1.メンテナンス中表示を使う理由
2.Coming Soon Page & Maintenance Mode by SeedProdの導入方法
3.Coming Soon Page & Maintenance Mode by SeedProdの設定方法

 

1.メンテナンス中表示を使う理由

メンテナンス中表示にしておきたい場合はもちろん、特にサイト作成前は正式な状態ではないので、外部や検索エンジンから見えない状態にしておくのが望ましいためです。

ただし、あくまでも一時的なものなので、何年にもわたるような長期利用は避けて下さい。緊急時にもすぐ使えるよう、簡単に切り替えができるプラグインを選ぶと便利です。

2.Coming Soon Page & Maintenance Mode by SeedProdの導入方法

1. 管理画面⇒プラグイン⇒新規追加
wp-plugin-maintenance-1

 

2.「プラグインを追加」画面が出るので、検索窓に Maintenance と入力
wp-plugin-maintenance-2

 

3. Coming Soon Page & Maintenance Mode by SeedProdの「今すぐインストール」をクリック
wp-plugin-maintenance-3

 

4. 「有効化」をクリック
wp-plugin-maintenance-4

 

3.Coming Soon Page & Maintenance Mode by SeedProdの設定方法

1. 有効化するとすぐに設定ページが表示される(管理画面の「設定」で出すことも可能)

Contentの「Enable Coming  Soon  Mode」を選択し、「Save All Changes」をクリックして保存すると、すぐに「メンテナンス中」画面に切り替えることができます。

※まだ何も設定されていないので、ここではそのままにしておいて下さい。
wp-plugin-maintenance-5

 

2. メッセージ欄に「只今メンテナンス中です。」のように本文を記入

メッセージ欄の下にある「Save All Changes」をクリックして保存して下さい。
wp-plugin-maintenance-6

 

3. メンテナンス中表示への切り替え

1.の画面で「Enable Coming Soon Mode」を選択し、「Save All Changes」をクリックして保存するとメンテナンス中表示に切り替わります。
wp-plugin-maintenance-8

管理画面の右上に赤で「Coming  Soon  Mode  Active」と表示されます。
wp-plugin-maintenance-7

 

実際に表示される画面は「Live preview」タブで事前に確認できます。

メンテナンス中画面に切り替えても、管理画面からは通常のサイト表示しかされません。他のブラウザで確認してみて下さい。こんな風にシンプルな表示が出ます。

wp-plugin-maintenance-9

これがComing Soon Page & Maintenance Mode by SeedProdを使った一番簡単なメンテナンス中表示です。

なお、メンテナンス画面が不要になったら、すぐに状態を「Disabled」に戻して「Save All Changes」をクリックして保存しておきましょう。

 

4. 応用編その1・・・背景画像を使った画面表示

4-1. Designタブをクリックすると、背景や文字の編集ができます。Background Imageで画像を選択し、「Save All Changes」をクリックして保存します。

wp-plugin-maintenance-10

4-2. Textでメッセージや見出しの色を変えることができます。今回は背景写真の色が緑なので文字色と見出しの色を白に変えてみました。「Save All Changes」をクリックして保存します。

wp-plugin-maintenance-11

↓ スマホサイズで表示させると、こんな感じです。

wp-plugin-maintenance-12

5. 応用編その2・・・リンク表示や地図の貼り付け

Messageを「ビジュアル」ではなく「テキスト」モードで書けばHTMLで編集できます。他のホームページにリンクを張ったり、白い背景にGoogle マップを張り付けるといったことが可能です。

wp-plugin-maintenance-13

↓ 保存すると、ブラウザでこんな風に表示されます。
wp-plugin-maintenance-17

※Googleマップの張り付け方:Googleマップで「メニュー」を選択

wp-plugin-maintenance-14

↓ 「地図を共有または埋め込む」を選択
wp-plugin-maintenance-15

↓ 「地図を埋め込む」⇒地図の大きさを選択したらコードをコピー
wp-plugin-maintenance-16

 

この他、問い合わせフォームのプラグイン(jetpack)と組み合わせることで、画面上に「問い合わせフォーム」を設置することもできます。いろいろ試してみて下さい。

 

というわけで次回は、万能プラグインのjetpackを取り上げる予定です。

問い合わせフォームが簡単に設置できるほか、外部からの総当たり攻撃(brute force attack/ブルートフォースアタック)を防止する機能があり、サイトの統計をとって統計結果を「人気記事」として表示してくれるなど、たくさんの優れた機能を持つお勧めプラグインです。

 


◆初めてのワードプレス(全20回)目次

1)独自ドメイン取得
2)レンタルサーバーの選び方(必要な条件やスペックを考えてみた)

3)サーバーを借りた後、何をどうすればいいか(手順)
4)WordPressをインストールする

5)Edit Author Slugでユーザー名を非表示にする
6)メンテナンス中表示にするComing Soon Page & Maintenance Mode by SeedProd(今回)

7)高機能プラグインJetpackの設定方法
8)Akismet Anti-Spamの設定とAPIキー取得方法

9)ワードプレスの設定とテーマの変更・カスタマイズ
10).htaccess/TeraPad/FTPソフト

11)WordPressをドメイン直下に表示する方法
12)固定ページの作り方/レイアウト/メニュー表示(問い合わせページを例に)

13)WordPressを使った写真ブログの作り方
14)訪問者に配慮しつつ画像文章の盗用対策になるプラグイン3選

15)画像の直リンク禁止と自動コピーサイト作成阻止法(.htaccessで出来る盗用対策)
16)検索に表示したくない画像がある場合の対処法(robots.txtの作成と設置方法)

17)検索エンジンに登録する方法(XMLサイトマップとGoogle Search Console活用法)
18)入れておくといい基本的プラグイン20選

19)圧縮とキャッシュの設定、ログイン画面にアクセス制限をする(.htaccessで出来るSEOとセキュリティ対策)

20)今後の注意点6選(更新・PHPバージョン・バックアップ・パーミッション変更・WordPressの基本形・データベース接続確立エラー)

 

◆番外編(画像4600枚超える写真ブログ、10年目の試行錯誤)

写真ブログの画像だけMixHostから別サーバー(スターサーバー)に移してみました(2017/9/5)

スターサーバーで無料の独自SSLを設定した手順(ネットオウル提供のサブドメインでも可能)(2017/9/5)

レンタルサーバーの話(2017年夏):ロリポップ!無料独自SSL対応、エックスサーバーSSD採用、そしてスターサーバー統合(2017/8/11)

写真サイトに使えそうな新しい独自ドメインが次々登場~.camera.photoから.studioまで(2017/7/3)

10年続く写真ブログ、サーバーをファイアバードからmixhostへお試し移転中です(2017/6/30)

 

◆無料ブログからワードプレスへの移転(無料ブログ側の設定)

無料ブログからWordPressへの確実な引越し~リダイレクトできない無料ブログで行った3つのこと

 

にほんブログ村 写真ブログ 地域の歴史文化写真へ にほんブログ村

滋賀県ランキング



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)