「Shortcodes Ultimate」の5種類のボックスデザインと設置方法を徹底解説

WordPressプラグイン「Shortcodes Ultimate」を使えば、5種類のデザインで色を自由に設定できるボックスを設置することが出来ます。

この記事ではどんなボックスが設置できるか、設置方法について解説しています。

「Shortcodes Ultimate」で作れるボックス例

5種類のボックスデザインから選ぶことが出来ます。

デフォルト

これはボックスのタイトルです。
ボックスのコンテンツ

ソフト

これはボックスのタイトルです。
ボックスのコンテンツ

ガラス

これはボックスのタイトルです。
ボックスのコンテンツ

これはボックスのタイトルです。
ボックスのコンテンツ

ノイズ

これはボックスのタイトルです。
ボックスのコンテンツ

色は自由に選択可能

これはボックスのタイトルです。
ボックスのコンテンツ
これはボックスのタイトルです。
ボックスのコンテンツ
これはボックスのタイトルです。
ボックスのコンテンツ

「Shortcodes Ultimate」ボックス設置手順

それではShortcodes Ultimateでデザインボックスを設置する手順を説明しましょう。


  1. 記事投稿管理画面です。Shortcodes Ultimateをインストールすると「ショートコードを挿入」が追加されます。クリックしましょう。

  2. Shortcodes Ultimateの機能一覧が開きます。タイプ別フィルター内の「ボックス」をクリックします。

  3. ボタンのスタイルは5種類から選択できます。

  4. ボックス見出しの背景色を指定します。カラーコード部分をクリックするとカラーピッカーが開きます。好きな色を選択しましょう。

  5. タイトルテキストの色を指定します。カラーコード部分をクリックするとカラーピッカーが開きます。好きな色を選択しましょう。
  6. ボックスの角丸の半径を指定できます。バーの丸部分を左右ドラックで調整可能です。
  7. 最下部のプレビューで、設置されるボックスを確認できます。
  8. 現在の設定をプリセットとして名前を付けて保存できます。次回も保存した設定を使えるのでとても便利です。

まとめ

WordPressのデザインテンプレートでボックス装飾機能があると思いますが、それに加えてWordPressプラグイン「Shortcodes Ultimate」をインストールしておくことでボックスデザインの幅が広がります。

ぜひあなたのWordPressでも取り入れてみてください。

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

【Shortcodes Ultimate】3つの有料アドオンの特徴と購入方法・ライセンスキー設定方法を徹底解説
WordPressプラグイン「Shortcodes Ultimate」には3つの有料アドオン(機能を拡張させるプラグイン)があります。 無料版の「Shortcodes Ult
2021-07-12 12:30
【Shortcodes Ultimate】見出しデザイン24種類と設置方法を図解で徹底解説
WordPressのテーマによって見出しデザインは決まってしまいますが、別なデザインの見出しを使いたいということはありませんか? WordPressプラグイン「Shortco
2021-07-12 12:31

この記事が気に入ったら
いいね ! しよう

\未来派公式メルマガ「MIRAIHA」のご案内/
未来派野郎hiro公式メールマガジン「MIRAIHA」

コメントを残す

【OWC】未来派野郎hiro運営コミュニティー

未来派提供WordPressテーマ・プラグイン

ALPHA WordPress Theme
WordPressがはじめてという方でも直感的な操作でプロ顔負けのシックなサイトを作ることができます。
YouTube Adds pro
YouTube動画の表現力を最大限に引き出すWordPressプラグイン。未来派製作販売商品です。

\当ブログ売れ筋ランキングBEST3/

トレ×Ram One Jump
アドセンス報酬を柱として、楽天Amazonからの収益をプラスすることで、効率的にブログを収益化する手法を解説しています。
Danganページビルダー
「Danganページビルダー」はLP作成機能を追加するWordPressプラグインで、使っているテーマをそのままで利用することができます。
ステップメールの教科書
「悪魔のステップメール」を執筆したネットビジネス界の巨匠「兵法家けん」さんのセールスの原理原則を学べる王道のバイブルです。