【WordPress】ボタンを簡単に設置できる『Shortcodes Ultimate』のインストールと使い方

Shortcodes Ultimateはワードプレスの記事内に、ボタンやタブなど様々な装飾を簡単に設置することができる便利なプラグインです。

この記事ではプラグイン『Shortcodes Ultimate』のインストール方法やボタンの設置方法について解説しています。

スポンサーリンク

Shortcodes Ultimateのインストール

まずはShortcodes Ultimateをワードプレスにインストールします。

[su_box title=”インストールの手順” box_color=”#62c1ce”] 管理画面から『プラグイン』の『新規追加』へ移動。
キーワードで『Shortcodes Ultimate』を検索。
検索後『今すぐインストール』をクリック。
インストール後『有効化』をクリック。[/su_box]

これでShortcodes Ultimateが使用できるようになりました。

Shortcodes Ultimateの使い方

Shortcodes Ultimateの使った『ボタン』の設置方法について解説していきます。

ボタンの設置

〈ショートコードを挿入〉

Shortcodes Ultimateを有効化すると記事作成画面に『ショートコードを挿入』のボタンが出てきます。
記事の挿入したい場所でこのボタンをクリックします。

〈ボタンを選択〉

ここではボタンを挿入するので、ショートコードのメニューの中から『ボタン』をクリックします。

〈情報を入力〉

ボタンに組み込む情報を入力していきます。

[su_label type=”info”]リンク[/su_label]


ボタンのリンク先を設定します。

[su_label type=”info”]ターゲット[/su_label]


同じタブで開くか別のタブで開くかの設定します。

[su_label type=”info”]スタイル[/su_label]


ボタンのスタイルを設定します。

[su_label type=”info”]背景[/su_label]


ボタンの背景色を設定します。

[su_label type=”info”]テキストの色[/su_label]


ボタン内のテキストの色を設定します。

[su_label type=”info”]サイズ[/su_label]


サイズを設定します。

[su_label type=”info”]可変[/su_label]


ボタンの幅の設定です。
『いいえ』で幅が100%となり、『はい』は文字数に合わせたボタン表示になります。

[su_label type=”info”]中央[/su_label]


ボタンの位置の設定です。
『いいえ』で左寄せ、『はい』で中央の設置となります。

[su_label type=”info”]半径[/su_label]


ボタンの角の設定です。
『自動』は小さめの角丸、『ラウンド』は両端が半円、『正方形』は角丸なしです。
その他にもピクセルで丸みを設定する項目もあります。

[su_label type=”info”]アイコン[/su_label]


ボタンのコンテンツの左側にアイコンの設置ができます。
『メディアマネージャ』から選択する方法と『アイコンピッカー』からアイコンを選ぶ方法があります。

[su_label type=”info”]アイコンの色[/su_label]


アイコンの色を設定します。

[su_label type=”info”]テキストの影[/su_label]


ボタンに付ける影を設定します。
『水平・垂直』で影の方向、『ぼかし』を設定できます。
影の色を変更することもできます。

[su_label type=”info”]コンテンツ[/su_label]


ボタンに表示するテキストを設定します。

〈記事内に埋め込む〉

入力が完了したら記事内に埋め込みます。
まずは『ライブプレビュー』でデザインを確認します。
見えているデザインでよければ『ショートコードを挿入』ボタンを押して記事内に埋め込みます。

ボタンを押すと画像のようなコードが挿入されます。
記事の『プレビュー』を見て確認してみましょう。

これでボタンの設置は完了です。
Shortcodes Ultimateには他にも様々な機能があり、記事装飾の幅がかなり広がる素晴らしいプラグインです。
ぜひインストールして試してみてください。

オススメ【初心者向け】WordPress学習におすすめしたい3冊の本

オススメ【収益化】おすすめのアフィリエイトASP5選【すべて登録でOK】

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA