文字サイズ:

プラグイン

【WordPress】記事編集画面の横幅の調整方法!

投稿日:





★人生100年時代を生き抜くための情報をLINE@でお届けします!
 ご質問があればお気軽にメッセージを送ってくださいね!

友だち追加







過去の記事一覧は
こちらからどうぞ!



昨日タイ料理食べたら、本日おケツのあたりがタイになっています。

フクロウ(@Fukurou_Japan)です。

今日は編集画面の幅変更です。

なにげにやったことなかったので記事にしてみました。

 

【全体像を3行で】

・編集画面と投稿画面の幅が違って気持ち悪い

・theme-editor.phpで幅を調整した

・うまくいったのでシェア

 

 

 

 

 

 

【Wordpress】記事編集画面の横幅の調整方法!

 

編集画面の横幅を何故変えた? と思われるかもしれませんが、きっかけは

StingerPlus2の投稿画面の横幅が狭かいのでそれに合わせたかった

ということです。

 

テーマによって記事の幅は違うのですが、Stinger系は横幅が結構小さいんですよね。

 

例えば私が使用しているテーマですと 740px ぐらいです。

 

でもWordpressの編集画面の幅はそれより広いんですよね。

 

文字を書いている場合は良いですが、画像を並べたりする場合に実際の幅と違うので調整がやりにくい・・そのように感じていました。

 

それである程度同じぐらいの幅にしてみると非常にやりやすくなったというわけです。

 

同じように違和感を感じている方は試してみるとよいかもしれません。

 

私は狭くしましたが、広くすることもできますのでお好みでどうぞ。

 

 

 

幅調整のやり方

 

やり方はこちらを参考にしました。

 

【WordPress】STINGER8で記事エリアの横幅を広げる方法【簡単】(STINGER PLUS2対応)

 

上記サイトに書かれている通りにやると簡単にできます。

 

wp-admin/theme-editor.php をFTPで開いて

cols="70"

の 70 の部分を調整するだけです。

 

テーマごとの違いはおそらく無いと思います。

 

私は70から40に変更したら良い感じに狭くなり使いやすくなりました。

 

 

 

なぜか40以下にしても幅が狭くならないようです。

 

もしかしたらWordpressで最初からそのような仕様になっているのかもしれません。

 

ちなみに rows="30" この部分を変更すると行数が変わります。お好みでどうぞ。

 

 

 

まとめ

 

わかってしまえば簡単ですが、最初はどうやるのか謎でした。

 

そもそも wp-admin フォルダの下のファイル自体を触ったのが初めてでした。

 

書くまでもないですが、その辺のファイルを修正する前にかならずバックアップをしてくださいね!

 

重要なファイルですので要注意です。

 

1ヶ月ぐらい『幅が違っていて嫌だな~』と思っていたので解決してよかったです。

 

ぜひ参考にしてみてください。

 

それではまた次回!

 

 

1つ星 (←いいねをタップしてね!)
読み込み中...

-プラグイン
-, , , , ,

Copyright© フクロウ情報局 , 2020 All Rights Reserved Powered by STINGER.