information

お知らせ

WordPressの便利なブロックのおさらい 原澤

1.見出しブロック

見出しブロックは、記事の中で重要な部分を強調したい時にとても便利です。このブロックを使うことで、読者が記事を一目で理解しやすくなります。見出しにはレベルがあり、見出し1は最も重要なタイトル、見出し2や見出し3はそれに続く内容を整理するのに適しています。このように階層をつけることで、全体の流れを分かりやすくすることができます。視覚的にも目立つので、きちんとした構造をとることで記事のプロフェッショナルさが増します。

2.段落ブロック

段落ブロックは、文字の基礎となるブロックです。文字の装飾や改行、インデントなど、基本的な書式設定が可能です。複数の段落ブロックを組み合わせることで、見やすく読みやすい文章を作成できます。

ちなみに文字の改行の仕方は、改行する直前の文字カーソルを合わせた状態で、Windowsの場合は[shift]+[enter]キーを押すことで改行できます。

背景色もつけてみましょう!

3.画像ブロック

画像ブロックは、画像を投稿に挿入するためのブロックです。画像のサイズや配置を調整できます。さらに、画像のキャプションやリンクを追加することも可能です。写真やイラストを効果的に活用して、視覚的に魅力的な投稿を作成しましょう。

以下のように画像を中央揃えにしてみよう!

珈琲

4.ギャラリーブロック

ギャラリーブロックは、複数の画像をまとめて表示したい時に便利です。旅行の写真や商品画像を一度に見せたいときには、このブロックが大活躍します。ギャラリー形式で画像を見せることで、統一感が出て、読者がスムーズに情報をキャッチしやすくなります。また、配置や順番も自由にカスタマイズできるので、思い通りのデザインを実現することが可能です。画像だけでなく、キャプションを追加することで、写真の意図や背景をもっと深く伝えられます。

実際に画像を何枚か選択をしてみて、表示させてみよう!

ギャラリーブロックに背景色もつけてみよう!(設定サイドバーから…?)

5.リストブロック

リストブロックは、情報を箇条書きで整理してわかりやすく表示するのに最適です。番号付きリストや箇条書きリストを簡単に作成でき、内容を整理することで読者に情報を効率的に伝えられます。リストは、手順や重要ポイント、チェックリストなどを示すのに最適で、見た目もすっきりするので一目で確認できます。初心者でも使いやすく、情報整理に役立つ頼もしいブロックです。

箇条書き

  • あああああ
  • いいいいい
  • ううううう

番号付きリスト(順序付きリスト)

  1. あああああ
  2. いいいいい
  3. ううううう

インデントも付けてみよう!

  • あああああ
  • あああああ
    • いいいいい
  • ううううう
    • えええええ

6.テーブルブロック

テーブルブロックは、データや情報を表形式で表示するためのブロックです。行や列を追加したり。セルを結合したりすることができます。複雑な情報を整理してわかりやすく表示したい場合に役立ちます。

以下のように、スタイルから下線付きを選択しよう!

あああああうううううおおおおお
いいいいいえええええかかかかか

7.カスタムHTML

8.ボタンブロック

ボタンブロックは、読者のアクションを促したい時に重宝します。たとえば、購入ページや詳細情報へのリンクを設定したい時などに使うと効果的です。カラーやサイズ、スタイルを自由にカスタマイズできるので、サイトのデザインに合わせたボタンを簡単に作成できます。ボタンは強調されるので、読者の興味を引き、次のステップへの行動を促す重要なツールになります。

9.グリッドブロック

グリッドブロックは、記事内で異なるコンテンツを横に並べて見せたい時に便利です。テキストと画像を並べたり、複数の情報をセクションごとに整理する際に使います。レイアウトを自由にカスタマイズでき、サイト全体のデザイン性を高めることができます。特に複雑な情報を分かりやすく伝えたいときに有効で、プロフェッショナルで洗練された印象を与えられます。

グリッド(親)を追加したら、+ボタングリッド(子)を追加
カラム数の設定を忘れずに!!

見出しh2

  • ダミーテキストダミーテキスト
  • ダミーテキストダミーテキスト
  • ダミーテキストダミーテキスト

見出しh2

  • ダミーテキストダミーテキスト
  • ダミーテキストダミーテキスト
  • ダミーテキストダミーテキスト

グリッド(子)が4つの場合も組み立ててみよう!

カラム数の設定も忘れずに!!!

見出しh4

  • あああああ
  • いいいいい
  • ううううう

見出しh4

  • あああああ
  • いいいいい
  • ううううう

見出しh4

  • あああああ
  • いいいいい
  • ううううう

見出しh4

  • あああああ
  • いいいいい
  • ううううう