処理速度計測中:0.009 sec  ページキャッシュは使用しておりません。
wp_express001
2011年09月09日 プライム・ストラテジー

新人デザイナー井村くんのワードプレステーマを作ろう vol.1

新人井村くんの、ワードプレステーマをつくろう

みなさんはじめまして!今年からプライム・ストラテジーに入社した
Webデザイナーの井村と申します。

まだまだ未熟な私ですが、よりたくさんの人にWordPressの魅力を伝えるためWordPress.ORGへ の公式登録を目標にテーマの作成をしていきます。

第一回は、私のデザインしたテーマ「Soft Cloud」のポイントをお伝えします。

良いテーマをつくるためにはまずWordPressを良く知るところから。
参考になるかは不明ですがぜひ一緒に テーマをつくってWordPressを盛り上げましょう!!
※掲載した内容は変更になる可能性があります。

サンプルを下記に掲載しています。
http://theme.prime-strategy.co.jp/softcloud/

アイキャッチ

管理画面からピックアップした記事をスライドショーで表示します。
jQueryを使用した左右スライドで、アイキャッチ画像も管理画面から登録できます。
WordPressをCMSとして使えばHTMLの知識の少ないユーザーでもリッチなコンテンツが更新できますね。

アイキャッチ説明写真

SNS

自分の使用するSNSへのリンクを貼れる、Soft Cloud用のウィジェットです。
WordPressのリンク機能をカスタマイズし、管理画面からサービスとリンク先を設定するだけでオリジナルのウィジェットを作成できます。
アイコンはカラーとツールチップを使って、マウスオーバーが楽しくなるようデザインしました。

SNS説明写真

ダイナミックサイドバー

WordPressの<dynamic_sidebar>タグを使えば、サイドバーとフッターナビゲーションを管理画面の外観→ウィジェットから簡単にカスタマイズすることができます。
WordPres3.2~のデフォルトテーマである「Twenty Eleven」ではサイドバーに2つ、フッターに3つのウィジェットエリアが用意されています。全ページにこれだけ簡単に動的なナビゲーションをつけられるのはWordPressならではですね。

ダイナミックサイドバー説明写真

テーマを作る際に参考になるサイト

おふたつとも、Webがお好きな方ならみなさんご存知の定番サイトですね!
私もいつもお世話になっております。
また、HTML5のマークアップやテンプレートファイルの構成はWordPress公式テーマである「Twenty Eleven」を参照しています。

Leave a Reply

Your email address will not be published. Required fields are marked *

トラックバックURL

https://www.prime-strategy.co.jp/wp/1271/trackback/