本書についての著者NOTEAmazonWordPressを使ってレスポンシブWebデザインに対応したWebサイトを構築し、近年のWebサイトに求められる要件をプラグインなしで組み込めるようになることを目的とした1冊です。Kindleはじめにサンプル制作ステップもくじはじめに本書は、WordPressの基本を習得された方がより効率よくWebサイトを構築し、近年のWebサイトに求められる要件をプラグインなしで組み込めるようになることを目的としています。レスポンシブWebデザインで、スマートフォンやタブレットといった多様なデバイスに合わせてコンテンツを表示すること。各種メニューにサムネイル画像を付けて閲覧者の目を引くデザインにすること。SNSで効果的にシェアされるためにメタデータの設定を行うこと。Webサイトに求められる要件は年々増えており、WordPressで構築するサイトも例外ではありません。そこで、本書ではWordPressでサイトを構築する際に必要となる基本的なパーツとテンプレートを用意し、これらを組み合わせることで簡単に基本的なページを形にできるようにしました。基本的なページを元に、レスポンシブWebデザインの設定、各種パーツの追加やアレンジ、メタデータの設定などを行い、ステップ・バイ・ステップでサイトを仕上げていく方法を解説しています。WordPressをさらに活用していくために、本書が一助となれば幸いです。WordPressでサイトを構築する準備WordPressでサイトを構築するのに必要なオリジナルのテーマと、ページを構成する基本パーツを準備します。パーツはWordPressのテンプレートタグを組み込む形で作成し、テンプレートに記述すればすぐに使用できるようにしています。1で用意したパーツを組み合わせ、ブログ・ニュース系サイトの基本的なページを形にします。3~6ではここに画像やメニューなどのパーツを追加し、デザインをアレンジしてページを仕上げていきます。画像のアレンジ画像を使って記事の個別ページのデザインをアレンジしていきます。閲覧者の目を引くように、フリーの画像素材の活用、アイキャッチ画像の設定、外部コンテンツの貼り込み、サイトアイコンの設定などを行います。記事のアレンジ記事をより読みやすく、わかりやすくするため、本文中の見出しや注意書きなどのデザインを指定します。メタデータやシェアボタンを用意し、SNSで効果的に記事を共有してもらえるようにします。記事一覧のアレンジトップページやカテゴリー/タグページの記事一覧にサムネイル画像などを追加し、デザインをアレンジしていきます。トップページでは1件目の記事のみを大きく表示するように設定しています。ナビゲーションのアレンジ各種メニューや検索フォーム、広告などを追加してサイトを仕上げます。ここでは人気記事、おすすめ記事、関連記事メニューを追加し、ヘッダー部分には小さい画面でトグル型に切り替わるナビゲーションメニューを追加しています。6までに作成したサイトをベースに、ビジネス系サイトを構築します。ここではビジネス風の新しいトップページと4つのコンテンツページでサイトを構成しています。