コンテンツ

「Webサイト制作とはなんぞや？」という初心者さんが、この本を見ながらひとつのサイトを完成させる事ができるような、そんな内容になっています。

• 今求められているWebクリエイターとは
• 計画をたてよう
• デザインの基礎
• Photoshopの基礎
• 細部にこだわったWebデザイン
• 実際に作ってみよう！①Photoshop編
• HTMLの基礎
• 実際に作ってみよう！②HTML編
• CSSの基礎
• 実際に作ってみよう！③CSS編
• Webサイトを公開しよう！

計画をたてるところからスタート！

Webサイト制作について勉強している人の中には、突然PhotoshopやHTMLの学習から始める人もいます。もちろん間違いではないのですが、今後Webデザイナーとして活躍するには理由を説明できる能力が必要不可欠です。「なぜそのWebサイトが必要なのか」「なぜその配色なのか」「なぜそのコーディング方法なのか」…。クライアントに説明する時はもちろん、将来後輩に教える立場になる人もいるでしょう。はじめから理由を考えながら制作する癖をつけておくことが大切です。

この本では冒頭から「Webサイトの目的」「ターゲット層の決定」を軸にサイト制作のすすめかたを説明しているので、デザインに入る前の段階から少しずつ学ぶことができます。

すでにWebデザイナーの人にも！

この本は基本的に初心者さん向けのものですが、すでにWeb屋として活躍中の方からも「参考になった！」との声をいくつか頂きました。ありがとうございます！そういった方々の中で人気だったコンテンツは

• 配色とデザイン
• 「ユーザビリティ」について考える
• インスピレーションの探しかた
• 細部にこだわったWebデザイン
• 「ブロックレベル要素」と「インライン要素」
• デフォルトCSSをリセットする

などでした。

他にも意外と見落としがちな「クラスとIDの違い」や「画像形式の違い」などについても説明しています。「後輩に聞かれて答えられなかった…」なんて事がないように、確認し直す意味でも初心に返れていいかもしれません！

実際に作りながら学べる！

この本では「実際に作ってみよう！」と題し、Photoshopの使い方やHTML、CSSについて、ひとつのサイトを実際に作って説明しています。基本的な事がわかっていても、実際に作ってみないと本当に理解できているかわかりません。実践こそがWebクリエイターになるための近道！という事で本で紹介したサンプルPhotoshopファイル、HTMLファイル、CSSファイルをダウンロードして本と見比べながら勉強をすすめましょう！

ダウンロード

ブックカバーをダウンロード

今販売されている本の表紙は私がデザインした表紙ではありません。コレやこの辺から察してください。なので、私のオリジナルデザインの表紙を無料配布しています。印刷してお使い下さい。

ダウンロード

今すぐ購入する！

下記のリンク先で購入できます。

Amazonで購入
楽天ブックスで購入

ただでさえ文章書くのが苦手なのに240ページを一人で書くのは本当に本当に大変でした…。バンバン本を出版している人、すごいです…。それだけで尊敬します…。この本を読んで少しでも参考になる点があれば幸いです！

また、今回編集・出版に携わった方にはこの場を借りて御礼申し上げます。本当にありがとうございました！ :)

当選者の発表

応募総数542！たくさんのご応募ありがとうございました！

1. プロジェクト管理ツール「Backlog」プレミアムプラン

• @nkairiさん

2. サイトマップ・ワイヤーフレーム作成ツール「Cacoo」Plusプラン

• @goma_monakaさん
• @copal_resinさん

3. SuperPrint 名刺100枚両面カラー印刷

• @nnjyamiさん
• @taqumoさん
• @satonishikiyoさん
• @pringles0717さん
• @chero0603さん

4. クラウドテンプレート ゴールドプラン

• @rakugakiさん

5. 画像素材の「YOURSTOCK」定額プラン

• @sora_aineさん

おめでとうございます！まだDMが届いてないという方はご連絡ください。2週間以内に返答が無い場合には当選を無効とさせていただきます。その場合、別の当選者へ当選権をうつしますのであらかじめご了承ください。

プレゼント一覧

1. プロジェクト管理ツール「Backlog」プレミアムプラン

Backlog（バックログ）は楽しくチームで仕事をすすめられるプロジェクト管理ツールです。スケジュールが一目で確認できるガントチャートや、課題の管理、ファイル共有、Wikiなど、プロジェクトをすすめる上で必要な機能がギュッとつまったツールです。

