yurufuwatty.com

【WordPressプラグイン】Shortcodes Ultimateの使い方

2019/10/06
 
ゆるふわブログ
この記事を書いている人 - WRITER -
ゆる~くふわっと気になったニュース、好きな趣味なんかをブログで書いたりします。

WordPressでブログを書く際に、投稿やページ編集をより快適に「自分の思った通りに」できると

作業効率ももちろんですが、ブログを楽しみながらできるコツの一つかと思います。

今回は「様々な便利な機能」を簡単に作成できるWordPressプラグインのShortcodes Ultimateを紹介したいと思います。

 

Shortcodes Ultimateとは?

ゆるふわってぃー
ゆるふわってぃー
Shortcodes Ultimate」とはインストールするだけで記事を書く際に手軽に「ボックスやボタン、QRコードを始めとする様々な便利機能」を挿入することを可能にしてくれるプラグインになります

言葉だけだと、どんなものがあるのかイメージしずらいと思うのでいくつか例を実際に出してみたいと思います。

ボタン

GoogleMap

ボックス

便利機能
画像の説明や、重要なことなどを見やすくまとめるのに便利!!

と一部を具体例としてあげましたが、上記のような便利機能が数秒で挿入することができるのが「Shortcodes Ultimate」のすごく便利なところだと思います。

今回は3つ取り上げましたが「Shortcodes Ultimate」には全部で55種類の便利機能が簡単に挿入できるのでぜひ試してみてください。

 

 

Shortcodes Ultimateインストール

まずは、自分のWordPress管理画面から「Shortcodes Ultimate」をインストールしましょう。

 

プラグインから新規追加

ゆるふわってぃー

ご自身のWordPress管理画面の左側のメニューで「プラグイン」から「新規追加」をクリック。

 

「Shortcodes Ultimate」を検索

ゆるふわブログ

 

説明
  • 「新規追加」をクリックするとプラグイン検索画面になるので右側の検索窓に「Shortcodes Ultimate」と検索します。
  • 検索すると画像のように「Shortcodes Ultimate」が出てきますので「今すぐインストール」をクリック
  • 「今すぐインストール」をクリックすると「有効化」に変わるのでこちらもクリック

これで「Shortcodes Ultimate」のインストールは完了しましたので設定方法について書いていきます。

 

Shortcodes Ultimate設定

WordPressの管理画面 > [ ]ショートコードから設定を変更することができます。

ゆるふわブログ

設定を変更することができますが、「Shortcodes Ultimate」はインストールするだけで

55種類もの便利機能を簡単に挿入することができるので特にここでの設定で変更することはないです。

 

Shortcodes Ultimate使い方

ゆるふわってぃー
ゆるふわってぃー
それでは実際の使い方をみていきましょう!!今回は例としてボタンを作成してみたいと思います。

ゆるふわブログまずは、既存の記事または新規作成で記事の編集画面に行きましょう!!

そうしたら「ボタン」を追加したいところで、上記の画面で緑矢印で示している「[ ]ショートコードを挿入をクリックしよう!

 

ボタンのカスタム

[ ]ショートコードを挿入をクリックするとの色んな機能のアイコンが出てくるかと思いますので、自分の好きなようにカスタムしていきましょう!!

ここでは🖤ボタンのカスタムの方法を説明したいと思います。

便利機能を選択

ゆるふわブログ

[ ]ショートコードを挿入」をクリックすると便器機能一覧が出てきますので、挿入したい機能を選んでください。

今回はボタンについて取り上げているため「🖤ボタン」を選択します。

 

ボタンカスタム設定

ゆるふわってぃー
ゆるふわってぃー
ここからは挿入するボタンの編集を行っていきます。
今回は基本的な編集項目を説明してます。

リンク等の編集

ゆるふわブログ

🖤ボタン」を選択すると上記のような挿入するボタンの設定を編集する画面が出てくると思います。

この設定の部分で自分の好きなボタンを作成していきます。

ボタン編集1
  • リンク  :ボタンを押した時に移動するサイトのURLを入力
  • ターゲット:新しいタブで開くかの選択
  • スタイル :ボタンのスタイルを選択
  • 背景   :ボタンの背景色を入力

 

次はテキストとボタンのサイズについて編集

ゆるふわブログ

ボタン編集2
  • テキストの色:ボタン内の文字色の選択
  • サイズ   :ボタンのサイズを設定

背景色およびテキスト等の色を変える設定には、アルファベットの並びが記載してありますが、好きな色を選択すると児童に生成されるので難しく考えなくても大丈夫です。

 

アイコンの編集

ゆるふわブログ

次はボタン内に入れたいアイコンを編集していきます。

ボタン編集3
  • アイコン  :アイコンピッカーをクリックし好きなアイコンを選択
  • アイコンの色:アイコンの色を選択します

ゆるふわブログ

アイコンピッカー」をクリックすると上記のような画面が出てくると思うので、

自分の使いたいアイコンを選択しましょう!!

テキストの入力

ゆるふわブログ

ボタン編集4
  • コンテンツ:ボタン内に記入したいテキストを入力します

ここまで編集できたら「ショートコードを挿入」をクリックして記事にボタンを挿入しましょう

ボタン完成

ゆるふわブログ

ショートコードを挿入」をクリックすると記事編集画面に上記の画像の「緑枠で囲んだ部分」のように

作成したボタンのショートコードが挿入されたかと思います。

実際のボタンを確認したい場合は、記事編集画面の右側にある「プレビュー」をクリックして確認しましょう!!

ゆるふわってぃー
ゆるふわってぃー
ボタン編集お疲れ様です。
今回例としてあげたボタンは下記のようになります。
ぜひ自分のお気に入りボタンを作成してみてください。

 

Shortcodes Ultimate【まとめ】

「Shortcodes Ultimate」のインストール~設定使用方法は以上となります。

ブログ記事を書くにしても、読んでくれている人に楽しんでもらうのはもちろん、

「Shortcodes Ultimate」は色んな便利機能を自分の好きなようにカスタマイズできるので、かなり遊び心のあり楽しめるプラグインなのではないかと思います。

最後までお読みいただきありがとうございます。

 

この記事を書いている人 - WRITER -
ゆる~くふわっと気になったニュース、好きな趣味なんかをブログで書いたりします。

- Comments -

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

Copyright© ゆるふわブログ , 2019 All Rights Reserved.