Simple & Easy WordPress Theme
読みやすい記事を作るためのWordPress装飾テクニック

WordPressでは、見出しや画像だけでなく、ボタンや吹き出しなどさまざまな装飾を活用できます。

装飾を上手に使うことで、読みやすく分かりやすい記事を作ることができます。

muu muu

今回はWordPressで使える便利な装飾をまとめて紹介します。

見出しを活用する

記事を書くときは、見出しを使って内容を整理しましょう。

見出しがあることで、読者は記事全体の流れを把握しやすくなります。


画像とキャプションを使う

画像は記事の理解を助けてくれます。

キャプションを使うと画像の説明を追加できます。

画像だけでなく説明文も添えることで、より親切な記事になります。

ボタンを設置する

読者にページ移動してもらいたい場合は、ボタンが便利です。

表を使って比較する

複数の内容を比較するときはテーブルが役立ちます。

項目メリット
見出し内容を整理しやすい
画像視覚的に伝わりやすい
ボタン行動を促しやすい

コードを紹介する

短いコードは

display: flex;

のように表示できます。

複数行の場合はpreタグを使用します

.wp-block-button__link {
  background: var(--c-accent);
  color: var(--c-white);
  border-radius: 999px;
}

引用を使う

読みやすい記事は、情報を整理して伝えることが大切です。

(1)𝑘(𝑎+𝑏C𝑎+𝑘)(𝑏+𝑐C𝑏+𝑘)(𝑐+𝑎C𝑐+𝑘)(−1)𝑘(𝑎+𝑏C𝑎+𝑘)(𝑏+𝑐C𝑏+𝑘)(𝑐+𝑎C𝑐+𝑘)
今日が君と楽しいと
明日もしも泣いていても
そんな日々があったねと
そう思っていたあの頃
山田太郎
鈴木一郎
ラストネームファーストネーム
今年もひとつ季節が巡って
思い出はまた遠くなった
曖昧だった夢と現実の
境界線は濃くなった
引用:フェルミ漫画大学
双子だよ!

雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです雪だるまです

引用:YOASOBI「アドレナ」

A. アコーディオンはアコーディオンボタンを押して設定します。

カラム1

カラム2

カラム3

グループを組んでみる

グループにテキストを入れてみた!グループにテキストを入れてみた!グループにテキストを入れてみた!グループにテキストを入れてみた!グループにテキストを入れてみた!グループにテキストを入れてみた!グループにテキストを入れてみた!

お問い合わせがありましたら、こちらからお気軽にお問い合わせくださいませ。

muu