【Shortcode】Elementorのショートコードウィジェットを使ってプラグインとかも使い倒そう!

今回は、Elementorのショートコードウィジェットについて解説します!

  • ショートコードを楽に実装したいな
  • ショートコードウィジェットってどうやって使うの?

という方には必見の内容ですので、ぜひご覧ください。

目次

使い方

基本的な使い方は、他のウィジェットと同様、ショーコードウィジェットを使用したい場所にドラッグ&ドロップするだけです。

こちらより公式サイトの解説がみれます。

また下記が公式の解説動画です。

では、もう少し詳しくみていきましょう〜

コンテンツ

「ショートコードを入力」では、実装したいショートコードを入力できます。

高度な設定

「高度な設定」は他のウィジェットと同様のため、本記事では割愛します。

自分でもショートコードが作れる??

最後に、実は自分でもショートコードが作れるんだよっていうのを解説したいと思います。

WordPressには「add_shortcode」というWordPressを追加する関数が準備されています。

こちらの使い方は

add_shortcode($tag,$func);
  • $tag:ショートコード名
  • $func:行いたい処理を書いた関数

です!

行いたい関数の書き方は下記となります。

function 関数名(){}

これらをfunction.phpに書くこと実装ができます。

具体例

例えば、ショートコードに[hello]と打ったら、hello worldと表示させるプラグインの場合、function.phpに

function hello_func(){
 return "hello world";
}
add_shortcode('hello','hello_func');

と入力するとできるようになります。

ショートコードでサイトの可能性を広げよう

説明は以上となります!

ショートコードを利用しないと使えないプラグインとかもあるため、ショートコードウィジェットを使ってデザインなどの幅を広げてください。

他のウィジェットについても知りたいという方は、合わせて下記の記事もご覧ください。

では、また〜

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

hakaseのアバター hakase Elementor博士

Elementor Hacksを運営。 Elementorについてとにかくわかりやすく解説。

目次