2020年5月14日 現在リニューアル中です 各ページを修正しております。細かい部分レイアウト崩れ等ございますがご了承くださいませ。
WordPress ウィジェット プラグイン

WordPress ウィジェット プラグイン 作成

WordPress ウィジェット プラグイン

WordPress ウィジェット プラグイン

1日1プラグイン。そんな今回はウィジェット機能のあるプラグインを作りたいと思います。

残念ながら私は毎日業務でプログラムを書いているわけではないので、色々やっているうちに忘れてしまう危険があります・・・!!そんなわけで、プログラム系もぼちぼち記事にしていこうと思います。

バックナンバー

  1. WordPress プラグイン 簡単作成 Hello Dollyをカスタマイズ
  2. WordPress 管理画面 プラグイン作成 Twitter APIで投稿
  3. WordPress ウィジェット プラグイン 作成
  4. WordPress DBを使ったプラグイン 作成 昔ながらのアクセスカウンターを作る

 

まずはリファレンスを見ていきます。

ウィジェットの登録

@see テーマのウィジェット対応
以下をテーマの functions.php ファイルに追加してください。

サイドバーの登録方法です。

 

WordPress ウィジェット API

@see WordPress ウィジェット API

丁寧にCodexがあるので有難いですね、概要を把握したらこれを雛形に作っていきます。

 

 

 

実際に作っていきます。

しこしこと作っていきます。

 

 

テーマファイル内sidebar.phpにウィジェットを出力する関数を書き込む

↓変更
 
基本はsidebar.phpですが、任意の位置に張ることで出力を制御できます。

 

 

有効化してみよう

WordPress ウィジェット プラグイン

有効化します。

 

 

WordPress ウィジェット プラグイン

【概観】>> 【ウィジェット】を選択すると、『Adsense』ウィジェットと『広告スペース』が生成されているので、ドラッグアンドドロップを行って有効化させます。

 

WordPress ウィジェット プラグイン

Googleのadsenseタグを貼りつけて、【保存】をクリックします。これでサイドバーのウィジェットに表示がされます。

上記のタグをテーマファイルの任意のファイルや、コードの箇所に張ることによって、出現位置を自由に任意で設定できます。

今回はウィジェットに関するを作りました。各種広告のスクリプトタグを貼り付けるようなものですが、プラグイン内で関数を作って、専用のウィジェットで指定してある関数を実行するようにしても良いですね。

 

ウィジェットにPHPコードを記述させたい場合

WordPress プラグイン 簡単作成 Hello Dollyをカスタマイズ』の記事で御紹介したいように、プラグイン内に関数を規定して、ウィジェットにショートコードを張って実装させるのも安全です。お客さんは好きな位置にウィジェット機能を使ってコードを設置出来ますし、ショートタグを使うことで、お客さんの誤操作でページが真っ白になってしまう!などという自体を避けることが出来ます。

 

お疲れ様です。

 

 

@see WordPressプラグイン開発のバイブル

WordPress ウィジェット プラグイン
最新情報をチェックしよう!
>システム構築・保守に特化した会社です。

システム構築・保守に特化した会社です。

システムの構築・保守運用「システムガーディアン」 社内システム担当が欲しいが、専属で雇うほどの仕事量はない。 必要な時に必要なだけ頼りたいというお悩みを持つ企業様へ専門知識を持って対応を行っております。 サーバから各種システムまで自社・他社で構築されたシステムに対してサポートを行っております。

CTR IMG