WordPress テーマ PHP

WordPressで独自のサイドバーウィジェットをfunctions.phpで作成する方法

WordPressで独自のウィジェットをfunctions.phpで作成する方法

仕事などや学校の授業で、どうしても早急にWordPressでオリジナルのサイドバーウィジェットを実装する必要に迫られて、作り方が分からずに困っているということはないでしょうか?

WordPressのウィジェット自作というのは一見難しそうな印象を持ってしまいがちですが、決してそんなことはありません。

手順さえ守ってしまえば、雛形通りに組んでいくだけで、思い通りの機能が案外簡単に作れてしまいます。

今回は、そんなWordPressでサイドバーウィジェットを作るための方法を簡単な例と、カスタム投稿タイプも交えた応用的な使い方までを解説していきます。

 

 

ウィジェットとは何か

ウィジェットとはWordPressに標準で付いている機能の一つで、事前に用意されたパーツを部品のように使える機能です。

利用例としては、よくサイドバーに新着記事やアーカイブを表示するときなどに使われます。

WordPressテーマを自作する場合、ウィジェットなどの機能が『functions.php』に特定のコードを書かないと表示されない仕様になっているので注意しましょう。

 

ウィジェット機能を有効化する方法

ウィジェット機能を有効化する方法

ウィジェットを自作する場合は、まずは機能を有効化しなければなりません。

それをするためのコードを『functions.php』に記述していきましょう。

以下のコードを書くことによって上記画像のように、WordPressのウィジェットが有効化されます。

 

有効化したウィジェットを表示させる方法

今回はサイドバーウィジェットを作成することが目的なので、『index.php』と同じ階層に『sidebar.php』を用意しましょう。

そして、『sidebar.php』と『index.php』に以下のように記述することで、サイドバーウィジェットを表示することができます。

『sidebar.php』では先ほどの『functions.php』で記述した『register_sidebar』のidを記述することによってサイドバーウィジェットを読み込むことができています。

 

サムネイル付き新着投稿ウィジェットを自作する方法

WordPressウィジェットを自作する以上、最低限実装できるようになっておきたい機能が、新着投稿のウィジェットかと思います。

WordPressに付いている標準のウィジェット機能でも良いのですが記事のタイトルのみ表示された状態では、見た目が味気ない印象になってしまいがなので、今回はサムネイル付きの新着記事のウィジェットの作り方について解説します。

下記コードを実行すると上のような完成イメージの状態になります。

用意するファイルが少し多くなってしまうので、ここでは最小構成で作成したファイルのみで実装したものを解説していきます。

 

 

 

 

カスタム投稿タイプ用の新着投稿ウィジェットを自作する方法

実務レベルでWordPressの実装をするようになってくると、どうしても既存のウィジェット機能では対応できない場面が出てくると思います。

例えば、カスタム投稿タイプを扱うWordPress実装を行った場合、既存のウィジェット機能ではデフォルトの投稿機能で書かれた記事の新着投稿しか表示されないので、そのような場合カスタム投稿タイプの新着記事をサイドバーウィジェットで表示させる方法について解説します。

もし、『カスタム投稿タイプって何?』という方は下の記事を参考にてみてください。

WordPressのカスタム投稿タイプとカスタムタクソノミーを作る方法
WordPressのカスタム投稿タイプとカスタムタクソノミーを作る方法

WordPressテーマの自作をしなくてはいけない場合、標準で付いている投稿機能とは別で記事を管理したい場面があるかと思います。 例えば、デザイン会社のコーポレートサイトを作りたい場合はブログとは別で ...

続きを見る

 

 

まとめ

今回は、WordPressで自作のウィジェットを作成する方法について解説してきましたがいかがでしたでしょうか?

オリジナルのウィジェットを作成する事によって、WordPressの知識がさらに深まったことかと思います。

ウィジェットを自作する事ができると今まで、なんとなく諦めていた、オリジナルのテーマ作成も目に見えるようになってきたのではないでしょうか?

WordPressの独自ウィジェットの開発ができると、さらに制作の幅が広がりますね。

ココナラで初めてのサイト制作案件を獲得!!【実績ゼロでもできます】

ココナラで初めてのサイト制作案件を獲得【実績ゼロでもできます】

フリーランスになりたいと思って、今までいろんなエージェントやクラウドソーシングに登録したけど実績が無いから、全く案件が獲得できずに困った経験はありませんか?

ココナラを利用すれば、実績ゼロからでもサイト制作案件を獲得することができます。

技術を身に付けたいと思っていても発揮する場所が無かったり、実績作りに困っている方にオススメです。

現在は稼働していませんが、駆け出しの頃は、よくお世話になったサービスです。

ココナラ 売り上げ

  • この記事を書いた人

岡田元輝

大阪に住んでるWEBエンジニア。
高卒でアルバイトを転々とする生活の中、一念発起し独学でプログラミングを習得。
底辺脱出後はWEB制作(フロントエンド / バックエンドの実装)の仕事をして、休みの日は講師業やウェブサービスの運営とブログアフィリエイトで稼ぐ生活をしています。
WEBに関するお困りごとがありましたら、お気軽にお問い合わせください。

-WordPress テーマ, PHP

Copyright© WordPressサイトで稼ぐ技術 , 2020 All Rights Reserved Powered by AFFINGER5.