Shortcodes Ultimateの使い方。何でもできるプラグイン WordPress ビジュアルエディタで使える 初心者におすすめ!
Shortcodes Ultimateと言うプラグイン記事の装飾に便利過ぎる
Shortcodes Ultimateは分かりやすく、簡単な操作で、記事をきれいに見せることが出来ます。また色々な装飾パーツを使うことができるプラグインです。
ショートコードがわからない人でも、「Shortcodes Ultimateで」決められているショートコードを入力することで、様々なパーツを使うことができます。
WordPress投稿画面のビジュアルエディタから任意のパーツを選んで、ショートコードを生成することができるので、初心者の人に特におすすめです。
目次
よく使うと思われる「Shortcodes Ultimateショートコード」を紹介
このようなパーツを簡単に使うことができます。
まずは具体例です。
スポンサーリンク
タブの設定
ある程度ブログを書くことが多くなって来ると、このタブが使いたく、なることがでてきます。僕の場合はゴルフのメジャー大会の1〜2日目予選通過者およびスコアボードまた3日目、最終日など記事が関連している場合などです。
ビジュアルからショートコードを選択
![](https://tomio23.com/wp-content/uploads/2018/05/b8666fc7ba70d31cbabc0b3b9b0203a1-e1525319936789.jpg)
メニューから「タブ」を選択します。
タブの設定画面です。
コンテンツという箇所の「タブ名」、「タブコンテンツ」を任意の文字列に書き換えます。
「ライブプレビュー」を有効にすると、挿入前にプレビューを確認することができます。
![](https://tomio23.com/wp-content/uploads/2018/05/d8c6ed7655a06d97c62194fbfb053c87.jpg)
ライブプレビュウーをクリックして確認します。
![](https://tomio23.com/wp-content/uploads/2018/05/3d5d7fa22f22b31ba698336ae1cb51d4-e1536717995562.jpg)
コンテンツにショートコードが書かれていますが、その中をよく見ると日本語で書かれている所にタイトルはタブ名1、タブ名2、タブ名3、タブ名4と入れました。
ライブプレビューをクリックするとイメージが掴めます。
タブ名1のところに個々の例では・・・?
1日目、2日目、3日目と入れて・・・タブが4つほしい時は緑で囲んだ部分で一つの「コンテンツ、ショートコード」ですので「コピー・ペースト」でプラスすれば、マスターズゴルフ例のように4つに増やすことができます。
![](https://tomio23.com/wp-content/uploads/2018/05/54464db3b7abd18d12de9efb39d85a63-e1525321330283.jpg)
例えば : 2018年マスターズゴルフスコア
このタブですと3つですので、アレンジして一つ「コピー・ペースト」で4つに増やしました。よく見ていただくとわかると思います。「タブコンテンツ」の中に画像と言葉を入れてみました。
このようになります。
またタグのカラーのバリエーションが、ほしい場合など有料になります。
スポイラーの設定
スポイラーとはアイコンピカーから「アイコン」+「タイトルを入れて」アイコンをクリックする事で、記事や説明を見ることが出来るよう表示させる方法です。
![](https://tomio23.com/wp-content/uploads/2018/05/9ecb175e52580826d478593c5e32b251-e1525322423630.jpg)
こちらも、投稿画面のビジュアル設定より⇒「ショートコード挿入」をクリックし⇒スポイラーでタイトルを入れアイコンは「シェプロンサークル」を選び、記事を書き入れます。
ラベルの設定
ラベルは、注意や、参考と言ったラベルです。
![](https://tomio23.com/wp-content/uploads/2018/05/9387ee2d89ed5c261241eed1bd487ee9-e1525322620899.jpg)
リストの設定
リストは投稿画面のビジュアルエディタにあるものを使っていましたが、点、四角といった、限られたものでしたが、好きなアイコンをつけることができます。
[アイコンピッカー]をクリックすると、アイコン一覧が表示されます。リストで使うアイコンを選択することができます。
![](https://tomio23.com/wp-content/uploads/2018/05/9bd0784b99277ad561dc7aa93e1c38bb-e1525323099898.jpg)
アイコンの色も変更できます。カラーコードを入力するか、四角場所をクリックするとカラーピッカーが出ますそこから選択します。
![](https://tomio23.com/wp-content/uploads/2018/05/d32ea6a042c1b03c361f16244c375e67-e1525323361340.jpg)
リストのコンテンツはこのようになっています。必要に応じて項目を増やしたり、内容を書き換えて使います。コンテンツを書き入れプレビュウーで確認後ショートコード挿入します。
リストの内容はショートコードの挿入後にも変更可能です。
![](https://tomio23.com/wp-content/uploads/2018/05/7b2a7d45e4a91beb98593cdadcafe44b-e1525323553834.jpg)
このようにアイコンが表示され個性的につくることができます。
- 並び項目
- 並び項目
- 並び項目
ボタンの設定
このボタンの作成には、苦労していましたが「Shortcodes Ultimate」を使うように
なってから、ボタンの後に記事も入れることができて、非常に助かりました。
こちらのボタンをクリックしてください。インストールからボタンの作り方まで動画を含めて解説すています。
参考 : ボタン作成 こちらを参考にしてください。
ボックス
このボックスもよく使います。
ボックスについては簡単なものは、「Shortcodes Ultimate」で作ります。
投稿画面のショートコード挿入をクリック⇒ボックスから⇒コンテンツを記入しこの様なボックスができました。
![](https://tomio23.com/wp-content/uploads/2018/05/d835e6a2afb058f894d4c5b97343c678-e1525338388950.jpg)
行や列が増えた場合は、投稿画面のビジュアルエディタで作っています。
ノート
こちらも記事の注目点などに使います。
スライダー
このスライダーは専用プラグインもありますが、「Shortcodes Ultimate」で簡単につくることが出来るのは、嬉しい限りです。
Shortcodes Ultimateでは、ここで紹介した以外にも全部で50種類の記事装飾パーツを使うことができます。
また、中級者以上ならカスタムCSSを使ってさらに細かいカスタマイズをすることも可能です。
簡単に記事を彩ることができるので、Wordpress初心者の人におすすめのプラグインです。
投稿画面⇒ショートコード挿入⇒スライダーをクリックします。画像ソースを選択をクリックすると何処から画像を選択するかを選べます。「メディアライブラリー」にあらかじめ画像を入れときましたので、そちらを選びます。
![](https://tomio23.com/wp-content/uploads/2018/05/a6eeb24d96f11519bf4f20f6add39a20.jpg)
![](https://tomio23.com/wp-content/uploads/2018/05/3704981abbdd89e3f86705715bc65c9a.jpg)
「メディアライブラリー」画像でに表示したい説明文章を20字以内でタイトルのところに入れておきます。これが 画像と一緒に表示されます。
![](https://tomio23.com/wp-content/uploads/2018/05/a88a2494ce4035a496c17215935b88d1.jpg)
+画像を追加をクリックしメディアライブラリーから画像を選択して追加します。
紹介したこのスライドは簡単で使いやすいです。ショートコード同士や他のプラグインと組み合わせることで、より多くの表現をすることができます。
「Shortcodes Ultimateショートコード」導入動画
インストール方法とボタンの作成はこの動画を参照ください。
スポンサーリンク