MdN Web Mook WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
エムディエヌコーポレーション / 2014年03月24日 / 全275ページ
【デザインと使い勝手で差をつけると、あなたのページはもっとよくなる!】
制作するサイトの目的に応じたさまざまなデザインカスタマイズ、追加機能の実装方法を幅広く解説した一冊。「レイアウトの決定」「ヘッダーデザイン」「サイドバーデザイン」「コンテンツデザイン」「フッターデザイン」という章ごとに、それぞれのカスタマイズテクニックを28の作例で紹介します。なお、各作例のサンプルデータはWebからダウンロードすることができます。
制作するサイトの目的に応じたさまざまなデザインカスタマイズ、追加機能の実装方法を幅広く解説した一冊。「レイアウトの決定」「ヘッダーデザイン」「サイドバーデザイン」「コンテンツデザイン」「フッターデザイン」という章ごとに、それぞれのカスタマイズテクニックを28の作例で紹介します。なお、各作例のサンプルデータはWebからダウンロードすることができます。
目次
- 扉
- クレジット
- はじめに
- 目次
- 本書の使い方
- 本書のサンプルデータについて
- ■Introduction デザインカスタマイズの前に
- 01 WordPressのインストール
- 02 WordPressの構造と各設定
- ■Chapter 1 レイアウトの決定
- 01 Infinite Scrollを使ったPinterest風ブログのデザイン
- 02 投稿ページを中心に構築するブログベースのデザイン
- 03 企業サイトにも使えるCMSベースのデザイン
- 04 カスタム投稿タイプを用いた自由なページデザイン
- 05 画像とキャプションをリストで並べるポートフォリオサイトのデザイン
- 06 サムネイルのリスト表示、ブラウザーサイズに合わせたカラム数の変化
- 07 左サイドバーのメリットを活かしたレイアウト
- ■Chapter 2 ヘッダーデザイン
- 01 ロゴを中央にする場合のデザイン
- 02 ヘッダー固定(fixed)によるメリットを活かしたデザイン
- 扉
- クレジット
- はじめに
- 目次
- 本書の使い方
- 本書のサンプルデータについて
- ■Introduction デザインカスタマイズの前に
- 01 WordPressのインストール
- 02 WordPressの構造と各設定
- ■Chapter 1 レイアウトの決定
- 01 Infinite Scrollを使ったPinterest風ブログのデザイン
- 02 投稿ページを中心に構築するブログベースのデザイン
- 03 企業サイトにも使えるCMSベースのデザイン
- 04 カスタム投稿タイプを用いた自由なページデザイン
- 05 画像とキャプションをリストで並べるポートフォリオサイトのデザイン
- 06 サムネイルのリスト表示、ブラウザーサイズに合わせたカラム数の変化
- 07 左サイドバーのメリットを活かしたレイアウト
- ■Chapter 2 ヘッダーデザイン
- 01 ロゴを中央にする場合のデザイン
- 02 ヘッダー固定(fixed)によるメリットを活かしたデザイン
- 03 テーマ→メニュー機能を使ったナビゲーションのデザイン
- 04 クリックでサブカテゴリーを表示するメニューデザイン
- ■Chapter 3 サイドバーデザイン
- 01 ブログパーツの作成とFacebookタイムラインの表示
- 02 カテゴリーによって読み込むデザイン・サイドバーを変更する
- 03 納品後も編集可能なサイドバーを作成
- 04 サイドバーに人気記事ランキングを表示
- ■Chapter 4 コンテンツデザイン
- 01 サムネイル&スライドによる記事の一覧表示
- 02 Variable Grid Systemを用いた美しい投稿記事リスト
- 03 カスタムフィールドを活用した記事表示の拡張
- 04 投稿ページにFacebookのコメント欄を埋め込む
- 05 投稿リストに、各投稿のFacebookコメント数を表示
- 06 ニュース記事をカスタム投稿タイプとして編集しやすくする
- 07 テンプレートファイル別のニュースの表示
- 08 Webフォントを使って美しいタイトル・見出しをレンダリングする
- 09 イベントカレンダーページを作成する
- 10 問い合わせフォームの作成
- ■Chapter 5 フッターデザイン
- 01 テンプレートタグを利用したさまざまな表示方
- 02 シンプルなTweetボタン&SHAREボタンの表示
- 03 複数カラムのフッターデザイン
- 執筆者プロフィール
- 奥付
- カバー
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。