悩んでいる人WordPressテーマのSWELLを使ってますが、同じブロック内でリストとスタイル装飾を両立したいです。
簡単にやり方教えてください。
そんな疑問にお答えします。
- リストとボックス装飾を両立するにはグループ化を使おう
- 実際のグループ化の使用方法
SWELLを購入したはいいけど、リストとボックス装飾の使い方で悩んでいませんか？
ぶっちゃけ私もリストとボックス装飾が両立できたらなーと悩んでました。
しかし、その悩みは「グループ化」という機能を使えば解決することが分かりました！
今回は初心者ブロガーでも分かるようにリストとボックス装飾のグループ化の仕方を解説していきますので最後までご覧ください。
SWELLでリストとボックス装飾を両立するにはグループ化を使おう
まず、今回の目的はリストとボックス装飾の両立です。
これを両立するためには、SWELLのグループ化を使いましょう。
グループ化とは複数のブロックを一つのブロックにまとめることです。
スタイル設定やボーダー設定の中にリストが入れれない問題はこのグループ化で解決できます。
ようは
- このリストと
- ※※※
このスタイル設定をグループ化で両立していきます。
SWELL開発者＠ddryo_loos（了さん）のツイート
SWELLのグループ化の使い方（リストとボックス装飾で説明）
それでは早速リストとボックス装飾をグループ化していきましょう。
手順としては次の通り。
- 段落をリストにする
- 段落をグループ化する
- ボックス装飾を入れる
順番に解説していくので、一緒にやってみましょう！
まずはブロックを追加して、リストにしていきましょう。
次に追加したブロックをリストにしていきます。
リスト化すると次のようになります。
リストのスタイルはどれでもOKです！
ここまで終わるとリスト段落が完成します。
次にリスト段落をグループ化していきましょう。
グループ化が完了すると次のような表示になります。
これでグループ化が完了です。
次はクループ化した段落にブロック装飾を追加していきます。
先ほどのようにグループ化されるとスタイル設定、ボーダー設定が可能になります。
好きなボックス装飾を選べますが一部装飾は選べなくなっています。
完成系がこちら。
- SWELLのリスト装飾の使い方
- SWELLボックス装飾の使い方
- SWELLグループ化の使い方
これでリストとボックス装飾の両立ができました。
とても見栄えもよく便利なのでどんどん使っていきましょう。
リストとボックス装飾を両立してどんどん記事を書いていこう
いかがだったでしょうか？
リストとボックス装飾が一緒に使えなくて悩んでいた所、調査の結果このやり方に行きつきました。
SWELLは今現在もアップデートが続けられており、変更になる可能性がありますが、2020年6月時点ではこの方法しかなさそうです。
SWELLを使っていると記事を書くのがとても楽しくなるのでぜひ使ってみてください。
もし、まだSWELLを導入していない方は下記記事をご覧ください。
おわり。
SWELLカスタマイズ関連記事
コメント