WordPress

作業中のWordPressを一時的にメンテナンス表示にできるプラグインComing Soon Page & Maintenance Mode by SeedProd

メンテナンス中

今回は、サイトを作っている最中の画面を非公開にできるプラグインを設定していきたいと思います

WordPress始めた頃は、インストールしたけどよくわからず初期状態のままにしてあることってないですか?

実はそれ、その状態のまま公開されてるんですよね

ダッシュボードからサイト表示をクリックすると、初期状態の「Hello world!」のまま全世界にお披露目されているんです

一度、自分のURLにアクセスしてみてください

出てましたか?・・・いやーこわいですね

ねこまち
ねこまち
出てるにゃ

そこで今回は、編集中のサイトを一時的に非表示にしてくれるプラグイン「Coming Soon Page & Maintenance Mode by SeedProd」を使って、誰の目にも触れず安心してサイト作りができるようにしていきたいと思います

Coming Soon Page & Maintenance Mode by SeedProdの設定

プラグイン新規追加

Coming Soon Page & Maintenance Mode by SeedProdで検索>今すぐインストール有効をクリック

メンテナンスにするプラグイン

ねこまちはインストール済みなので今すぐインストールの文字は出ませんが、初めての方は今すぐインストール有効にしてください

次にメニューから

設定Coming Soon Page & Maintenance Mode by SeedProd をクリック

Content設定

上の図が小さいので拡大して説明します

Enable Coming Soon Modeチェック

Enable Coming Soon Mode

  • 新しく作りはじめたサイト
  • ドメインが新しくこれから作り上げていくサイト

初めてサイトを構築していく場合にはこちらをチェック

Enable Maintenance Modeチェック

Enable Maintenance Mode

  • 公開している運営が長いサイト
  • サイトの利用状態が不可だと検索エンジンに通知してくれる
  • 検索エンジンのサイト順位を下げずに済む

これらに適している場合はこちらをチェック

最後に必ずSave All Changesクリック

Coming Soon Mode Active

ダッシュボードの右上に「Coming Soon Mode Active」と出れば有効になっています

では、実際に画面上でどうなってるか確認してみます

パソコンを一旦ログアウト、またはスマホなどで自分のURLにアクセスしてみてください

スマートフォンからみるメンテナンス画面

スマホから確認するとこんな感じです

これでサイトの恥ずかしい部分を隠せるようになりましたね

ねこまち
ねこまち
ふー よかったにゃ

Coming Soon Page & Maintenance Mode by SeedProdをデザインしてみる

ロゴ 画像アップロード

見出しタイトル「メンテナンス中」(空白でもOKです)

本文 詳細を書く

Save All Changesクリック

ページ設定ロゴタイトル本文

Background Color デフォルトのまま

Background Image 画像をアップロード

Responsive Background を入れる

Save All Changesクリック

バックグラウンド設定

Text Color 好きな色を選ぶ

Link Color 好きな色を選ぶ

Headline Color 好きな色を選ぶ

Text Font Arial(デフォルトのまま)

Save All Changesクリック

背景の色と文字色が重なった場合、見えなくなるので調整してください

テキスト設定

レイアウトを確認してみる

一旦ログアウトして自分のサイトURLにアクセスしてみましょう

メンテ画像

こんな感じのメンテナンス画面になっていました

文字が小さいのでもう少し大きくしてもいいかもしれませんね

サイトを公開するには

設定Coming Soon Page & Maintenance Mode by SeedProdから

Disabledにチェックを入れてSave All Changesをクリック

サイトメンテナンス画面を解除する方法

できたでしょうか?

アップデートやテーマの変更などで、修正箇所がたくさんある場合にとても便利なプラグインだと思います

よかったら是非設定してみてください

ではでは

ねこまち
ねこまち
またにゃー
こちらの記事もおすすめ