前回はクライアントに納品するwordpressの管理画面カスタマイズ vol.1 にて、管理画面の全般に関するカスタマイズをおこないました。
- クライアントに納品するwordpressの管理画面カスタマイズ vol.1
- クライアントに納品するwordpressの管理画面カスタマイズ vol.2
- クライアントに納品するwordpressの管理画面カスタマイズ vol.3
- クライアントに納品するwordpressの管理画面カスタマイズ vol.4
- クライアントに納品するwordpressの管理画面カスタマイズ vol.4.5
- クライアントに納品するwordpressの管理画面カスタマイズ vol.5
- クライアントに納品するwordpressの管理画面カスタマイズ vol.6
次は「ダッシュボード」のカスタマイズに移ります。
ダッシュボード
クライアントには、WordPress ブログやWordPressフォーラムなんて必要ないと思います。
![ダッシュボード設定画面](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/ec0d5c6650e9880846470c2abc55d0af.png?resize=605%2C490&ssl=1)
なので、表示したくないものに関してチェックを入れれば、表示されなくなります。
![ダッシュボード設定例](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/4a05ff2d433c1a417691528ddadcb2da.png?resize=300%2C121&ssl=1)
次はAdmin bar (管理バー)
![管理バー設定](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/492ae208fb8c5f40b8e2519b2e23dd36.png?resize=300%2C228&ssl=1)
左上にwordpressのロゴがあったり、コメントを使ってないのにコメントの新着が見れたりと、デフォルトの管理バーでは不便があるので、カスタマイズします。
「左」と「右」の項目2つがありますが、これは左上の管理バーメニューと右上の管理バーメニューのことです。
まずは、左上メニューのwordpressロゴ部分を削除してみます。
「左」項目のロゴ画像があるところ(wp-logo)の右の下向き三角をクリックします。
すると、そのメニュー内にある、サブメニュー一覧が表示されます。
![ロゴ設定](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/1e3e346aa84ed900b208dfafd03379c4.png?resize=596%2C316&ssl=1)
で、ロゴは要らないので、削除をクリック。
![ロゴ削除](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/bba27b644b7f21ac8584e75fef0597f4.png?resize=655%2C582&ssl=1)
この調子でコメントも必要ないなら削除。
次は右の項目。こんちはっす、○○○さん!とかも必要ないし、ログアウトだけで充分じゃないかと思います。
なので、こんにちは~の部分から一式削除。
これで、だいぶすっきりしてきました。
![管理バー設定例1](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/223c059b51992f2e5d769cc3d2bfb75a.png?resize=694%2C230&ssl=1)
次に、右項目にログアウトを挿入してみます。
下の追加できるメニュー一覧から、ログアウトをドラッグ&ドロップで右項目へひっぱってください。
![管理バー設定例2](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/1b84f26fe15f7212cfcbaa3ce2a912fa.png?resize=805%2C417&ssl=1)
これで、右項目にログアウトが挿入されるはずです。
![管理バー設定例3](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/6f4d7c7db500c27cbeec687adff10c25.png?resize=713%2C199&ssl=1)
あ、「保存」をするのを忘れずに。
それと、外部リンク等を個別につけたいときは、「custom_node」をひっぱって挿入してください。
![管理バー設定例4](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/eba18ff395bddaa49fa73c51d958817f.png?resize=648%2C565&ssl=1)
どうですか?ごっごる(外部リンク)は表示されましたか?
![管理バー設定例5](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/e66390f810e3b6d8f0bb727dbe750e07.png?resize=227%2C126&ssl=1)
次は、サイドメニューをカスタマイズします。
サイドメニュー
![サイドメニュー設定](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2012/12/1253961f679a6d78d3ab69a6a75af69a.png?resize=300%2C200&ssl=1)
まずは、クライアント向けに必要の無い項目を削除していきます。
- ダッシュボード > 更新
- ダッシュボード > ホーム
- 投稿 > タグ
- リンク
- コメント
- 外観
- プラグイン
- ユーザー
- ツール
- 設定 > ディスカッションやらプライバシーやら
は必要ないとして、削除します。
(削除の仕方はさきほどのAdmin bar の時と一緒です。右の矢印をクリックして削除。追加するなら、右のメニュー一覧から引っ張ってメニューを追加)
あ、お好みで右のメニュー一覧より、区切り線(Separator)などをひっぱって挿入して、見やすくしてください。
![サイドメニュー設定例1](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/27e4a040eefbd1b7e1b8d350b5ff0366.png?resize=498%2C549&ssl=1)
さっぱりしました。あ、保存は忘れずに。
ただ、ここで注意して欲しい事があります。
それは、今の状態ではこのメニューの通りの表示にならないという事。
なぜ?って思いますよね。
画面を見てもらったほうが一番分かりやすいと思いますので、前回作成したクライアント用アカウントでログインした画面を貼り付けます。
![サイドメニュー表示例](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/0c7193a428e63194f0b774b46be789e6.png?resize=320%2C275&ssl=1)
一瞬、出来てるじゃないか。って思いますが、よーく設定したメニューと見比べてください。
「設定」のメニューが無いのが分かりますか?
WordPressは各ユーザーに権限グループ(編集者とか管理者とか購読者とか)を振り分けることが出来ます。
この権限グループには予め、「設定や追加、編集できる項目」が決められています。(自分自身や他プラグインを利用して変更する事は可能です)
編集者にはもともと、「設定」を変更する権限を持っていません。
なので、作成したユーザー(編集者) では、 「設定」 は変更できない。
編集者には「設定」のサイドニューは表示されない。
これを変更できるようにする為には、ユーザーの権限を変更するプラグイン等を用いて変更してください。ここでは例として、「User Role Editor」というプラグインを利用した場合の変更方法をご紹介します。
User Role Editor
※管理画面のプラグインからインストールしたほうが楽です。
![userroleeditorメニュー](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/907c7278d0da377f16d275cab42856f3.png?resize=210%2C189&ssl=1)
インストールすると、
ユーザー > User Role Editor
のメニューが追加されているので、クリックしてください。
User Role Editor の設定画面になります。
まずはユーザー権限を選択します。
ここでは編集者を選択してください。
![User Role Editor 設定画面](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/c81f07c071f3924627cb3dd49af3d013.png?resize=577%2C660&ssl=1)
選択した途端、一瞬で画面が変わるので分かりづらいですが、チェックされている項目とチェックされていない項目がいくつかあります。今回は「設定」を表示したいので、「manage_options」という項目を探し、チェックをいれます。
![manage_optionsチェック](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/ff0ff6d1f52bf71675c67845e3b325e0.png?resize=201%2C170&ssl=1)
これで、保存をして、編集者でログインすると…
![サイドメニュー設定例3](https://i0.wp.com/gqevu6bsiz.chicappa.jp/wp-content/uploads/2013/02/0d3548f76164b60c373a72a7c6e9cae0.png?resize=384%2C328&ssl=1)
サイドメニューに「設定」が表示されるようになりました。
追加メニューが表示されない等の場合は、このようにユーザーの権限を変更してみてください。
次は、「メタボックス削除」以降の設定例になります。
クライアントに納品するwordpressの管理画面カスタマイズ vol.3
コメントを残す