プラグイン「Emanon Blocks」を有効化すると、「リードモアブロック」が利用できます。リードモアブロックは、テキストリンクとアイコンがセットになったブロックです。
設定方法
ブロックエディタからリードモアブロックを配置します。
ブロック設定
ブロックの幅設定やボーダー設定、余白設定が可能です。
ボーダースタイルの表示例
上記のブロック表示例では、幅単位の切り替えを有効にし、250pxに指定しています。また、テキスト設定の配置を均等[両端]にすることで、テキストとアイコンの位置を調整しています。
テキスト設定
テキストは、 リンクが設定される文言です。配置位置、HTMLタグなどの指定が可能です。
- テキストを左揃え・中央揃え・右揃え・均等から配置を指定できます。
- テキストのタグを指定できます。
- フォントサイズの調整が可能です。
- テキストを太文字に変更できます。
- スマホやタブレットで表示する際のフォントサイズを調整できます。
アイコン設定
- アイコンの配置位置をテキストの左側か右側に指定できます。
- アイコンを円形や四角形で囲むスタイルに変更できます。
- 表示したいアイコンを選択します。
- アイコンのサイズを調整できます。
- スマホやタブレットで表示する際のアイコンサイズを調整できます。
アイコンスタイルの表示例
リンク設定・アニメーション設定
リンクURLを設定とホバー時のアニメーション設定が可能です。
ホバーの表示例
ブロック・テキスト・アイコンのアニメーションを個別に設定できます。下記の表示例はその一部を使用した例です。