🚗  2021年 ワードプレスを開設しました!    🚕  WordPressの使用テーマは「SWELL」です   🛳 ⛴ 趣味や日常のことを書いています      🚴‍♀️    🚴‍♂️

【初心者向け】SWELL|グループ化機能を使ってリストを装飾する方法

SWELL初心者です。

SWELLを購入して約2週間経過してます

悩む人

リスト機能よく使うのだけれど、リストを枠線で囲むやり方が分からなくて困ったな‥

目次

グループ化機能を使ってリストを枠線で囲むやり方

SWELLを購入してブロックエディタにようやく慣れてきた所です。

しかし、まだまだ使いこなせない機能はまだまだ多いです。

今回ピックアップするのは「グループ機能」

今回SWELLで作りたいもの

  • リスト機能
  • リスト機能だけだと味気ない
  • リストの周りも装飾したい
  • しかしやり方が分からない

このようにリストを枠線で囲めるようになります

  • リスト機能
  • リスト機能だけだと味気ない
  • リストの周りも装飾したい
  • しかしやり方が分からない
しばらぶ

おぉ〜!

やり方は覚えれば簡単です

STEP
まずリストを作る
  • リストは誰でも簡単に作れるかと思います
STEP
設定を開きグループ化をクリックします
STEP
右の設定画面から「ボーダー」や「スタイル」が選べます

グループ化→ボーダーとスタイルを追加

  • リスト機能
  • リスト機能だけだと味気ない
  • リストの周りも装飾したい
  • しかしやり方が分からない

リスト、ボーダー、スタイルを組み合わせることで、同じSWELLユーザーでも、個性ある違ったデザインを作れるのがポイントです

Jeff

グループ化リストを多用するのであれば、「ブロックパターン」に登録すると良さそうです。

再利用ブロックへ登録すると、再利用ブロックを使用した全ての記事へ反映されてしまうので注意が必要です

このブログはWordPressの有料テーマ「SWELL」を使用して書いています。

私は2021年に「はてなブログ有料」から「SWELL」にブログを引っ越しましたが快適です♪

乗り換えプラグインで対応できるテーマ
  • cocoon
  • AFFINGER5
  • JIN
  • SANGO
  • STORK
  • THE THOR

(2021年4月現在)

すでに有料テーマを使用していても乗り換えが対応している場合もあります!!

このブログのレンタルサーバーは
ConoHa WING(コノハ ウィング)と契約しています!!

自宅のネットはNURO光と契約しています!!

au光からNURO光への乗り換えですが「下り最大2Gbps」で快適です!

参考にしたブログサイト

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
目次
閉じる