ＷｏｒｄＰｒｅｓｓのテーマＳＴＩＮＧＥＲ７で「ＮＥＷ ＰＯＳＴ」をウィジェットとしてサイドバーに追加する簡単な方法
2016/09/12
ＷｏｒｄＰｒｅｓｓのテーマに「ＳＴＩＮＧＥＲ７」という素敵テーマを利用させて頂いてるんですが、このテーマのサイドバーに「ＮＥＷ ＰＯＳＴ」という新規投稿の一覧を表示する機能が付いてまして。
きのうの記事で、その「ＮＥＷ ＰＯＳＴ」を消す方法をご紹介しましたが。
きっと「消したいんじゃなくて、他のウィジェットと同様に場所を移動したいんだよん」という希望もあることでしょう。
それで、この記事では元の「ＮＥＷ ＰＯＳＴ」を消した後で、改めて新しいウィジェットとして「ＮＥＷ ＰＯＳＴ」を作る方法をご紹介します。
とりあえず元の「ＮＥＷ ＰＯＳＴ」は、きのうの記事の方法で消しといてください。
「ＮＥＷ ＰＯＳＴ」のウィジェットを作るためのショートコードを作成
ＷｏｒｄＰｒｅｓｓにはショートコードという便利なものがありまして、これは投稿内容などの中でＰＨＰの機能をマクロ的に利用できるようにするための仕組みなんですね。
今回はそのショートコードを使って、「ＮＥＷ ＰＯＳＴ」をウィジェット化してみます。
まずは管理画面のメニューから「外観」の「テーマの編集」ページを開きまして、右のテンプレート一覧から「テーマのための関数(ｆｕｎｃｔｉｏｎ．ｐｈｐ)」を見つけてクリックします。
そしてテキストエリアに表示されたコードの一番下に、以下のコードを追加してやってください。
add_filter('widget_text', 'do_shortcode' );
function get_new_posts() {
if (!is_home()) {
get_template_part('newpost');
}
}
add_shortcode('new_posts', 'get_new_posts');
このコードの一番上の青字のところは、ショートコードをウィジェットの中で使用できるようにするための“おまじない”だと思ってください。
その下の“ｆｕｎｃｔｉｏｎ”で定義された関数が、「ＮＥＷ ＰＯＳＴ」を表示するための記述です。
中でｉｆ文を使って条件を指定しているのは、トップページで新着記事一覧を表示している場合は「ＮＥＷ ＰＯＳＴ」のウィジェットを表示しないようにするためのものです。
一番下の黄字の１行で、この関数を「ｎｅｗ＿ｐｏｓｔｓ」という名前のショートコードとして使用できるようにしています。
「ＮＥＷ ＰＯＳＴ」のウィジェットを作る
次は、上で作ったショートコードを使って「ＮＥＷ ＰＯＳＴ」のウィジェットを作ります。
管理画面のメニューから「外観」の「ウィジェット」ページを開きまして、左の「利用できるウィジェット」の中から「テキスト」を選んで「サイドバーウィジェット」のエリアへドラッグ＆ドロップします。
そして、その「内容」に以下のように記述します。
[[new_posts]]
「タイトル」のほうには、何も記述しないように。
できたら“保存”ボタンをクリックして完成なので、実際にサイドバーに「ＮＥＷ ＰＯＳＴ」が表示されているかどうか確認してみてください。
これで他のウィジェットと同様に、「ＮＥＷ ＰＯＳＴ」を好きな場所に移動できるようになりましたね。
まとめ
今回は、ショートコードという便利な仕組みを使ってウィジェットを作ってみました。
この方法は、他のウィジェットを作りたいときにも利用できると思いますので、興味がわいた方はいろいろやってみると面白いかと。
それでは、素敵なＳＴＩＮＧＥＲライフを！
