MdNCORPORATION

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

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

松田 千尋 著/吉澤 富美 著/石川 栄和 著/大串 肇 著/後藤 賢司 著/大曲 仁 著/星野 邦敏 著/相原 知栄子 著/北村 崇 著/土肥 牧人 著/鳥山 優子 著/服部 久純 著/WP-D 監修
定価 3,080円
(本体 2,800円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2013-10-15
仕様 B5判/256P
ISBN 978-4-8443-6374-3
WordPressの機能をひととおり理解していても、いざ自分でサイトをつくろうとすると、「この部分はどうすればよいのだろう?」と悩んでしまうことは少なくありません。本書はそのような悩みを解決するために、WordPressでのサイト制作によく使われる手法を目的別にまとめたテクニック集です。「メインナビゲーションを設置する」、「検索機能を導入する」、「カスタム投稿タイプでスタッフ紹介ページをつくる」などのWordPressの基本テクニックに加え、「上部固定ナビゲーションにする」、「タブインターフェイスを導入する」、「Pinterest風のレイアウトにする」といった一歩進んだカスタマイズの手法も数多く掲載しています。 各テクニックは本書専用のサンプルテーマをベースに解説されているため、実際に動作を試しながら解説内容を理解できます。また、レスポンシブWebデザインに対応しているため、掲載テクニックはPCだけでなく、スマートフォンへの対応も踏まえたものになっています。現場の制作メソッドがぎっしり詰まった、WordPressユーザー必携の一冊です!


■ページ見本










目次

■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プラグイン索引
目的別索引

ダウンロードデータ

現場でかならず使われている WordPressデザインのメソッド
素材データダウンロード


このたびは、「現場でかならず使われている WordPressデザインのメソッド」をご購入いただきまして、誠にありがとうございます。
以下に本書のサンプルテーマ、および解説中に掲載しているコードのファイルをご用意しましたので、ご利用ください。


◯サンプルテーマ

MdN_WpDesign_Theme.zip(18.3 MB)


◯掲載コード

MdN_WpDesign_Code.zip(5.5 MB)


【ダウンロードにあたってのご注意】

ダウンロードファイルは、ZIP形式で圧縮されています。
Windows、Macそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。
解凍したフォルダ内に「はじめにお読みください.html」が同梱されていますので、ご使用の前に必ずお読みください。

【ダウンロードファイル解凍時のご注意】

Windowsをご利用の場合は、ダブルクリックしてもダウンロードファイルを正しく解凍できない場合があります。
ファイルの閲覧や操作に問題が生じた場合は、次の手順でファイルの解凍をお試しください。

[1]ダウンロードしたファイルを右クリック
[2]表示されたメニューから[すべてを展開...]を選択
[3]ファイルを解凍するダイアログが表示されるので、保存場所を選択して実行
[4]指定した場所にファイルが解凍される


※本書のサンプルテーマはWordPressのバージョン3.6以上での動作を前提としています。対応ブラウザはInternet Explorer 9以上、およびChrome、Safari、Firefox最新版です。IE8に関してもアクセシビリティを損なわないように配慮していますが、一部のコードはブラウザや動作環境によって正常に動作しない場合がありますので、あらかじめご了承ください。

※本書のサンプルテーマは、GPLに基づいて配布されています。GPLについての詳しい内容は“テーマもGPLライセンス”(http://ja.wordpress.org/2009/07/03/themes-are-gpl-too/)をご覧ください。

※弊社Webサイトからダウンロードできるサンプルデータを実行した結果につきましては、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

※本書に掲載されているPHP、CSS、JavaScript、HTML等のコメントや改行位置等は、紙面掲載用として加工していることがあります。また、画像も著作権の都合により異なる場合がありますので、あらかじめご了承ください。

※本書の掲載記事には、Web上のサービスを利用する等の理由から、ローカル環境では正常に動作しないものがあります。このような場合は、インターネット上のサーバに設置して解説内容をお試しください。

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