\ お問い合わせはこちら! /

【SWELL】記事執筆画面の横幅を狭める方法【WordPressテーマ】

WordPressテーマのSWELLでは記事執筆画面の横幅がかなり広めなので、僕としては次のような不満がありました。

  • 記事執筆中と公開後の印象が変わってしまう
  • 1行に書ける文字数が多いので文章を書くのに疲れる

特にSANGOやJINなどの他のテーマと比べるとかなり幅が広いので、SWELL以外を使ったことがある方にすると特に感じやすい不満かもしれません。

設定自体は簡単なので、順を追って見ていきましょう。

functions.phpをいじるため、自己責任にてお試しください。

WordPressテーマSWELLで記事執筆画面の横幅を狭める方法

手順は以下の通りです。

  1. 外観 > テーマファイルエディター > functions.php
  2. 横幅を調整するコードを追加する

functions.phpに移動

まずはWordPressのダッシュボードから以下の通り移動します。

外観 > テーマファイルエディター > functions.php

小テーマに追記するようにしてください。
親テーマのfunctions.phpを編集すると、アップデート時に設定が消える場合があります。

横幅を調整するコードを追加する

functions.phpの最後に次のコードを追記すると、横幅を750pxに変更できます。

/* ---------------------------------------------------------------
ブロックエディタ の横幅を減らす
--------------------------------------------------------------- */
add_action( 'admin_head', function() {
 echo '<style>.wp-block{max-width: 750px !important}</style>'."\n";
});

たまたま僕好みだったのが750pxだったというだけなので、ぜひ微調整しつつあなたにとってベストな環境を見つけてください。

この記事が気に入ったら
フォローしてね!

シェア・記事の保存はこちら!

この記事を書いた人

karo@プログラマのアバター karo@プログラマ プログラマ

「書くことで人の役にたつ」をモットーに活動中。
本職はプログラマで、Python(Django)が得意。最近ではフロント側の技術に触れる機会も増えてきました。
基本情報技術者試験合格。

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)