アイコンリストは、リスト形式で表示されるビジュアル要素のコレクションです。ブログ記事やページコンテンツの視覚的な魅力や読みやすさを高めるために、さまざまな文脈で使用されます。
アイコンリストは主に、商品の特徴やポイント、メリットなどをリスト形式で紹介するのに使われます。大きなコンテンツを小さくまとめ、読みやすくすることで、読者は素早く簡単に理解することができます。
このブログでは、WordPressでアイコンリストを追加する2つの簡単な方法をご紹介します。最後までお付き合いください。
美しいテーブルを作る
ブロックエディター付き
Method 1: Adding Icon List Using Ultimate Blocks
アルティメット・ブロック is a Gutenberg block plugin with 25+ custom blocks. The ‘Styled List’ is a prominent block among them. Here, we’ll show you how to use this block.
Step 1: Install the Ultimate Blocks Plugin
こちらへ プラグイン > 新規プラグインの追加 form your WordPress Dashboard. Find the plugin by typing Ultimate Blocks in the search box. インストール そして アクティブ化 the plugin after it appears below.
Step 2: Add the Styled List Block to the Editor
他のGutenbergブロックと同じように、 click the plus (+) button そして タイプ・スタイル・リスト を検索ボックスに入れる。ブロックが表示されたら 編集者宛.
Step 3: Add Items to the Styled List Block
スタイル・リスト・ブロックがエディタに追加されているのがわかります。さて、リストに項目を追加しましょう。商品の特徴をリストアップすることができます。
スタイル付きリスト・ブロックにダミーのテキストを追加しました。
Step 4: Select the Icon for the Styled List Block
スタイル付きリストブロック全体を選択.設定タブの下にデフォルトのTickアイコンが表示されます。 ダニアイコンをクリック.
アイコンのコレクションを含むボックスが開きます。好きなアイコンを選んでください。アイコンはスタイル付きリストブロック全体に適用されます。
Step 5: Customize the Styled List Block
設定タブの下に、ブロックをカスタマイズできるオプションがいくつかあります。それらは以下の通りです：
アイコンサイズ アイコンサイズの増減
列の数 複数のカラムでリストクルブロックをショーケースする。
モバイルの列数 モバイルでリストクルブロックを複数カラムで表示する。
項目間隔（ピクセル） - リスティクル項目間のスペースを増減する。
ステップ 06: スタイル付きリストブロックをスタイライズする
次ページ スタイルタブに移動する.アイコンの色、リストの文字色、リストの背景色はこのタブから変更できます。
その後、パディングとマージンを追加して、ブロックを好みのレイアウトにすることができる。
このように、Ultimate Blocksプラグインを使ってアイコンリストを作成することができます。
Method 2: Adding Icon List in Using Tableberg
WordPressのテーブルにアイコンリストを追加したいと思うことはよくあるでしょう。しかし、デフォルトのテーブルブロックではこれができません。そこで テーブルバーグ プラグインです。このプラグインを使って、あなたのサイトに包括的で多目的のテーブルを作成することができます。
Step 1: Install the TableBerg Plugin
インストール そして アクティブ化 the Tableberg plugin on your site.
プラグインでテーブルを作成する手順は、デフォルトのテーブルブロックとほとんど同じです。このガイドに従って TableBergでテーブルを作成する方法.
注: The free version of Tableberg comes with a リストブロック. To use the Styled List block, you need to get the pro version of Tableberg.
Step 2: Add the Styled List Block to the Table
アイコンリストを追加したいセルを選択する。セルを選択すると、プラス（＋）アイコンが表示されます。
プラス（＋）アイコンをクリック.探す スタイル付きリストブロックを追加する to the cell.
スタイル・リスト・ブロックが即座にテーブルに追加されます。
Step 3: Add Items to the Styled List Block on the Table
テーブルに好きなだけ項目を追加する。
ステップ04: スタイルリストブロックにアイコンを設定する
スタイル付きリストブロック全体を選択.に行く。 設定タブ on the right sidebar. ティックアイコンをクリック アイコンの設定]オプションの下にある。
ポップアップが開き、アイコンのコレクションが表示されます。お好きなアイコンをお選びください。
選択されたアイコンは、スタイル・リスト・ブロック全体に適用されます。
Step 5: Customize the Styled List Block
アイコン設定オプションでは、アイコンのサイズとアイコンの間隔をカスタマイズできます。
ステップ 06: スタイル付きリストブロックをスタイライズする
スタイル」タブへ.アイコンの色、テキストの色、背景色、ブロックのパディングを変更できます。
このように、WordPressのテーブル上にアイコンリストを追加・作成することができる。
結論
WordPressのアイコンリストは、ユーザーに重要な情報を伝えるだけでなく、コンテンツのナビゲーションと美観を向上させます。ブロックをカスタマイズする際には、ブランドの一貫性、可読性のスコア、コンテンツの階層を念頭に置く必要があります。
Only if there is a combination of all these things will your icon list become alive to the users. That’s all for today.
Also Read:
