DESIGN

Notes about the design on the Web

EC SITE

EC-SITE building and customization of CMS

FLASH

Practice Note for flash and action script

SERVER

Linux VSP and other Rental Server

WORDPRESS

Note the effective use and customization of WordPress

Home » WORDPRESS

WP Free Theme Rif.create

Submitted by Rika on 2008/07/10 – 22:43 2 Comments
WP Free Theme Rif.create


WordpressのVintage風テーマを作りました。
今まで「自分」の為に、何度かテーマを作りましたが、もっと勉強していきたいので、無料配布することにより、不備な点、もっといいやり方などありましたら教えていただけたらと思います。
尚、今回のテーマは背景画像を中心にしたもので、更なるカスタマイズには不向きです。
カスタマイズしやすいテーマもそのうちアップする予定です。
現在使用しているテーマも、時間が許せば整理してアップしたいと思っています。

プレビュー

Demo

Rif.creat

動作確認

WordPress 2.6-beta1

使用プラグイン

使用Ajax framework

カスタマイズ

トップページ(hoe.php)

上部に最新記事ひとつ、その下にタブでカテゴリ別の最新記事4件、カスタムフィールドを利用したサムネイルと共に表示しています。
カテゴリIDの入力が必要です。
デフォルトでは表示カテゴリ数は3つですが、コードの追加で数の増減はできます。
数があまり多い場合はタブ自体のサイズ変更が必要です。
最初に開いておくカテゴリを指定できます。
トップページは、設定でページを選ばなくても、home.phpを作るとindex.phpより優先されます。

サイドバー(sidebar.php and sidebar-2.php)

トップページと他のページではサイドバーを変えています。
デフォルトではトップページでカテゴリ別の最新投稿表示をしているのでサイドバーの最近の投稿は非表示にしています。
カスタムフィールドを利用して記事のサムネイル表示をしています。
Recent Comments, Recent Postsプラグインのオプション設定が必要になります。
about meボタンをクリックするとボックスが開閉します。aboutme.phpに記入した内容が表示されます。デフォルトではAboutページへリンクを貼っています。
サイドバー(sidebar.php)を呼び込むテンプレートタグは

PHP:
  1. <?php get_sidebar(); ?>

ですが、sidebar-2.phpを呼び込む時は

PHP:
  1. <?php get_sidebar(2); ?>

と、複数サイドバーを操作することが楽になりました。

ヘッダーのブログタイトルの右に、メモ風にページメニューを表示しています。

フッターにボトムバーを表示しました。

Other

その他、カスタムフィールド、プラグインのオプション設定方法をご覧ください。(関連記事は"Rif.create" タグページに随時アップしていきます。)
このテーマに限らず、Wordpress テーマのカスタマイズに応用できると思います。

ダウンロード

Wordpress theme Rif.create
(Mediafire.comからのダウンロードになります。)

licenses

Creative Commons License

関連する投稿

2 Comments »

  • Rika より:

    びんさん、こんばんは :)
    3日遅れの織姫です :O)

    いやいやいやいや、参ったよ。
    Adobe の勉強しようと思って手をつけたら、ドツボ。
    ノイローゼになりそうよ ;;)

  • yutaka より:

    織り姫さま、最近おとなしいと思ってたら、こんなん作ってたのね :o)  ダウンロードしてwordpress2.6β3にインストールしてみた :D

Leave a comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.