SWELL - シンプル美と機能性両立を両立させた、圧巻のWordPressテーマ
¥17,600（税込）※ お支払いは一度限りです。月額や年額ではありません。
シンプル美と機能性を両立させた、最高峰の国産WordPressテーマ『SWELL』。ぜひ、この感動の使い心地を体験してみてください。
SWELL - シンプル美と機能性両立を両立させた、圧巻のWordPressテーマ
¥17,600（税込）※ お支払いは一度限りです。月額や年額ではありません。
シンプル美と機能性を両立させた、最高峰の国産WordPressテーマ『SWELL』。ぜひ、この感動の使い心地を体験してみてください。
悩む人SWELLブロックのSWELLボタンの使い方を教えてほしいです。
こういった悩みにお答えします。
本記事で解決できること
是非、最後までご覧ください。
執筆画面のサイドバー（下記画像の赤枠）内にある、以下のSWELL専用のボタンブロックについて解説します。
※ カーソルを乗せるとボタンが変化します。
ノーマル
立体
キラッと
アウトライン
MOREボタン
小
標準
大
カスタム
フォントサイズ ※ 1.5em
デフォルトでは、以下の3カラーが用意されています。
上記「SWELL設定（赤枠）」から、直接エディター設定の「ボタン」に移動してカラー設定が行えます。
もしくは
管理画面メニューから、「SWELL設定」＞「エディター設定」を選択します。
エディター設定から、「ボタン」を選択しても同じ画面に進めます。
カラー設定
を入れておくと「ノーマルボタン」と「キラッとボタン」のみグラデーションが有効になります。
ボタンの丸み
丸みなし
少し丸める
丸める
有効にすると以下を計測できます。
アイコンの位置：左
アイコンの位置：右
アイコンサイズ：1.5em
テキスト型のアフィリエイト用広告タグをコピペしてSWELLボタンとして使用できます。
コピペすると自動的にボタンのテキストも入力されます。
管理画面メニューの広告タグで一元管理したい場合は、呼び出しコードをコピペすることもできます。
執筆画面では呼び出しコードが表示されますが、プレビューするとボタンになっています。
プレビュー
※ ともにボタンとして表示されていると思います。
広告タグをコピペ
呼び出しコードをコピペ
ここからは、以下を解説します。
管理画面メニューから、「投稿」＞「新規投稿を追加」を選択します。
（ブロック挿入ツールを切り替え）から、「ブロック」＞「SWELLブロック」＞「SWELLボタン」を選択後、SWELLボタンが挿入されます。
テキストを入力します。
「リンク先：未設定」をクリック後、左斜め上に入力欄が表示されます。
URLを入力後、（Enterキー）をクリックします。
別タブで開くようにしたい場合は、（リンクを編集）を選択します。
高度を開き、「新しいタブで開く」にを入れます。
これで、別タブで開くSWELLボタンの完成です。
こちらのSWELLボタンをクリックすると別タブで開きます。
SWELLボタンを選択後、（配置）からボタンの位置を変更できます。
なし
左寄せ
右寄せ
（ブロック挿入ツールを切り替え）から、「パターン」＞「[SWELL]汎用パターン」＞「マイクロコピーとアイコン付きのボタン」を選択すると、マイクロコピー付きのボタンが挿入されます。
＼ ぼたんだよ ／
今回は以上です。
この記事が気に入ったら
フォローしてね！