WordVolcano(2012.7.14@マルヤガーデンズ/鹿児島) ---------------------- HTML,CSS,PHPなどのコードをさわらずに、既存テーマとプラグインでビジネサイトを作ってみよう、というセッションを行いました。

1. コードをさわらずに
ビジネスサイトを作ろう！
渕上印刷 鶴田真由美

2. 自己紹介
鶴田真由美
・鹿児島の渕上印刷というところでwebディレクターをしています。（今5年目くらい）
・WordBench鹿児島に時々参加させていただいています。
WordPressは・・・
・お仕事で使うことも結構多い。
・ぜーんぶ自分でカスタマイズしまくる！というよりは、色んなプラグインにお世話にな
りながら作るタイプ。

3. きっかけ
WordPressの魅力のひとつ＝豊富なプラグイン
「ひょっとして、既存のテーマとプラグインで
ビジネスサイトが作れるのでは？？」
やってみよう!!

4. 前提
・WordPressのインストールが完了している
やる事
1.「設定」の変更
2.「テーマ」を選ぶ
3.カスタムメニューを設定
4.「プラグイン」を有効化＆設定
5.おすすめプラグイン
「こんなプラグイン便利だよ」「こんな工夫してるよ」というお話を
皆さんから聞けたりするといいなー、とも。

5. 初期設定の変更
・一般・・・タイトルと説明を設定
・表示設定・・・「フロントページ」を設定
・ディスカッション・・・コメントを受けない
・パーマリンク設定

6. テーマ選び
今回はTwentyEleven
・シンプルでカスタマイズしやすい
・レスポンシブ！
・ショーケーステンプレート
他にも沢山ありますよ！

7. TwentyElevenで作ったサイトの例
鹿児島インターネットメディア推進協議会
http://kagoshima-internetmedia.org/

8. テーマカスタマイザー
3.4から導入された新機能！
テーマを反映させる前に
色やヘッダーの設定ができる
プレビューしながら設定できるので、とっても便利になりました

9. タイトルやメイン画像を替える
たとえばこんなメイン画像を・・・
サイトタイトルを画像にしてメインバナーにしてみます
TwentyElevenの場合
横幅は1000px、縦は自由でOK！

10. 背景やリンクの色もお好みで
今回はこんな
背景設定で

11. トップページを設定
ページを作成後、「表示設定」でフロントページを設定
TwentyElevenの場合は
ページ編集画面で「ショーケーステンプレート」を選択

12. 最新情報を表示させる
ショーケーステンプレート
この他にも…
「ウィジェット」の「最新の投稿」や
以下の「プラグイン」で実装できます
・Customizable Post Listings

13. こんなかんじになりました
デモサイト：http://webs.hacca.jp/example/

14. メニューを整える
カスタムメニュー

15. 最初に有効化するプラグイン
・WP Multibyte Patch
・Jetpack by WordPress.com
・Contact Form 7
今回は使いませんでしたが・・・
・Custom Post Type UI
・Custom Field Template

16. 画像をポップアップ（Lightbox）表示
LightBox系プラグインは充
実！
・LightBox Plus
・jQuery Colorbox
・WP SexyLightBox
・WP-Slimbox2 Plugin
・WP FancyZoom
・Fancybox
などなど・・・

17. スライドショーを表示させる
WP-Cycle
画像のサイズを設定し、
順番に画像を登録。
ショートコードをページに入力。
[wp_cycle]

18. お問い合わせフォームを作成
Contact Form7

19. よくある質問をつくる
FAQ Manager

20. SNSとの連携
Jetpackの「共有」

21. Facebook/Twitterにも同時投稿
WordBooker / SimpleTweet など

22. ケータイ対応
Ktai Style

23. SEO対策は？
All in One SEO
テーマでSEOが行われているものもあります。

24. GoogleAnalytics
Google Analyticator
アクセス数はJetpackでも集計可能！

25. 他にも便利なプラグインがいっぱい！
http://wordpress.org/extend/plugins/
WordPressプラグイン集
http://www.plugin-clip.com/
WordPressプラグインのクリップサイト
あとは色々な方のブログに書かれている情報を検索して・・・
（私もいつも色々な所にお世話になってますm(_ _)m）

26. 作ってみた感想
意外に作れて面白かった！
やっぱりプラグインが充実！
TwentyElevenの多機能さにびっくり。

27. でも正直、
テーマとプラグインだけでは
限界な部分も・・・

28. テーマを編集してみよう！
結構簡単です。
困ったときのCodexとフォーラム！