機能紹介

動くボタン

基本設定

１．ツールバーへの登録

エディターのツールバーに登録する場合は、このチェックボックをチェックします。これにより投稿ページや固定ページのツールバーから直接このパーツのショートコードを入力することができるようになります。

２．リンク先（URL）

ボタンをクリックした際のリンク先（URL）を入力します。

３．背景色

ボタンの背景色をカラーピッカーを使って入力します。

４．文字色

ボタンの文字色をカラーピッカーを使って入力します。

５．ボタン幅

親要素に対するボタンの幅を％で入力します。

タイプ設定

バウンド お申し込みはこちらをクリック 点滅 お申し込みはこちらをクリック 光 お申し込みはこちらをクリック 揺れ お申し込みはこちらをクリック ズーミング お申し込みはこちらをクリック プルプル お申し込みはこちらをクリック ジャンプ お申し込みはこちらをクリック 波動 お申し込みはこちらをクリック 波紋 お申し込みはこちらをクリック

高度な設定

１．追加のスタイル

CSSのスタイルを「プロパティ:値;」の書式で追加できます。複数のスタイルを設定することも可能です。

例として「padding: 3px; width: 100px;」と設定すると次のように変化します。

設定前 設定後

囲み線

基本設定

１．ツールバーへの登録

エディターのツールバーに登録する場合は、このチェックボックをチェックします。これにより投稿ページや固定ページのツールバーから直接このパーツのショートコードを入力することができるようになります。

２．背景色

背景色をカラーピッカーを使って入力します。

３．枠線の色

枠線の色をカラーピッカーを使って入力します。

４．文字色

文字の色をカラーピッカーを使って入力します。

５．枠幅

親要素に対する囲み線の幅を％で入力します。

６．丸み

枠の角の丸を指定します。数値を大きくするほど丸みが大きくなります。

７．タイトル文字

タイトルの文字を入力します。囲み線の上にタイトルが表示されるタイプ（枠線上のタイトル、枠線内のタイトル、枠線外のタイトル）のみ適用されます。

タイプ設定

シンプル シンプルな囲み線です。背景色や角の丸みを調整すると雰囲気を変えることができます。 シンプル＋影 シンプルな囲み線に影を追加してます。背景色や角の丸みを調整すると雰囲気を変えることができます クロス線 角がクロスした囲み線です。背景色、ボーダー色が設定が設定できます。角の丸みは設定できません。 ぼやけ 枠線がぼやけたようになっている囲み線。背景色を変更することができます。 縫い目 布に縫い目がついたような囲み線です。背景色や角の丸みを設定することができます。 点線 点線の囲み線 色付き影 囲み線と同じ色の影を追加した囲み線です。 テープ 半透明のテープがついた囲み線です。 枠線上のタイトル 学習要項タイトルを追加した囲み線んです。タイトルの位置はボックスの外側にあります。 枠線内のタイトル チェックポイントタイトルを追加した囲み線んです。タイトルの位置はボックスの外側にあります。 枠線外のタイトル 重要！！タイトルを追加した囲み線んです。タイトルの位置はボックスの内側にあります。

高度な設定

１．追加のスタイル

CSSのスタイルを「プロパティ:値;」の書式で追加できます。複数のスタイルを設定することも可能です。

例として「letter-spacing: 1em;line-height:5em;」と設定すると次のように変化します。

設定前 設定後