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
コメント