福岡のホームページ制作・SEO対策のアイドットデザイン。Webマーケティングのご相談も承ります。

お問い合わせ・ご相談はコチラ

blog

ブログ

WordPressでオリジナルショートコードを作る方法

| カテゴリー : WordPress

WordPressの投稿内でよく使う文章やHTMLはショートコードを作っておくと便利です。

ショートコードで出来ることを簡単に説明すると、例えば[greeting]というショートコードタグを投稿内容に書くだけで

【こんにちは!いつもブログを読んでいただきありがとうございます。アイドットデザイン代表の越水です。】

という挨拶文を記事中に表示させる、ということができるようになります。

今回はそんな便利なWordPressのショートコードを作る方法をご紹介します。

ショートコードはfunctions.phpに設定を書けばOK

単純に決まったテキストやHTMLを表示させるだけであれば、以下のコードを参考にfunctions.phpにショートコードの設定を書いてあげればOKです。

このコードであればショートコード[greeting]を使用することでgreeting_txt関数が呼び出されて設定したHTMLが表示されるようになります。

このようにWordPressのショートコード機能はとっても簡単に利用することができます!

オリジナルショートコードにクラスなど属性を加えたい時

ショートコードの機能が使いこなせてくると、だんだん「後からクラスが加えられたらいいのにな」とか「ショートコード内のリンクを後から書き換えたい」とカスタマイズしたくなってきます。

そんな時は次のようにショートコードのつくると便利です。

これでクラス名やリンクを後から書き換え可能なショートコードが作れます。

例えば、

[btn class=long href=https://idotdesign.net/]アイドットデザイン[/btn]

という引数を持ったようなショートコードを書くことで、

というHTMLを出力させることができます。

先に示したコードにあるshortcode_atts()内の配列で初期値を設定しておけば、ショートコードで引数を渡さなくてもあらかじめ決まった値を設定することが可能です。

ショートコード機能は使いこなせるようになると、WordPressカスタマイズの幅がグッと広がるので試してみてください。

それではまた!

PCもスマホもタブレットも。様々なデバイスに最適化したホームページ制作をいたします。

follow us in feedly

お気軽にお問い合わせください!

お見積りやご相談は、メール/お電話にてお気軽にご連絡ください。専属の担当者が丁寧にご対応いたします。