WordPressできちんとしたかわいいサイトを作りたい人にオススメの本
Post on:2014年3月7日
sponsors
自分の作品を発表するポートフォリオ、ショップやカフェ、美容室、おけいこ教室、オンラインショップ、スモールオフィスなど、小さいながらもきちんとしたかわいいウェブサイトを作成したい人にオススメの一冊を紹介します。
本書の対象は、専門知識がない人でもOK！ もちろんある程度の知識を持っている人の方がよいですが、レンタルサーバーの選び方からドメインの取得、WordPressの設置、そして自分用のカスタマイズまで、自分のサイトが完成して公開するまで、分かりやすく解説されています。
そんな本書の中身を紙面のキャプチャで少しだけご紹介。
全体の構成は、こんな感じです。
「初心者向けの本」と聞くと、センスのないイラストやキャラクターが満載で、文字も無駄に大きかったりという偏見を持っているのですが、この本は違います！
各ページのステップごとにキャプチャ付きの説明があり、非常にすっきりしたレイアウトで、読みやすいです。
この本では、全部で6タイプのウェブサイトを作ります。
まずは、ポートフォリオ、ショップやカフェのサイト。
残りの4つは、スモールビジネス用の事業紹介サイト、おけいこ教室、カート付きのショッピングサイト、プロモーションサイト。
どれもかわいく、丁寧にデザインされています。
1章は準備編。
レンタルサーバーの選び方、ドメインの取得方法などが詳しく書かれています。すぐには必要ないかもしれないけど、この先、役に立つちょっと掘り下げた知識もしっかり書かれているのが嬉しいですね。
2章では、WordPressのセットアップをします。3つのレンタルサーバーを例に詳しいセットアップ方法から、WordPressの基本となる操作方法まで。
WordPressはバージョン3.8をベースにしての解説なので、最新の便利な機能をチェックしたい人にも役立ちます。
3章ではテーマとプラグインを使って、あなた用にWordPressをカスタマイズしていきます。
4章からはいよいよ、サイトを作ります！
まずは、Pinterest風レイアウトのポートフォリオサイト。写真や動画をかわいいレイアウトで配置し、各作品にはLikeや閲覧数を付けることもできます。
5章はショップやカフェ、そして6章はスモールビジネス用のサイト。
センスのよい清潔感のあるレイアウトで、汎用性の高いデザインです。
各章でつくるサイトは、初心者の人でも安心して作成できる詳しい解説があります。少し知識がある人なら、全章を読まないでその章だけを読むだけでも作れると思います。
各章ごとにいくつかそのサイトのみの機能があり、それぞれ特に詳しい解説がされています。
WordPressではじめるかわいいウェブサイトの目次
-
- ウェブサイトをWordPressにしよう
- WordPressとは？ -更新がしやすいウェブシステム
- 本書で作成するウェブサイト
- WordPressサイトを運用するレンタルサーバーを選ぶ
- オリジナルのドメインを取得する（準備と知識編）
- オリジナルのドメインを取得する（お名前.com編）
- レンタルサーバーで取得したドメイン名を設定する（さくらインターネット編）
- WordPressのバージョンアップ
-
- WordPressをインストールしよう
- WordPressをインストールする（さくらインターネット編）
- WordPressをインストールする（ロリポップ編）
- WordPressをインストールする（エックスサーバー編）
- WordPressの管理画面の概要を知る
- 投稿の下に表示されるコメント欄を非表示に設定する
- ブログのタイトルのキャッチフレーズを設定する
- ブログのエントリー（投稿）を新規追加する
- ブログのエントリー内に画像を投稿する
- 固定ページを新規追加する
- ブログURLを日付ベースに変更し、固定ページURLを変更できるようにする
- サンプルページを削除する
-
- WordPressテーマを使ってみよう
- WordPressテーマを変更する
- テーマを追加して利用する
- 外部サイトのテーマを購入するメリット
- GPLの有料テーマを購入するメリット
- プラグインを追加してWordPressサイトを機能強化する
-
- おしゃれな写真サイトのようなポートフォリオ
- 「Pinable」テーマをインストールする
- 本書のサンプルデータをインポートする
- 「BnnPinable」テーマの構成を確認する
- メディアのサイズを調整しながら画像のある投稿をする
- ギャラリーフォーマットで複数写真を投稿する
- ムービーを挿入する
- オーディオを挿入する
- カテゴリーを設定してプルダウンのメニューをつくる
- ロゴを変更する
- テーマオプションでできること
- ヘッダのカラーを好きな色に変更する
-
- ショップやカフェの公式サイト
- 「BnnShopTheme」テーマをインストールする
- タイトルとキャッチフレーズを変更する
- プラグインをインストールする（Advanced Custom Fields, Contact Form7）
- 本書のサンプルデータをインポートし、不要なページを削除する
- 「BnnShopTheme」テーマの構成を確認する
- トップページのスライドショーを作成する
- ショップブログ（店長ブログ）の記事を作成する
- テーマ編集でデザインのパターンを切り替える
- Facebookのウィジェットを設定する
- Twitterのウィジェットを設定する
- ブログサイトをお引っ越しする
-
- 小さな会社の事業紹介サイト
- 「BnnCompanyTheme」テーマをインストールする
- プラグインをインストールする
- 本書のサンプルデータをインポートする
- 不要なページは削除しておく
- 「BnnCompanyTheme」テーマの構成を確認する
- ロゴとサイト名を変更する
- カスタムフィールドの編集で会社情報を変更する
- プロダクト紹介のページに商品写真を掲載する
- トップページのスライドショーを作成する
- メールフォームの設定をする（Contact Form7）
- Newsのページに投稿する
-
- 自宅で教えるスクールのサイト
- 「Adelle」テーマをインストールする
- 「BnneSchool」テーマをインストールする
- プラグインをインストールする（Easing Slider Lite）
- 本書のサンプルデータをインポートする
- 「BnnSchool」テーマの構成を確認する
- プラグインを設定してトップページのスライドショーを作る
- サイトタイトルをオリジナルのロゴに変更する
- 固定ページでナビゲーションメニューを変更する
- 投稿のカテゴリを編集して、トップページにブログ新着を表示する
- ページ背景を変えてデザインを着せ替えする
- Googleを使ってカレンダーとマップを作る
- スマートフォンから更新する
-
- カート付きのショッピングサイト
- 「eStore」テーマをインストールする
- 「BnnStore」をインストールする
- テーマオプションで最小限のセットアップをする
- 「BnnStore」テーマの構成を確認する
- 画像と色を変えてガーリーなトップページにする
- 商品情報を登録する
- 注目商品の大きな画像を調整する
- トップページを微調整し、ナビゲーションメニューを編集する
- 固定ページを使って商品以外のページを作る
- 商品ページのデザインを調整する
- プラグインをインストールしてPayPal決済を導入する
-
- ミュージシャンのプロモーションサイト
- 「Wildhorn」テーマをインストールする
- 「BnnWildhorn」テーマをインストールする
- 「Wildhorn」のサンプルサイトでテンプレートのパターンを確認する
- カスタマイズ後のサイト構成を確認する
- Home Pageスタイルを使ってトップページを作成する
- Blogスタイルを使ってNewsぺーじを作成する
- ウィジェットを設定してNewsのページにサイドバーを表示させる
- Collectionスタイルを使ってディスコグラフィを作る
- BlogスタイルのLiveのページと映像再生のMovieページを作る
- ナビゲーションメニューまわりを整頓する
- ミニプレーヤーでオーディオを再生する
- 詳細を設定してトップページを仕上げる
ダウンロード特典
本書の購入者に限り、サンプルで使用している全テーマファイル（4-9章）をダウンロードして利用することができます。
また、それぞれオンラインで動作の確認もできます。
ダウンロード特典のオンラインデモ（4章の「Pinable」）
お店やカフェ、美容室、会社などの人たちが、自分達だけできちんとしたウェブサイトをつくりたい！ という時にオススメしたい本です。
ウェブ制作会社の人から見たら、クライアントをより理解するために役立ちます。
献本の御礼
最後に、献本いただいた編集関係者さまに御礼申し上げます。
当サイトでは随時、献本を受け付けています。
お問い合わせは下記よりお願いいたします。
sponsors
