ちょっと上級者向け。WordPressデザインブック3.x対応の内容紹介!

2429viewsマスターマスター

このエントリーをはてなブックマークに追加
WordPressデザインブック3.x対応

まえがき

「ブログから一歩進んだサイトをつくりたい」
ブログタイプの基本的な構造のサイトを元に、表示する記事の内容やデザイン、メニューの構成などをカスタマイズして、ブログから一歩進んだサイトにアレンジしていきます。

第一章

基本サイトの構築・・・構築するページとテンプレート、繰り返し利用するパーツとパーツテンプレート、テーマの準備、基本設定、コンテンツ投稿、ヘッダーとフッターの作成、ナビゲーションバーとヘッダー画像の追加、記事の表示、サイドバーの表示、トップページ以外のページ作成。

第二章

カスタマイズの準備・・・プラグインを利用するための準備、wordpressのバージョン情報を出力しないようにする、RSSフィード出力、ライブラリの設定を出力、テーマエディタのソースを色分け表示、ビジュアルエディタの表示と完成ページのデザインをそろえる、ページの種類を識別できるようにする。

第三章

記事の個別ページカスタマイズ・・・フリーで利用できる画像を表示、服装の画像を横に並べる、記事ごとに1枚の画像を決まった位置に表示、カスタムフィールドに入力した付加情報を表示、関連記事を表示、記事の個別ページのデザインをカスタマイズ、1つの記事を複数ページに分割、画像の個別ページのデザインをカスタマイズ。

第四章

記事の一覧ページカスタマイズ・・・記事のタイトルのみをリストアップ、記事タイトルと概要をリストアップ、記事ごとにサムネイルを表示、表示する記事の数をテンプレート内で指定、古い記事から順に表示、最新の2件の記事のみサムネイルと画像を表示、おすすめ記事表示、特定投稿フォーマット記事を表示。

第五章

ナビゲーションカスタマイズ・・・オリジナルウィジェットを作成準備、ウィジェットで特定の投稿フォーマット記事を表示、特定カテゴリーに属する記事のメニュー表示、カテゴリーメニューの表示カスタマイズ、人気記事ランキング、パンくずリスト作成、ページ番号をならべて古い記事のアクセスしやすくする。

第六章

固定ページのカスタマイズ・・・お問い合わせページ作成、インデックス作成。

第七章

コンテンツの分類と検索・・・投稿タグで記事を分類、カスタム投稿タイプを利用してニュース記事を投稿、サイト内のコンテンツを検索できるようにする。

第八章

ヘッダーと画像のカスタマイズ・・・カスタムヘッダー画像をランダム表示、カスタムヘッダー画像をスライドショー形式で表示、ヘッダー画像の代わりにおすすめ記事を表示、画像をライトボックス形式でポップアップ表示。

第九章

外部サービスと連携・・・ソーシャルブックマークのリンク設置、ツイッターと連携、OGPを記述してフェイスブックと連携、フェイスブックにも記事を投稿して連携、外部サービスと連携できるコメント投稿フォームを設置、google+と連携。

おわりに

実際にこの本のはじめから順をおってサイトを作成しました。途中、作業的に「これいらないんかい!」という部分もでてきますが、初心者にはかなり高度なサイトが完成します。あとはコンテンツ次第という感じです。参考までに私がつくったサイト(ほぼ本書の作成どおりです。)http://henzutu.com 大したサイトではありませんが、こんな感じのサイトがつくれます。いちおは自分のオリジナルテーマになりますからとっても愛着がわきます。カスタマイズを少しずつして行きたいと思います。

関連まとめ

本のまとめカテゴリー


コメントを書く