進捗状況を一目で確認！とにかく「パッと見てわかりやすい」プロジェクト管理ツールです。

このBacklog プレミアムプラン 半年分（49,140円）を抽選で1名様にプレゼント！

2. サイトマップ・ワイヤーフレーム作成ツール「Cacoo」Plusプラン

Cacoo(カクー)は私も愛用している、Web上で簡単にサイトマップやワイヤーフレームを作成できるツールです。Webで使うようなフォームの部品やソーシャルアイコン、スマートフォンのパーツなど、多くの図形が用意されているので、直感で操作することができます。チームメンバーやクライアントとリアルタイムでやり取りできるのも魅力のひとつ。

人気のサービスなので、すでに無料プランを登録している人もいるかと思います。が、無料プランだと作成できるシート数や共有フォルダ数に限りがあり、「ぐぬぬ…」という思いをしている方もいるのでは！？

そこで、Cacoo Plusプラン １年分（4,800円）を抽選で2名様にプレゼントします！

3. SuperPrint 名刺100枚両面カラー印刷

以前「特殊な用紙・加工でかっこいい名刺が作れる印刷会社いろいろ」という記事でも紹介した、名刺印刷のSuperPrint。低価格で高品質な名刺を印刷できるため、私もいつもお世話になっています。

中でも人気のマシュマロホワイト、ホワイトメタル、シェファードという用紙。どんなデザインにしようかとワクワクしてきちゃいますね！

という事で、名刺100枚両面カラー印刷（マシュマロホワイト／ホワイトメタル／シェファード）（〜4,200円）を抽選で5名様にプレゼント！お好きな用紙を選んでください！

※用紙は当選後お伺いします。
※データ入稿での印刷となるため、当選者もSuperPrintサイトに登録し、ご自身で作成したデザインデータをai形式で入稿する必要があります。
※SuperPrintサイトの各ページをご覧いただき、ご発注はご自身でお願いいたします。
※オプション加工については別途料金が発生します。

4. クラウドテンプレート ゴールドプラン

クラウドテンプレートではWeb制作会社も使えるHTML／CSS、WordPress、Facebookページなどのテンプレートがダウンロードできるサイト。かわいい〜かっこいいまで、様々なデザインのテンプレートが用意されています！（テンプレート一覧はこちら）中にはスマートフォンにも対応した今話題のレスポンシブデザインも！

イチオシは、375種類のHTML、18種類のアメブロ、12種類のFacebookページテンプレートがダウンロードし放題の「ゴールドプラン」。テンプレートはどんどん追加されていくようです！

このクラウドテンプレート ゴールドプラン（19,800円）を抽選で1名様にプレゼント！

5. 画像素材の「YOURSTOCK」定額プラン

YOURSTOCK（ユアストック)は、広告物・販促物や書籍・雑誌、Webサイトの制作にはもちろん、プレゼンテーション資料などにも幅広く使えるイラスト・写真素材が定額料金で使い放題になるサービスです。

人物写真をはじめ、ビジネスやイベントで使えるような写真がいっぱい！画像はカテゴリー一覧から確認できます！これからは冬の画像を使う機会が多いのではないでしょうか？このように季節ごとにカテゴリー分けしてくれているのもありがたいですね。

このYOURSTOCK定額制　3日プラン（15,750円）を抽選で1名様にプレゼント！

※使用できる用途についてはこちらをご覧ください。
※最大ダウンロード可能枚数は60枚、1日のダウンロード上限枚数は20枚です。

注意事項

• 非公開アカウントの場合ハッシュタグを拾えないので無効となります。
• 当選者のお名前、メールアドレスを企業様へ開示いたします。
• 当記事内で当選者のTwitterアカウントを発表いたします。
• 応募者のTwitterアカウント、当選者のメールアドレスは商品の抽選または発送以外の目的で使用いたしません。
• 応募はお一人様一商品、一回まで。重複アカウントは無効とさせて頂きます。
• プレゼントの賞品・サービスに関するお問い合わせは直接各企業様へお願いします。

応募方法

1. @webcreatorboxをフォローする

まだフォローしていない方は @webcreatorbox を今すぐフォロー！

2. 欲しい商品をTweetする

注意事項をよく読み、同意した方は欲しい商品タイトルをクリック！またはテキストをコピーしTweetしてください。

1. Backlog プレミアムプラン 半年分に応募する！

#WCBプレゼント プロジェクト管理ツールの @backlogapp プレミアムプラン半年分（49,140円）に応募する！ http://tinyurl.com/85jhf5b

2. Cacoo Plusプラン １年分に応募する！

#WCBプレゼント サイトマップ・ワイヤーフレーム作成ツール @cacooapp Plusプラン１年分（4,800円）に応募する！ http://tinyurl.com/85jhf5b

3. SuperPrint 名刺100枚両面カラー印刷に応募する！

#WCBプレゼント SuperPrintの名刺100枚両面カラー印刷（〜4,200円）に応募する！ http://tinyurl.com/85jhf5b

4. クラウドテンプレート ゴールドプランに応募する！

#WCBプレゼント Webサイト用テンプレートがダウンロードし放題！ @c_tpl のゴールドプラン（19,800円）に応募する！ http://tinyurl.com/85jhf5b

5. YOURSTOCK 定額プランに応募する！

#WCBプレゼント 画像素材ダウンロードサイト @yourstock_jp の定額制 3日プラン（15,750円）に応募する！ http://tinyurl.com/85jhf5b

3. 応募締め切り

締め切りました。

日本時間 2012年1月8日（日）24:00 で締め切ります。

4. 当選者の発表

2012年1月9日に当記事内で当選者のTwitterアカウントを発表いたします。また、@webcreatorboxから当選者へDMを送らせて頂きます。当選者のメールアドレスを各企業様へ開示し、商品・サービスの発送となります。

ご応募お待ちしております！

2011年ハイライト

今年あった出来事をまとめました。年明け早々起こったあの事件にすべてを持っていかれたような一年です。

• 1月4日 1歳になる
• 1月12日 無断転載事件発生
• 1月29日 Yamada氏とともに帰国を歓迎してもらう
• 2月16日 アルファブロガー・アワード&特別賞を受賞
• 夏頃 いろいろあって絶不調。物思いにふける
• 8月31日 FacebookページでもTwitterと同じ情報の配信を開始
• 11月7日 Google+ページ作成
• 12月9日 デザインをリニューアル
• ちなみに記事を書いた場所は、2011年1月はオーストラリア・シドニー、2・3月は日本・広島、4月以降はカナダ・バンクーバー

アクセスの多かった記事 トップ10

今年書いたものでアクセスの多かったものをまとめました。

1. 少しのコードで実装可能な20のjQuery小技集
2位との差10万PVの堂々一位の記事です。オーストラリアから帰国した当日に公開した記事だったような。公開当日のアクセス数はそこまででもなかったのですが、検索からのアクセスが多く、今でも毎日たくさん見ていただいているようです。

この記事をRTする

2. WordPress オリジナルテーマの作り方 3.0+
WordPressのバージョンが変わって仕様が大幅に変わったため、3.0に対応したテーマの作り方を記事にしてみました。サンプルとして無料テーマも配布しています。

この記事をRTする

3. 国内Web業界で活躍する方の素敵な名刺デザインいろいろ
オフ会時に素敵な名刺をたくさん頂いたのでまとめて掲載しました。名刺のデザインをまとめた記事ってよく見かけますが、国内のってなかなか見ないので、参考になるかと思います。…いやあオフ会楽しかったですね！

この記事をRTする

4. 無断転載パクリブログ事件のまとめ
無断転載→画像差し替えで話題になった事件。発生から３日間で約15万PVを叩き出し、Togetterはじめニュースサイトでも話題になったりしました。これをなしにはWebクリエイターボックスの2011年は語れないでしょう…。

この記事をRTする

5. Web屋の私がブックマークしているサイト65
久しぶりにブックマークの整理をするついでにまとめてみたこの記事。はてなブックマークからのアクセスが圧倒的に多いです。

この記事をRTする

6. Firefoxで使用していた＆Chromeで使用中の拡張機能 計36個
Chromeにも拡張が増えたのでFirefoxから完全に移行しました記念の記事です。

この記事をRTする

7. Web屋さんのための新年の抱負アイデア24
この記事自体の戦闘力はほとんどないのですが、例の事件の被害にあった記事なのでアクセスが集中しました。

この記事をRTする

8. カテゴリー別配色アイデア100
配色って簡単なようで奥が深く、食わず嫌いしてる方も多いのでは？と思いサンプルをズラリと並べてみました。100個探すのはさすがに大変でしたよフフフ…。

この記事をRTする

9. 【一部閲覧注意】いろんな意味でインパクトありすぎるWebサイト10
この感性は単純にすごいと思うんです。

この記事をRTする

10. 生活をもっと便利に・楽しくしてくれる無料Webサービスいろいろ
いつも使っているものやおすすめのサービスをまとめてます。こちらもはてなブックマークからのアクセスが多いです。

この記事をRTする

はてブされた記事 トップ10

相変わらずまとめ記事強いです。

1. Web屋の私がブックマークしているサイト65
2. 生活をもっと便利に・楽しくしてくれる無料Webサービスいろいろ
3. 少しのコードで実装可能な20のjQuery小技集
4. カテゴリー別配色アイデア100
5. 空いた時間でお小遣い稼ぎ！フリーランスWeb屋さんにおすすめのサブプロジェクト
6. Firefoxで使用していた＆Chromeで使用中の拡張機能 計36個
7. WordPressでどんなサイトでも作れちゃう気になれる無料プラグイン9個
8. 少しの手間で大きく変わる、細部にこだわったWebデザインを
9. 海外Webサイト・海外Web屋の特徴
10. 特殊な用紙・加工でかっこいい名刺が作れる印刷会社いろいろ

検索されたワード トップ10

順位の変化はあるものの、昨年に比べ検索語句自体はあまり変化ないです。

1. jquery
2. webクリエイターボックス
3. 名刺 デザイン
4. ポートフォリオ
5. wordpress プラグイン
6. wordpress テンプレート
7. ワイヤーフレーム
8. css ハック
9. facebook
10. webクリエイター

参照元サイト トップ10

去年は圏外だったFacebookが４位にランクイン。ニコニコニュース、Togetterは例の事件関連の記事からのアクセスです。

1. はてなブックマーク
2. Twitter
3. Google Japan
4. Facebook
5. ホームページを作る人のネタ帳
6. Google
7. かちびと. net
8. ニコニコニュース
9. Togetter
10. Webデザインレシピ

ビジターの使用ブラウザー トップ5

括弧内は前年比です。昨年はダントツ一位だったFirefoxですが、Chromeがジリジリと追いあげてきています。来年はChromeが追い越してしまいそうな勢いですね。IE6, IE7, Opera は1%ちょっとです。

1. Firefox – 32.31% (-10.37)
2. Chrome – 28.05% (+9.76)
3. Safari – 15.44% (+1.89)
4. IE8 – 12.37% (-0.96)
5. IE9 – 2.38% (+2.38)

今年はWebクリエイターボックス開始から２年目という事で、昨年よりも「ブログ見てるよ！」の声を多く頂きました。ただその声を多く頂くごとにコメントやTwitter等の返信ができなくなってしまいました…。すべてかかさず目を通していますよ！時に励みに、時に勉強になります。ありがとうございます！来年もWebクリエイターボックスをよろしくお願いします！

リデザインの理由

ブログ立ち上げたばかりの頃は、日本のブログをほとんど見たことがなく、日本のWeb業界に知り合いもいなかったため、ブログを読んでもらうにはまず「インパクト」が大切だと思いました。記事の内容はもちろん大切ですが、一度見たサイトを覚えて頂くことも大切かな、と。なのでレイアウトも通常のブログとはちょっと変えて、大きなヘッダーで「なんか他のブログとは違う」デザインにしました。

ただそれでは読みづらい、使いづらいサイトになるだろうなあ…という事はわかっていたので、人気がでてきたらすぐにリデザインするつもりでいました。それまで最低でも一年くらいはかかるだろうと思っていたら、１ヶ月後にはアクセスが急増してしまったため、リデザインのタイミングを見失ってしまった感はあります…。申し訳ないっす。

で、やっと今年の春頃リデザインにとりかかりました。時間が確保できなかったのでチビチビと。この時のデザインは結構イメージをガラリと変えてキレイめな整ったデザインでした。が、完成間近になってなんだか嫌気がさしたのでまた最初からやり直すなど。

勝手に「前髪」と読んでるギザギザ部分や、配色、斜めな感じ、斜線はだいたいそのまま。

仕様

WordPressプラグイン

使用しているプラグインいろいろ。目新しいプラグインは使っていないので、ざっと羅列してみます。

• Akismet – スパム防止
• All in One SEO Pack – 検索エンジンに最適化
• Contact Form 7 – コンタクトフォーム
• Disqus Comment System – コメント欄に機能をつける
• FancyBox – 画像のライトボックス
• SyntaxHighlighter Evolved – コードを色分けして表示
• WordTwit – 投稿記事を自動的にTweet
• WP-DBManager – データベース管理
• WP-PageNavi – ページ送りの部分
• WP-PostViews – アクセス数による人気記事順表示
• WP Super Cache – 表示を早くする

可変幅とiPhoneサイト

メインコンテンツ部分の幅は％指定してウィンドウサイズに合わせて可変する仕様です。リキッドレイアウトってやつですかね。スマートフォン用にはCSS3のMedia Queriesを使って対応させました。スマートフォンについてはもうちょっと使いやすくなるんじゃないかなあ…と更なる改善案を考え中です。

カテゴリー部分

カテゴリーをクリックすると突然カテゴリー内の記事一覧ページへとぶのではなく、スライダーを使って最新５件を先に表示するようにしました。「もっと表示」をクリックで一覧ページにとびます。

エラーページ

「33 Unique Eye Catching 404 Error Pages」のようなエラーページのデザインを集めた記事を見て「なんかいいなあ」ってことでサックリ作ってみました。エラーページはなるべく表示させたくないんですけどね…。カフェでこれ描いてたら「Hey you! You’re Mangaka eh!?（おいネーちゃん、マンガカか！？）」と聞かれたりなんだり。

フォントサイズ

前のデザインではメインのフォントサイズを14pxにしていましたが、今回ちょっと大きい16pxに変更しました。コンテンツ部分の横幅が広くなった分、14pxだとなんだか小さい気がしまして…。

サーバー変更

落ちまくりな弱小サーバーから、VPSとやらに変更しました。今まで「サーバー落ちてるよ！」というご連絡を頻繁に頂いていたのですが、どうにかなるのではないかと思います。これでサーバー落ちちゃったら…私はどうすれば…。

いろいろ削除

「なんかゴッチャゴチャしてるなあ…」という事で削除できそうなものは削除してみました。

アンケート

WP-Pollsというプラグインを使って、Webに関するちょっとしたアンケートを設置していましたが削除しました。ちょいちょい記事のネタに使っていたのですが、Facebookページでも同様に簡易アンケートはとれるなあ…と思ったので取ることにしました。

タグクラウド

これは最後まで悩んだのですが、タグクラウド内リンクのクリック率が0.4%以下と思っていた以上に低かったので実験的に取ってみました。「タグ一覧便利なのに！」という声が多ければ復活の可能性大。

シンプルなフッター

前回のWebクリエイターボックスではフッターにコンタクトフォームや私の紹介文を掲載していましたが、こちらも削除してかなりシンプルなフッターになりました。

削除の理由は「オートページャー、使ってますか？」というアンケートをとっていたのですが、意外と使っている方が多かったので。オートページャーとは、記事一覧ページや検索結果ページなど、分割されたサイトを同じページ内に自動で表示していく機能です。Firefox Add-ons やChromeエクステンションでその機能をプラスすることができるようです。オートページャーを使っているユーザーには、フッターにコンテンツがあっても永遠に見ることができないらしいので削除しました。

まだテスト仕様のものがいくつかあったり、付け足したかった大きな機能が１つ実装できてないので、完了次第またお知らせします。乞うご期待！バグ報告なんぞありましたらお気軽にご連絡ください！

1. SNS

BuddyPress

WordPressをSNSとして運営することができるプラグイン、BuddyPress。過去記事「WordPressプラグイン「BuddyPress」でSNSサイトを作成」で詳しく紹介しています。サンプルサイトもあるので実際に使ってみてください！

友達の申請やメッセージを送ったり…

「今なにしてる？」系のコメントができたり…

グループ（Mixiでいうコミュニティ）を作成できたり…

BuddyPressで使える便利なプラグイン（プラグインのためのプラグイン…）もたくさんありますよ。ぜひ使ってみてください。

2. ECサイト

WP e-Commerce

WP e-Commerceは有名なECサイト構築用プラグイン。商品の追加や料金の設定など、簡単にできます。特に配送の必要のないダウンロード商品を販売したい時は便利です。

管理画面から細かい設定可能。

「商品カテゴリー」「買い物かご」「スペシャルオファー」など、独自のウィジェット付き。ドラッグ＆ドロップでサイドバーに実装できます。

通常のテーマからWP e-commerceの機能に合わせてテーマをカスタマイズするには少し慣れが必要かも。このプラグインを使用することを前提として作成されたテーマはこのあたりで配布されています。ただし多機能なテーマなのでほとんどが有料。Tokokooではいくつかのテーマが無料で配布されているようです。

3. 不動産

不動産プラグイン

