eyemovic inc.

Culture blog会社の活動・働き方

2015.07.31

WordPress 管理画面の左メニュー幅

 

WordPress 管理画面の左メニュー、
幅が狭いため、見づらく感じることはないでしょうか。

 

下記の例では、[お知らせ][重要なお知らせ]は1行に収まっていますが、
[とても重要なお知らせ]は、文字が折り返されています。
8文字で1行いっぱいです。

通常は[とても重要なお知らせ]が折り返される。

 

そこで、管理画面にCSSを効かせ、左メニューの幅を広げることができます。
[とても重要なお知らせ]が、1行に収まりました。

CSSで[とても重要なお知らせ]が1行に収まる。

 

JavaScriptで動く[メニューを閉じる]もOKです。

[メニューを閉じる]の動作OK。

 

 

では、管理画面にCSSを効かせる方法です。
※おそらく、WordPress 4系であれば有効なCSSのID・クラス名です。

 

はじめに、テーマフォルダ直下にある functions.php に次の記述を追加します。
admin.css というファイルを読み込むための記述です。(ファイル名、パスは任意です。)

次に上記に対応し、テーマフォルダ直下に admin.css ファイルを設置します。
例では、左メニューの幅を 200px にしています。

以上で完了です。
今回の内容はプラグインを使いませんので、テーマの反映だけで完結させられます。

 

 

愛媛県松山市でWeb開発一筋15年、700サイト以上の構築実績!

Webサイト制作・システム開発・スマホアプリ開発・組込ソフトウェア開発ならアイムービックにお任せ下さい。