アイコンブロック

アイコンブロック

アイコンを表示できるブロックです。

  • このページで紹介している機能ではプラグイン「yStandard Blocks」を使用しています。
    プラグインの詳細は yStandard Blocks ページをご覧ください。

ブロックサンプル

シンプルなアイコン表示

表示位置の調整

■ 左寄せ

■ 中央寄せ

■ 右寄せ

アイコン色の変更

背景色・枠線・角丸の追加

SNSアイコン

X
Facebook
Instagram

アイコンブロックの設定

設定説明
■ アイコン設定
アイコン表示するアイコンの種類を設定します。
(デフォルト:「i」マーク)
アイコンサイズアイコンの表示サイズ
デスクトップ・タブレット・モバイルで別の設定も可
■ 色設定
アイコン色アイコンの色設定
背景色アイコン表示エリアの背景色
■ リンク設定
リンク先URLアイコンにリンクするURLの設定
新しいタブで開くリンクを新しいタブで開くかの設定
リンクREL属性リンクのrel属性の設定
■サイズ設定
アイコン表示エリアの幅設定
※アイコンのサイズではなく、アイコン表示エリアの設定。背景色や枠線と合わせて利用を推奨
高さアイコン表示エリアの幅設定
※アイコンのサイズではなく、アイコン表示エリアの設定。背景色や枠線と合わせて利用を推奨
■余白
内側余白アイコン表示エリアの内側余白(padding)の設定
※背景色や枠線と合わせて利用を推奨
■ 枠線・角丸
枠線アイコン表示エリアの枠線設定
角丸アイコン表示エリアの角丸設定