WordPressの投稿・固定ページにショートコードで挿入出来るウィジェットを作ろう！

2018/03/11WordPressテーマ

ウィジェットに設定した内容をショートコードで投稿や固定ページに使いたいなぁ…と思う事ってありますよね。それはちょっとしたコンテンツだったりAdSenseのような広告だったりと使い方は人それぞれですが、標準でその機能を持ったテーマというのはありそうでなかなか無いのが実情です。そこで当エントリーではそのウィジェットを作ろう！という内容になります。

例によって素人が見よう見まねで作ってみましたレベルのモノですんで、ご利用は自己責任という事でお願いしたいですが、万が一失敗してWordPressが真っ白になってもドンマイですよ？

当エントリーは私が過去に公開していたサイトのリライト記事になります。
WordPressの投稿・固定ページにショートコードで挿入出来るウィジェットを作ってみた

コンテンツ

1. カスタムショートコードの作成
2. 使い方はアイデア次第

カスタムショートコードの作成

ぶっちゃけコレはSTINGER系テーマのmicata2をイジっている時にいいなぁと思った「オリジナルのショートコード作成ウィジェット」機能からパｋ…もといインスパイアされたものですが、micata2ではウィジェットに設定した内容をテンプレートを使って挿入していたので、それを子テーマのfunctions.phpのカスタマイズだけで出来るようにしてみました。

一応いくつかのテーマで動作確認はしてあります。

動作確認済みのテーマ

Simplicity
Luxeritas
STINGER PLUS+
STINGER8
micata2
Sentry
Xeory Base
Emanon Free

この中に名前の挙がっていないテーマでも特に問題は無いかと思いますが、AMP対応に関しては一切考慮していませんので、その点はご自分で何とかしていただく方向でよろしくお願いしますね？

ウィジェットエリアの作成

出来ればイジりたくないファイルのfunctions.phpを編集する事になりますが、慣れてしまえばどうという事はありません。その内に真っ白画面がなんぼのもんじゃいと思えるようになるでしょう、たぶん。

私はもう飽きるくらい見てますからね、HAHAHA（笑えない）

心配な方は必ずfunctions.phpのバックアップを取ってから作業して下さい。

やる事はいたって簡単でfunctions.phpの最後に以下のコードをコピペするだけです。

カスタムショートコード用ウィジェット

/* カスタムショートコード用ウィジェット */
if ( function_exists( 'register_sidebar' ) ) {
    register_sidebar( array(
        'id' => 'custom-sc',
        'name' => 'カスタムショートコード用ウィジェット',
        'description' => 'カスタムショートコード用のウィジェットです。',
        'before_widget' => '<div class="custom-sc">',
        'after_widget' => '</div>',
        'before_title' => '<p>',
        'after_title' => '</p>'
    ) );
}

if ( !function_exists( 'custom_sc' ) ) {
    function custom_sc() {
        ob_start();
        dynamic_sidebar( 'custom-sc' );
        $osc = ob_get_clean();
        return $osc;
    }
    add_shortcode( 'customsc', 'custom_sc' );
}

<div>や<p>のHTMLタグとクラス名は好みで変えていただいて結構です。最後のハイライト行にあるcustomscはショートコードの呼び出しに使う部分になりますが、それも自分が使いやすい名前に変更してOKです。