プラグイン名 Maintenance Mode
長時間のメンテナンスをやるときに使います。管理者以外はすべてのページにアクセスできません。
インストール手順
プラグイン > 新規追加 > Maintenance Mode > プラグインを検索 > いますぐインストール > プラグインを有効化
設定
設定 > Maintenance Mode
時間を適当に入力後、使用にチェックを入れ、保存をクリックするとメンテナンスモードに入ります。
メンテナンスモードを停止するときは、停止にチェックを入れ保存で通常通りに戻ります。
タイトルメッセージとメッセージは、メンテナンスモード中にアクセスがあった時に表示されるページの内容です。そのままでも十分ですが、少し編集します。
例)
1 2 3 4 5 6 7 |
<h1>メンテナンス中</h1> <p><a title="[blogtitle]" href="[blogurl]">[blogtitle]</a>は只今メンテナンス中です。<br /> <br /> Please try back [until].</p> <p>ご迷惑をおかけして申し訳ございません。</p> |
基本はここまでで完了です。
ここからは、少し無駄なカスタマイズに入ります。
メンテナンス中が少しおもしろみに欠けます、メンテナンスモードはそんなに使用する機会がないのでこのぐらいでよいと思いますが、フォントと背景を変えてみます。
なんか違うけど、とりあえずこんな感じになりました。
なるべくWordPressの管理画面上でやろうと思いましたが、少し厳しいので編集ソフトを利用しています。
wp-conten/plugins/maintenance-mode_theme_default.php
1 2 3 4 5 6 7 8 9 10 11 12 |
* { margin: 0; padding: 0; } body { font-family: Georgia, Arial, Helvetica, Sans Serif; font-size: 65.5%; } a { color: #08658F; } a:hover { color: #0092BF; } #header { color: #333; padding: 1.5em; text-align: center; font-size: 1.2em; border-bottom: 1px solid #08658F; } #content { font-size: 150%; width:80%; margin:0 auto; padding: 5% 0; text-align: center; } #content p { font-size: 1em; padding: .8em 0; } h1, h2 { color: #08658F; } h1 { font-size: 300%; padding: .5em 0; } #menu { position: absolute; font-family: Arial, Helvetica, Sans Serif; bottom: 2em; width: 100%; border-top: 1px solid #08658F; } #menu #pluginauthor { padding-left: .3em; } #menu #admin { float: right; padding-right: .3em; } |
↓変更 背景素材 maintenance1.jpg
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
* { margin: 0; padding: 0; } body { font-family: "メイリオ", Meiryo; font-size: 65.5%; background-image: url(images/maintenance1.jpg); background-repeat: no-repeat; background-position: center top; } a { color: #06C; } a:hover { color: #0092BF; } #header { color: #333; padding: 1.5em; text-align: center; font-size: 1.2em; border-bottom: 1px solid #08658F; } #content { font-size: 150%; width:80%; margin:0 auto; padding: 5% 0; text-align: center; } #content p { font-size: 1em; padding: .8em 0; } h1, h2 { color: #08658F; } h1 { font-size: x-large; padding: .5em 0; } #menu { position: absolute; font-family: Arial, Helvetica, Sans Serif; bottom: 2em; width: 100%; border-top: 1px solid #08658F; } #menu #pluginauthor { padding-left: .3em; } #menu #admin { float: right; padding-right: .3em; } |
スプラッシュページのテーマのカスタマイズ
WordPressのログインテーマに変更し、変更を保存をクリック。
これだとWordPressのロゴを自サイトのロゴに変えたくなりますね。とりあえず変えてみましょう。
wp-admin/images/wordpress-logo.png
↑のwordpress-logo.pngをファイル名と縦横のサイズそのままで強引に差し替えます。
ここを変更するとWordPressの通常ログイン時もその状態のままになります。
逆にさみしくなってしまいました。こうなったら背景も変えてみます。
ログインページ背景変更 wp-admin/css/wp-admin.min.css body.login
無駄に派手になりましたね。
メンテナンスモードのWordPressのログインテーマのカスタムは、結果的に通常のログインページのカスタムにもつながるので覚えておいて損はないと思います。
追記
WordPress3.8の場合 wp-admin/css/wp-admin.min.css .login h1 aの背景がロゴに設定されています。
コメントを残す