WordPressインストールして使ってみた。

インストールの参考


/var/www/wordpress 以下に作成したとして話を進める。


カスタマイズの参考


好きなテンプレートを探して使ってもいいけど、やっぱ自分で作りたいよね。

プラグインを入れてみる


まずは参考になるかと一つプラグインを入れてみた
recent-posts-plus
これは、最近の投稿をサイドバーに出すことができるプラグイン。カテゴリーやタグを選んで表示できるとかの機能がある。

READMEを読むと、以下の場所にファイルを置けばいいらしい。
/var/www/wordpress/wp-content/plugins/recent-posts-plus.php


サイト名にマウスオーバー→ウィジェット の項目を選ぶと、確かに追加されている。


設定すると、ブログページのサイドバーにRecentPostが表示された。


自作への道

じゃあ、自分で作ってみよう。

ウィジェットを作るのに必要なコードは何か。

ここが詳しい。
Codex
要するに3つの関数を定義する必要があって、

- widget() 実際のウィジェットのコンテンツを出力する。つまり、実際のブログページに出力するhtml文をechoする関数。
- update() 設定の保存を処理する。つまり、ウィジェット画面の設定を保存するボタンを押したときに走る処理。
- form() 設定フォームを出力する。つまり、ウィジェット画面のhtml文をechoする関数。

という訳だ。

自作のウィジェットクラスは、WP_Widgetを継承して作ることになっている。

class MyWidget extends WP_Widget 

update()関数は割と分かりやすくて、

function update( $new_instance, $old_instance ) {
 //....
 return $instance;
}

新設定を書き込んだインスタンスをreturnするだけ。


form()関数も難しいことは別になくて、設定用の入力フォームを並べるだけ。
<input id="XXX" type="text" />
というふうに書いたフォームの値が、update()に
$new_instance['XXX']
という形で渡されてくるだけ。


一番大切なのがwidget()関数。
ここでは、update()で設定した値を使用しながら、サイドバーに実際に表示するhtmlを作らないといけない。
DBにアクセスすることにもなるだろう。

ここで作ったhtml（やjavascriptやjQueryとか）は、決まった場所（サイドバー用のdiv, "primary-sidebar"の後）に出力される。
じゃあ、cssとか使いたいときはどうする？ここには書けない。

ブログページのhtmlを見てみると、

<link rel='stylesheet' id='XXX-style-css'  href='http://XXXX/wordpress/wp-content/themes/XXXX/style.css?ver=3.8.3' type='text/css' media='all' />

と書いてある。
ここに書いたら動くのかな？

NAME:

MAIL:

URL:

COLOR:
Black LimeGreen SeaGreen Teal FireBrick Tomato IndianRed BurlyWood SlateGray DarkSlateBlue LightPink DeepPink DarkOrange Gold DimGray Silver
SUBJECT:

COMMENT:

PASS: