WordPressできちんとしたかわいいサイトを作りたい人にオススメの本

自分の作品を発表するポートフォリオ、ショップやカフェ、美容室、おけいこ教室、オンラインショップ、スモールオフィスなど、小さいながらもきちんとしたかわいいウェブサイトを作成したい人にオススメの一冊を紹介します。

本のキャプチャ

本書の対象は、専門知識がない人でもOK! もちろんある程度の知識を持っている人の方がよいですが、レンタルサーバーの選び方からドメインの取得、WordPressの設置、そして自分用のカスタマイズまで、自分のサイトが完成して公開するまで、分かりやすく解説されています。

本のキャプチャ

WordPressではじめるかわいいウェブサイト
[Amazonでみる]
[楽天でみる]

著:
アークフィリア、坂本 典子、ななきち
編集:
アマルゴン
出版社:
ビー・エヌ・エヌ新社
発売日:
2014/2/18

そんな本書の中身を紙面のキャプチャで少しだけご紹介。

本のキャプチャ

全体の構成は、こんな感じです。

誌面のキャプチャ

「初心者向けの本」と聞くと、センスのないイラストやキャラクターが満載で、文字も無駄に大きかったりという偏見を持っているのですが、この本は違います!
各ページのステップごとにキャプチャ付きの説明があり、非常にすっきりしたレイアウトで、読みやすいです。

誌面のキャプチャ

この本では、全部で6タイプのウェブサイトを作ります。
まずは、ポートフォリオ、ショップやカフェのサイト。

誌面のキャプチャ

残りの4つは、スモールビジネス用の事業紹介サイト、おけいこ教室、カート付きのショッピングサイト、プロモーションサイト。
どれもかわいく、丁寧にデザインされています。

誌面のキャプチャ

1章は準備編。
レンタルサーバーの選び方、ドメインの取得方法などが詳しく書かれています。すぐには必要ないかもしれないけど、この先、役に立つちょっと掘り下げた知識もしっかり書かれているのが嬉しいですね。

誌面のキャプチャ

2章では、WordPressのセットアップをします。3つのレンタルサーバーを例に詳しいセットアップ方法から、WordPressの基本となる操作方法まで。

誌面のキャプチャ

WordPressはバージョン3.8をベースにしての解説なので、最新の便利な機能をチェックしたい人にも役立ちます。

誌面のキャプチャ

3章ではテーマとプラグインを使って、あなた用にWordPressをカスタマイズしていきます。

誌面のキャプチャ

4章からはいよいよ、サイトを作ります!
まずは、Pinterest風レイアウトのポートフォリオサイト。写真や動画をかわいいレイアウトで配置し、各作品にはLikeや閲覧数を付けることもできます。

誌面のキャプチャ

5章はショップやカフェ、そして6章はスモールビジネス用のサイト。
センスのよい清潔感のあるレイアウトで、汎用性の高いデザインです。

誌面のキャプチャ

各章でつくるサイトは、初心者の人でも安心して作成できる詳しい解説があります。少し知識がある人なら、全章を読まないでその章だけを読むだけでも作れると思います。

誌面のキャプチャ

各章ごとにいくつかそのサイトのみの機能があり、それぞれ特に詳しい解説がされています。

WordPressではじめるかわいいウェブサイトの目次

  1. ウェブサイトをWordPressにしよう
    WordPressとは? -更新がしやすいウェブシステム
    本書で作成するウェブサイト
    WordPressサイトを運用するレンタルサーバーを選ぶ
    オリジナルのドメインを取得する(準備と知識編)
    オリジナルのドメインを取得する(お名前.com編)
    レンタルサーバーで取得したドメイン名を設定する(さくらインターネット編)
    WordPressのバージョンアップ
  2. WordPressをインストールしよう
    WordPressをインストールする(さくらインターネット編)
    WordPressをインストールする(ロリポップ編)
    WordPressをインストールする(エックスサーバー編)
    WordPressの管理画面の概要を知る
    投稿の下に表示されるコメント欄を非表示に設定する
    ブログのタイトルのキャッチフレーズを設定する
    ブログのエントリー(投稿)を新規追加する
    ブログのエントリー内に画像を投稿する
    固定ページを新規追加する
    ブログURLを日付ベースに変更し、固定ページURLを変更できるようにする
    サンプルページを削除する
  3. WordPressテーマを使ってみよう
    WordPressテーマを変更する
    テーマを追加して利用する
    外部サイトのテーマを購入するメリット
    GPLの有料テーマを購入するメリット
    プラグインを追加してWordPressサイトを機能強化する
  4. おしゃれな写真サイトのようなポートフォリオ
    「Pinable」テーマをインストールする
    本書のサンプルデータをインポートする
    「BnnPinable」テーマの構成を確認する
    メディアのサイズを調整しながら画像のある投稿をする
    ギャラリーフォーマットで複数写真を投稿する
    ムービーを挿入する
    オーディオを挿入する
    カテゴリーを設定してプルダウンのメニューをつくる
    ロゴを変更する
    テーマオプションでできること
    ヘッダのカラーを好きな色に変更する
  5. ショップやカフェの公式サイト
    「BnnShopTheme」テーマをインストールする
    タイトルとキャッチフレーズを変更する
    プラグインをインストールする(Advanced Custom Fields, Contact Form7)
    本書のサンプルデータをインポートし、不要なページを削除する
    「BnnShopTheme」テーマの構成を確認する
    トップページのスライドショーを作成する
    ショップブログ(店長ブログ)の記事を作成する
    テーマ編集でデザインのパターンを切り替える
    Facebookのウィジェットを設定する
    Twitterのウィジェットを設定する
    ブログサイトをお引っ越しする
  6. 小さな会社の事業紹介サイト
    「BnnCompanyTheme」テーマをインストールする
    プラグインをインストールする
    本書のサンプルデータをインポートする
    不要なページは削除しておく
    「BnnCompanyTheme」テーマの構成を確認する
    ロゴとサイト名を変更する
    カスタムフィールドの編集で会社情報を変更する
    プロダクト紹介のページに商品写真を掲載する
    トップページのスライドショーを作成する
    メールフォームの設定をする(Contact Form7)
    Newsのページに投稿する
  7. 自宅で教えるスクールのサイト
    「Adelle」テーマをインストールする
    「BnneSchool」テーマをインストールする
    プラグインをインストールする(Easing Slider Lite)
    本書のサンプルデータをインポートする
    「BnnSchool」テーマの構成を確認する
    プラグインを設定してトップページのスライドショーを作る
    サイトタイトルをオリジナルのロゴに変更する
    固定ページでナビゲーションメニューを変更する
    投稿のカテゴリを編集して、トップページにブログ新着を表示する
    ページ背景を変えてデザインを着せ替えする
    Googleを使ってカレンダーとマップを作る
    スマートフォンから更新する
  8. カート付きのショッピングサイト
    「eStore」テーマをインストールする
    「BnnStore」をインストールする
    テーマオプションで最小限のセットアップをする
    「BnnStore」テーマの構成を確認する
    画像と色を変えてガーリーなトップページにする
    商品情報を登録する
    注目商品の大きな画像を調整する
    トップページを微調整し、ナビゲーションメニューを編集する
    固定ページを使って商品以外のページを作る
    商品ページのデザインを調整する
    プラグインをインストールしてPayPal決済を導入する
  9. ミュージシャンのプロモーションサイト
    「Wildhorn」テーマをインストールする
    「BnnWildhorn」テーマをインストールする
    「Wildhorn」のサンプルサイトでテンプレートのパターンを確認する
    カスタマイズ後のサイト構成を確認する
    Home Pageスタイルを使ってトップページを作成する
    Blogスタイルを使ってNewsぺーじを作成する
    ウィジェットを設定してNewsのページにサイドバーを表示させる
    Collectionスタイルを使ってディスコグラフィを作る
    BlogスタイルのLiveのページと映像再生のMovieページを作る
    ナビゲーションメニューまわりを整頓する
    ミニプレーヤーでオーディオを再生する
    詳細を設定してトップページを仕上げる

ダウンロード特典

本書の購入者に限り、サンプルで使用している全テーマファイル(4-9章)をダウンロードして利用することができます。
また、それぞれオンラインで動作の確認もできます。

デモのキャプチャ

ダウンロード特典のオンラインデモ(4章の「Pinable」)

お店やカフェ、美容室、会社などの人たちが、自分達だけできちんとしたウェブサイトをつくりたい! という時にオススメしたい本です。
ウェブ制作会社の人から見たら、クライアントをより理解するために役立ちます。

本のキャプチャ

WordPressではじめるかわいいウェブサイト
[Amazonでみる]
[楽天でみる]

著:
アークフィリア、坂本 典子、ななきち
編集:
アマルゴン
出版社:
ビー・エヌ・エヌ新社
発売日:
2014/2/18

献本の御礼

最後に、献本いただいた編集関係者さまに御礼申し上げます。

当サイトでは随時、献本を受け付けています。
お問い合わせは下記よりお願いいたします。

top of page

©2017 coliss