【Shortcodes Ultimate】ボタン作成のショートコードをまとめました

WordPressプラグイン「Shortcodes Ultimate」をインストールしているブログで、作りたいボタン作成のコードがあれば、あとはコピーペーストして必要な個所を書き換えるだけでスタイリッシュなボタンを設置することが可能です。

この記事ではShortcodes Ultimateで作成できる基本的ボタンのショートコードを紹介します。

Shortcodes Ultimate：ボタンサイズ別ショートコード

グリーン・中央・サイズ10

グリーン・中央・サイズ20

グリーン・中央・サイズ30

Shortcodes Ultimate：ボタンカラー別ショートコード

ブルー・中央・サイズ20

グリーン・中央・サイズ２０

レッド・中央・サイズ２０

バイオレット・中央・サイズ２０

イエロー・中央・サイズ２０

グレー・中央・サイズ２０

ブラック・中央・サイズ２０

Shortcodes Ultimate：ボタンスタイル別ショートコード

ブルー・中央・サイズ20・デフォルト

ブルー・中央・サイズ20・フラット

ブルー・中央・サイズ20・ゴースト

ブルー・中央・サイズ20・ソフト

ブルー・中央・サイズ20・ガラス

ブルー・中央・サイズ20・泡

ブルー・中央・サイズ20・ノイズ

ブルー・中央・サイズ20・撫でる

ブルー・中央・サイズ20・3D

Shortcodes Ultimate：ボタン角丸め別ショートコード

ブルー・中央・サイズ20・ラウンド

ブルー・中央・サイズ20・正方形

ブルー・中央・サイズ20・半径5px

ブルー・中央・サイズ20・半径20px

ボタンの背景色はカラーピッカーで選択することができますが、こちらのカラーコード一覧で色を決めてカラーコードの番号を記入する方法もあります。参考にしてください。
WEB色見本原色大辞典

よく読まれている関連記事

図解で解説！Shortcodes Ultimateアニメーションの種類と設置方法

WordPressプラグイン「Shortcodes Ultimate」を使うと、文字、画像、ボタンなどに、いろいろな動きを付けることができます。アニメーション設置方法を説明しましょ

2021-07-12 12:29

【動画解説】Shortcodes Ultimateのアニメーション機能を使った動くボタンの設置方法

記事中で、「公式サイトはこちら」や「詳細はこちら」などのリンクボタンを設置する場面は多くあると思います。ボタンにちょっとした動きを付けることで、注目を集めクリック率の向上にもつなが

2021-07-12 12:29