MdNの本

現場でかならず使われているWordPressデザインのメソッド

現場でかならず使われているWordPressデザインのメソッド

現場でかならず使われているWordPressデザインのメソッド

サンプルテーマで試しながら覚えられる! WordPressの多彩なサイト制作テクニックが満載!

WP-D 監修/相原 知栄子 著/石川 栄和 著/大串 肇 著/大曲 仁 著/北村 崇 著/後藤 賢司 著/土肥 牧人 著/鳥山 優子 著/服部 久純 著/星野 邦敏 著/松田 千尋 著/吉澤 富美 著
B5判 / 256P
ISBN978-4-8443-6374-3 / 価格(本体2,800円+税)※電子版の価格は販売ストアにて
2013年10月15日発売

WordPressの機能をひととおり理解していても、いざ自分でサイトをつくろうとすると、「この部分はどうすればよいのだろう?」と悩んでしまうことは少なくありません。本書はそのような悩みを解決するために、WordPressでのサイト制作によく使われる手法を目的別にまとめたテクニック集です。「メインナビゲーションを設置する」、「検索機能を導入する」、「カスタム投稿タイプでスタッフ紹介ページをつくる」などのWordPressの基本テクニックに加え、「上部固定ナビゲーションにする」、「タブインターフェイスを導入する」、「Pinterest風のレイアウトにする」といった一歩進んだカスタマイズの手法も数多く掲載しています。
各テクニックは本書専用のサンプルテーマをベースに解説されているため、実際に動作を試しながら解説内容を理解できます。また、レスポンシブWebデザインに対応しているため、掲載テクニックはPCだけでなく、スマートフォンへの対応も踏まえたものになっています。現場の制作メソッドがぎっしり詰まった、WordPressユーザー必携の一冊です!

twitter facebook google+ このエントリーをはてなブックマークに追加 RSS

ページイメージ

クリックすると折りたためます
■ページ見本
















目次

クリックすると開きます

【目次】
■PART1 環境構築とテーマの準備
Windowsでローカル環境を構築
Macでローカル環境を構築
ローカル環境にWordPressをインストール
本書のサンプルテーマを組み込む
サンプルテーマのテンプレート構造
サンプルテーマの各ページ紹介
サンプルサイトで利用されているWordPressの投稿タイプと機能
カスタマイズのベースとなる_s(Underscores)テーマ
レスポンシブレイアウトを手軽に実装できる「Foundation4」
ローカル環境からサーバー環境への移行手順の一般例
【Column】WordPressのバックアップ

■PART2 WordPressサイトの基本構築
ループでデータベースのコンテンツを表示する
メインナビゲーションを設定する
メイン画像(カスタムヘッダー)を設定する
パンくずリストとページナビを表示する
サイドバーにウィジェットを設定する
サブナビゲーションを設定する
年ごとに表示が変わるcopyrightを設定する
サイトマップを表示させる
検索機能を導入する
404ページの設置
記事にアイキャッチを設定する
コメント欄の設置とコメント機能の停止
お問い合わせフォームを作成する
アクセスページにグーグルマップを使う
カスタムフィールドを応用した商品メニューの作成
カスタム投稿タイプによるスタッフ紹介ページの登録
【Column】セキュリティ対策を考えよう

■PART3 多彩なカスタマイズ
基本SEO&SMO対策
トップページに表示する情報を別の固定ページで管理する
特定のカテゴリーの最新記事をトップページに表示する
OGPを設定しSNSで表示される情報を最適化
SNSのソーシャルボタンを記事本文に表示する
ソーシャルウィジェットをウィジェットエリアに表示
記事の投稿と同時に、自動的にSNSにも投稿する
WordPressのコメント欄をFacebookと連携する
定型作業用にショートコードをつくる
Infinite Scrollを組み込む
メインビジュアルをスライドショーに
タブインターフェイスを導入する
Lightbox系プラグインで画像を見栄えよく表示
おしゃれな写真ギャラリーを設置
上部固定ナビゲーション
Pinterst風に画像を一覧表示
ページトップへ戻るボタンの導入する
背景にパララックス風の演出を加える
JavaScriptを用いて動きのある演出を
Webフォントを利用する
アイキャッチ画像をカッコよくするCSS
レスポンシブ対応した動画の埋め込み
スマートフォン閲覧時のメニュー表示のバリエーション
レスポンシブ対応の表組を作成する
テーマカスタマイザーをカスタマイズする
背景を全面画像にする

よく使うテンプレートタグリファレンス
用語索引
WordPressプラグイン索引
目的別索引

関連記事があります

  • 新世代Web制作テクニック総特集 - WordPress

    web creators 新世代Web制作テクニック総特集 - WordPress

  • スポットインタビュー/紀里谷和明氏のWebマガジン『PASSENGER』に見るオウンドメディアの役割

    インタビュー スポットインタビュー/紀里谷和明氏のWebマガジン『PASSENGER』に見るオウンドメディアの役割

  • Webデザイン表現&技法の新・スタンダード デザインパーツ編

    web creators Webデザイン表現&技法の新・スタンダード デザインパーツ編

カスタマーレビュー(出典:amazon.co.jp)

カスタマーレビュー(出典:amazon.co.jp)