不動産サイトをサクッと作れる不動産プラグイン。不動産サイトに必要なものは全てそろっていると言っても言い過ぎじゃないです。日本のものなのでもちろん日本語で使えます。デモサイトあるので、どんなことができるのか試してみてください。

管理画面のツールから設定できます。物件の登録は用意されているフォームに入力するだけ。

QRコードまで生成できて文句なしですね。

他にも実際にプラグインを導入しているサイトの実例を見ることができます。また、「不動産サイト構築がとても楽になる国産で無料のWordPressプラグイン見つけた」という記事で詳しい使い方が紹介されています。

4. 求人情報

Job Manager

Job Managerはサイトに求人情報を簡単に掲載することができるプラグイン。基本的には自社求人の掲載を目的に作られたプラグインですが、WordPressをマルチサイト化すれば求人サイトの作成も簡単にできそうです。

管理画面の左サイドに設定項目が追加されています。「Add Job」で新しい求人情報を追加できます。「Apply Now」からエントリーフォームへ進みます。

5. 請求書作成

WP-Invoice

WP-InvoiceはWordPress内で請求書の作成、管理ができるプラグイン。こちらもWordPressをマルチサイト化して請求書サービスを運営できそうですね！

プラグインを有効化すると「Invoice」という項目ができています。「Add New」から新しい請求書を作成します。請求書の内容・金額などを入力して保存。

メール通知用のテンプレートが表示されます。テンプレート内容は「Settings」の「Email Templates」で変更できます。メール通知をすると請求書内容のページがクライアントに送られるので、下のフォームに入力してもらい、入金の手続きができます。

6. レシピ

RecipePress

RecipePressは簡単にレシピを追加していくことができるプラグイン。レストランサイトで簡単な一品メニューのレシピを公開したり、マルチサイト化してレシピの共有サイトを作ったりと、料理好きにはたまらない（かもしれない）プラグインです。プラグインのサイトでデモが見れます。デモサイトではユーザーがレシピを投稿できるレシピ共有フォームも設置しています。

管理画面のサイドバーに「Recipes」項目が追加されています。「Add New」から新しいレシピを追加。材料などはフォームに入力していくだけ。「Setting」から表示する項目（準備時間、調理時間、何人分かなど）や画像のサイズなどが設定できます。

7. 画像販売

Image Store

Image Storeであなたが撮影した写真を販売することができます。こちらも画像販売サイトとしてWebサービス化できそう。スライドショーやライトボックスでの表示も最初から設定されています。「Settings」で画像の料金、サイズ、スライドショー、ウォーターマークなどの設定ができます。カスタマイズするときにはこちらのショートコードなんぞ役に立つかもです。

「Gallery」の項目が追加されています。「Add New」から画像を追加。会員のみが画像を見れるように設定することもできます。

ショッピングカートに入れるとこんな感じ。クーポンコードの設定もできるようです。

8. 寄付

Donation Can

Donation CanはWebサイト上で寄付金を募れるプラグイン。目標金額の設定もでき、目標額までの達成度バーも表示・非表示選べます。

「Add New Cause」で新しい寄付の目的と目標金額を設定します。

Donation Can用ウィジェットも追加されているので、ドラッグ＆ドロップでサイドバーに表示。

その他、「General Settings」で通貨やありがとうメッセージの文章をカスタマイズ、「Add New Donation」で手動で寄付金を登録できます。

追記：日本ではPayPalを利用しての個人間の送金は法律で禁じられているそうです。知りませんでした…。ご指摘頂きありがとうございます。

9. 予約システム

easyReservations

easyReservationsでユーザーに予約してもらう事ができるカレンダーを導入できます。ホテル、レストラン、美容院など、様々なサイトに取り入れられそうです。

管理画面に「Reservations」の項目ができてます。「Setting」でフォームに表示する内容やメール通知の文章などを設定できます。また「Add Reservation」から手動で予約を入れられます。

基本的にこのプラグインはホテルの部屋を予約するために作られているので、予約が部屋単位となっています。予約用の投稿カテゴリーを作成し、お部屋の名前を記事で登録。Setting > General > Reservation Settings > Room Categoryで予約用のカテゴリーを選択。時間単位で予約してもらいたいときは、単純にお部屋の名前のところを「18:00～19:00」のように時間で表示させればできるかなあと思います。

また、時間指定は有料ですが、「Booking Calendar」もよさそうでした。

わくわくしてきましたか？他にも「こんなわくわくあるよ！」というプラグインがあればぜひ教えてください！

私がまとめ記事を書くといつも数字のキリが悪いよ＼(^o^)／