MdN Web Mook 現場でかならず使われているWordPressデザインのメソッド
エムディエヌコーポレーション / 2013年10月15日 / 全258ページ
【WordPressの多彩なサイト制作テクニックが満載!】
WordPressの機能をひととおり理解していても、いざ自分でサイトをつくろうとすると、「この部分はどうすればよいのだろう?」と悩んでしまうことは少なくありません。本書はそのような悩みを解決するために、WordPressでのサイト制作によく使われる手法を目的別にまとめたテクニック集です。各テクニックは本書専用のサンプルテーマをベースに解説されているため、実際に動作を試しながら解説内容を理解できます。現場の制作メソッドがぎっしり詰まった、WordPressユーザー必携の一冊です!
WordPressの機能をひととおり理解していても、いざ自分でサイトをつくろうとすると、「この部分はどうすればよいのだろう?」と悩んでしまうことは少なくありません。本書はそのような悩みを解決するために、WordPressでのサイト制作によく使われる手法を目的別にまとめたテクニック集です。各テクニックは本書専用のサンプルテーマをベースに解説されているため、実際に動作を試しながら解説内容を理解できます。現場の制作メソッドがぎっしり詰まった、WordPressユーザー必携の一冊です!
目次
- 扉
- クレジット
- はじめに
- 目次
- 本書の使い方
- ■PART1 環境構築とテーマの準備
- Windowsでローカル環境を構築
- Macでローカル環境を構築
- ローカル環境にWordPressをインストール
- 本書のサンプルテーマを組み込む
- サンプルテーマのテンプレート構造
- サンプルテーマの各ページ紹介
- サンプルサイトで利用されているWordPressの投稿タイプと機能
- カスタマイズのベースとなる_s(Underscores)テーマ
- レスポンシブレイアウトを手軽に実装できる「Foundation4」
- ローカル環境からサーバー環境への移行手順の一般例
- [COLUMN]WordPressのバックアップ
- ■PART2 WordPressサイトの基本構築
- 001 ループでデータベースのコンテンツを表示する
- 002 メインナビゲーションを設定する
- 扉
- クレジット
- はじめに
- 目次
- 本書の使い方
- ■PART1 環境構築とテーマの準備
- Windowsでローカル環境を構築
- Macでローカル環境を構築
- ローカル環境にWordPressをインストール
- 本書のサンプルテーマを組み込む
- サンプルテーマのテンプレート構造
- サンプルテーマの各ページ紹介
- サンプルサイトで利用されているWordPressの投稿タイプと機能
- カスタマイズのベースとなる_s(Underscores)テーマ
- レスポンシブレイアウトを手軽に実装できる「Foundation4」
- ローカル環境からサーバー環境への移行手順の一般例
- [COLUMN]WordPressのバックアップ
- ■PART2 WordPressサイトの基本構築
- 001 ループでデータベースのコンテンツを表示する
- 002 メインナビゲーションを設定する
- 003 メイン画像(カスタムヘッダー)を設定する
- 004 パンくずリストとページナビを表示する
- 005 サイドバーにウィジェットを設定する
- 006 サブナビゲーションを設定する
- 007 年ごとに表示が変わるcopyrightを設定する
- 008 サイトマップを表示させる
- 009 検索機能を導入する
- 010 404ページの設置
- 011 記事にアイキャッチを設定する
- 012 コメント欄の設置とコメント機能の停止
- 013 お問い合わせフォームを作成する
- 014 アクセスページにグーグルマップを使う
- 015 カスタムフィールドを応用した商品メニューの作成
- 016 カスタム投稿タイプによるスタッフ紹介ページの登録
- [COLUMN]セキュリティ対策を考えよう
- ■PART3 多彩なカスタマイズ
- 001 基本SEO&SMO対策
- 002 トップページに表示する情報を別の固定ページで管理する
- 003 特定のカテゴリーの最新記事をトップページに表示する
- 004 OGPを設定しSNSで表示される情報を最適化
- 005 SNSのソーシャルボタンを記事本文に表示する
- 006 ソーシャルウィジェットをウィジェットエリアに表示
- 007 記事の投稿と同時に自動的にSNSにも投稿する
- 008 WordPressのコメント欄をFacebookと連携する
- 009 定型作業用にショートコードをつくる
- 010 Infinite Scrollを組み込む
- 011 メインビジュアルをスライドショーに
- 012 タブインターフェイスを導入する
- 013 Lightbox系プラグインで画像を見栄えよく表示
- 014 おしゃれな写真ギャラリーを設置
- 015 上部固定ナビゲーション
- 016 Pinterest風に画像を一覧表示
- 017 ページトップへ戻るボタンの導入する
- 018 背景にパララックス風の演出を加える
- 019 JavaScriptを用いて動きのある演出を
- 020 Webフォントを利用する
- 021 アイキャッチ画像をカッコよくするCSS
- 022 レスポンシブ対応した動画の埋め込み
- 023 スマートフォン閲覧時のメニュー表示のバリエーション
- 024 レスポンシブ対応の表組を作成する
- 025 テーマカスタマイザーをカスタマイズする
- 026 背景を全面画像にする
- よく使うテンプレートタグリファレンス
- 索引
- 著者プロフィール
- 奥付
- カバー
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。