プラグイン「Emanon Blocks」を有効化すると、「トライアングルブロック」が利用できます。
設定方法
トライアングルブロックは、正三角形または、二等辺三角形を上下左右斜めの角度で配置できるブロックです。商品の利用方法やサービスの手順などを示したりするのに適したブロックになります。それではトライアングルブロックの設定方法について紹介します。
トライアングルブロックの詳細な設定は編集画面右側のサイドバーで行います。
方向設定
三角形の向きを指定します、上・下・左・右・左上・左下・右上・右下から選択します。
スタイル設定
- タイプ:三角形の形を指定します、正三角形と二等辺三角形から選択します。
- サイズ[px]:三角形のサイズを指定します。
- サイズ[モバイル]:有効にすると、スマホやタブレット表示時のサイズを指定します。デフォルト設定は無効になります。
- 項目数:表示される三角形の数を指定します、1~10まで選択できます。
- 余白:左右[px]:三角形の左右の余白を指定します。
- 余白:左右[モバイル]:有効にすると、スマホやタブレット表示時の左右の余白を指定できます。デフォルト設定は無効になります。
下記は三角形の表示例になります。
表示例
トライアングルブロックは、他のブロックと組み合わせることでデザインの幅が広がります。下記は、2カラムブロックと組みわせた例です。
ステップ
01
wordPress管理画面にログイン
ステップ
02
外観>テーマをクリック
ステップ
03
新規追加をクリックし、zipファイルのWordPressテーマをアップロード