（再編成）4-5-1-5.【SWELL裏ワザ】投稿リストなどのブロックをサイドバーに入れる方法｜コード不要

この記事は4-5-1.SWELLで作る教室サイトのトップページ設計〈前編〉|着せ替えデザイン応用の抜粋・再編成です。コードは書けないけど、投稿ページなどで使っているブロックの機能を、共通サイドバーなどに入れられないの？と質問があったのでお答えします。

SWELLのウィジェットにブロックを埋め込む裏ワザ

SWELLのウィジェットでは、
通常ブロックをそのまま追加できません。
ただし、「ブロックHTML」を利用すれば埋め込みが可能です。

投稿または固定ページで目的のブロック（例：投稿リスト）を作る

右上メニュー → 「コードエディター」に切り替える

コードをすべてコピー

外観 → ウィジェット → 「ブロックHTML」欄に貼り付け

これで、ブロックのデザインをウィジェットでも再現できます。
投稿リストやボタンブロックなども使えるようになるので、
サイドバーやフッターの自由度が一気に広がります。

※ 貼り付けたブロックのデザインがテーマCSSに依存するため、細かい装飾は反映されない場合があります。

まとめ

このように、「自分でコードか書けない」人でも、コードエディターに切り替えて、コードなしで書いた内容をコードに変換してコピーすることが出来ます。