お仕事のご依頼等は、TwitterのDMでも受け付けています詳しくはこちら

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

  • URLをコピーしました!

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光と契約しています!!
「下り最大2Gbps」で快適です!

参考にしたブログサイト

AmaGettiプラグイン

amagetti filename="echo_tablet_sc11-15.php"

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

 田舎で暮らす20代/会社員・ブロガー。2016年よりブログを開設。
現在はWordPressを活用しつつ様々なことを発信しています。
 趣味はゲーム、料理、カメラ、ドライブ、映画、アニメ、漫画。
最近は家庭菜園、苔テラリウム、DIYなどを勉強中。
 資格は、調理師免許、第二種電気工事士、危険物乙4、機械保全技能士3級など。休日は子供や猫たちと戯れつつ、マイペースにお役立ち情報など不定期で更新中。

目次