「エックスサーバー」が開発したWordPressテーマ
閉じる

アイコンを作成する

アイコンとは

「アイコン」ブロックは、アイコンを単体で表示したり、複数並べて表示したい場合に使用します。

アイコンは個別で色を指定したり、一括で丸みや大きさを変更できます。

ホーム

ショッピング

アクセス

お気に入り

アイコンの作成方法

STEP1
「アイコン」のアイコンをクリック

記事投稿画面のブロック挿入ツールから「アイコン」のアイコンをクリックします。

 「アイコン」のアイコンをクリック
STEP2
アイコンを挿入

選択すると、初期状態のブロックが挿入されます。

アイコンを挿入

親ブロックの選択

ブロック上部の「親ブロック選択」をクリックすると、複数のアイコンをまとめて選択できます。

親ブロックの選択

アイコンの設定

ブロックを選択すると、記事投稿画面に設定パネルが表示されます。

アイコンの設定

以下の項目について設定できます。

アイコン設定アイコンタイプ(アイコン)
アイコンを自由に選択できます。
一覧に無いアイコンはFont Awesome のclass名を指定することで使用できます。
class名の例: fa-solid fa-xmark
アイコンタイプ(画像)
画像をアップロードしてアイコンとして使用できます。
リンクの設定リンクを設定できます。
サイズ設定小、中、大」から大きさを選択できます。
アイコンサイズ」、「余白」から任意の数値を指定することも可能です。
枠設定丸み」や「枠線の有無」、「枠線の太さ」を選択できます。

一括設定について

親ブロックを選択することで、設定パネルからアイコンの設定を一括で変更できます。

一括設定について

以下の項目について設定できます。

レイアウト中央揃えで配置したり、縦方向にアイコンを並べ替えることができます。
一括サイズ設定小、中、大」から大きさを選択できます。
アイコンサイズ」、「余白」から任意の数値を指定することも可能です。
一括枠設定丸み」や「枠線の有無」、「枠線の太さ」を選択できます。
URLをコピーしました!