【Cocoon】指定した文字数で行を折り返す方法(改行)【WordPress】

i-cocoon

 ブログ文の折り返しは30~40字内で収めることが最適、てな記事を書きました。

【WordPress】ブログで読みやすい文字数を考える
 グーグル先生、否、グーグル超先生が掲げるユーザービリティ、ユーザーファーストという理念があります。なにやら横文字でサッパリですが、ざっと説明すると、 ユーザービリティ: お客さんにとって使いやすい ユーザーファースト: お客さ...

 では、実際に折り返すにはどうすればいいでしょうか。今回はその方法について。

Cocoonをテーマとして使っている場合

①以下のコード内容をコピー。 

p {
max-width :30em;
}

※30字以上表示できる画面(パソコンなど)の場合に、30字で折り返すコードになります。

②「外観」→「テーマエディター」をクリック。

画面

③「子テーマ用のスタイルを書く、必要ならばここにコードを書く」の直下、赤枠の14行目に①でコピーしたコードを貼り付け。

④「ファイルを更新」ボタンをクリック。以上です。

Cocoon以外のテーマを使っている場合

①以下のコード内容をコピー。 

p {
max-width :30em;
}

※30字以上表示できる画面(パソコンなど)の場合に、30字で折り返すコードになります。

②「外観」の「カスタマイズ」をクリック。

画面1

②「追加CSS」をクリック。

③コピーしたコードを貼り付け。

画面2

④「公開」ボタンをクリック。以上です。

タイトルとURLをコピーしました