WordPressメディアと文章ブロックでおすすめ記事を目立たせる

こんにちは、ゆるミニマリスト主婦のくうかです。

当ブログはWordPressテーマ「SWELL」を使用しています。

前々から少し気になっていたワードプレスのブロック「メディアと文章」。

「メディアと文章」は画像と文章をおしゃれなレイアウトで配置できるので、本来はメディアの紹介のような形で使うものなんだろうと思います。

WordPressメディアと文章ブロックでおすすめ記事を目立たせる

完成形はこのような感じです。

SWELLの「投稿リスト」ブロックの左右交互リストと似たような見せ方ができますね。
「カラム」ブロックでも概ね実現できそうですが、ちょっとおしゃれなレイアウトはこのブロック独自かも。

違う部分としては、投稿リストでは記事のアイキャッチ画像と記事の説明文を表示させますが、「メディアと文章」ブロックでは、好きな画像（もしくは動画）と好きな文章で組み合わせることができ、レイアウトも３種類（うち2種類はSWELL独自）から選択することができます。

メディアと文章、使い方の流れ

設定は以上で、非常に簡単なブロックとなっています。

SWELLでも機能を組み合わせると良きデザインに♪

SWELLでは、

✅見出しタグの「セクション用」スタイル
✅メディアと文章ブロックの「カード型」や「ブロークングリッド」スタイル

を活用することでこういうデザインも構築できます🙌#wpswell https://t.co/HfWDrDn1p5

— 了🌊SWELL・Arkhe 開発者 (@ddryo_loos) April 24, 2020

見出しブロックを使うと、またちょっと良い感じにカスタマイズできますね♪

最後に

この「メディアと文章」ブロックは、ブログのトップページに他より目立たせたい部分に採用すると、より目を引いて良いかなぁと思いました。

またお風呂でボーっとしている時に思いつきました。笑

これらをブログパーツで作成し、トップページの固定ページから呼び出すようにしました。

テーマSWELLで作るトップページ

いくつか使っているブログパーツについて