【コピペOK】WordPressで段落を自動字下げする方法!CSSで1文字空ける簡単設定

WordPressサイトの文章を小説や公用文のように字下げしたい場合、一つ一つの段落に手動で全角スペースを入れるのは非効率です。

SEO的にも、余計なスペースをHTML内に含めるより、CSS(スタイルシート)で制御する方がコードが綺麗になり、検索エンジンからの評価(クリーンなコーディング)に繋がります。

目次

【コピペOK】字下げを自動化するCSSコード

非常に簡単です。

WordPressの管理画面から [外観] > [カスタマイズ] > [追加CSS] に、以下のコードを貼り付ければOK。

/* 記事本文内の段落(pタグ)の1行目を1文字分空ける */
.entry-content p {
    text-indent: 1em;
    margin-bottom: 1.5em; /* 段落下の余白を調整(お好みで) */
}

出典・引用源

※新規タブで開きます。

First-line indent slider option for paragraphs #55908 – Github

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

パソコン修理屋時代相談の多かったトラブルシューティングやリクエストを、お金を払わず自己解決できる場にすべく運営しています。
Windowsの記事が多めです。

コメント

コメントする

CAPTCHA


目次