WordPressでサイト作成するときに知っておくといいことあれこれ

WordPressでサイト作成するときに知っておくといいことあれこれ

1. 1. で サイトを作るとき 知っておくと便利なこと あれこれ 山口 有由希 13年10月21日月曜日
2. 2. 自己紹介 13年10月21日月曜日
3. 3. や ま ぐ ち ゆ う き 山口 有由希 @yuki930 福岡県在住、長崎県出身 フロッグマンオフィス所属 Webデザイナー 13年10月21日月曜日
4. 4. 13年10月21日月曜日
5. 5. スタンプフォント！ --スタンプみたいにペタペタ使えるフリーフォント 13年10月21日月曜日
6. 6. 大体WordPressで サイトを作っています 13年10月21日月曜日
7. 7. 今日はこれまで WordPressで制作してきて 役立った／便利だった 情報をまとめてきました！ 13年10月21日月曜日
8. 8. はじめに質問です 13年10月21日月曜日
9. 9. WordPress使ったことありますか？ ✦ 全くない ✦ 用意されたもので記事を書いたり 編集したり触ったことがある ✦ 自分でインストールして 使ったことがある ✦ テーマにもバリバリ手を入れて 使ったことがある 13年10月21日月曜日
10. 10. 本日の流れ 13年10月21日月曜日
11. 11. ✦ WordPressでサイト構築 「基本のき」の設定 ✦ 標準機能でここまで拡張できる！ カスタム○○機能 ✦ 便利プラグイン紹介 ✦ まとめ 13年10月21日月曜日
12. 12. WordPressでサイト構築 「基本のき」の設定 13年10月21日月曜日
13. 13. がっかりさせてゴメンナサイ画面 13年10月21日月曜日
14. 14. 13年10月21日月曜日
15. 15. パーマリンク設定 ✦ URLの構成を決定します http://wpdocs.sourceforge.jp/管理画面/パーマリンク設定/ 13年10月21日月曜日
16. 16. メディアの設定 ✦ アップロードする画像のサイズを設定します 13年10月21日月曜日
17. 17. 一般設定 ✦ サイトのタイトルなどを設定します 13年10月21日月曜日
18. 18. プラグインの有効化 ✦ WordPressを日本語環境で適切に動かすため のプラグインを有効化します 13年10月21日月曜日
19. 19. 詳しくは WordPressを インストールしたら最初に やってることまとめ http://blog.v-colors.com/wp-first-setting.html 13年10月21日月曜日
20. 20. 標準機能でここまでできる! カスタム●●の紹介 13年10月21日月曜日
21. 21. カスタムフィールド 投稿に対して詳細な項目を指定して 値を登録することができます 13年10月21日月曜日
22. 22. プラグインを使うとさらに便利に Custom Field Template 13年10月21日月曜日
23. 23. カスタム投稿タイプ 投稿や固定ページ以外に「新着情報」や「製品情 報」など好きな投稿タイプを作成できる機能 13年10月21日月曜日
24. 24. カスタム分類(タクソノミー) 投稿や固定ページで使用されているタググループ とは別のタググループが作れる機能 13年10月21日月曜日
25. 25. プラグインを使うとさらに便利に Custom Post Type Generator 13年10月21日月曜日
26. 26. カスタムヘッダー ページ内の特定の画像を管理画面から 変更可能にする機能 13年10月21日月曜日
27. 27. カスタムメニュー 管理画面から編集可能なナビゲーションを 作ることができる機能 13年10月21日月曜日
28. 28. 13年10月21日月曜日
29. 29. ウィジェット 管理画面から簡単にサイドバーなどに 表示する内容を制御できる機能 13年10月21日月曜日
30. 30. 企業サイト構築に役立つ 便利プラグイン紹介 13年10月21日月曜日
31. 31. モバイルサイトと PCサイトの切り分け 13年10月21日月曜日
32. 32. プラグインを使う Multi Device Switcher ✦ 細かくテンプレートを指定できる ✦ ユーザーエージェントの指定もできる ✦ PC/モバイル 表示切り替えボタンもつけられる 13年10月21日月曜日
33. 33. 13年10月21日月曜日
34. 34. WordPressの関数を使う wp_is_mobile() <?php if(wp_is_mobile()) {  モバイルのときだけ表示したい内容 } ?> <?php if(!wp_is_mobile()) {  PCのときだけ表示したい内容 } ?> 13年10月21日月曜日
35. 35. 13年10月21日月曜日
36. 36. プライバシーポリシーに 同意ボタンつきの お問い合わせフォームを作る 13年10月21日月曜日
37. 37. 13年10月21日月曜日
38. 38. プラグインを使う Trust Form ✦ 送信画面をテンプレートファイルで自在にデザ インできる ✦ 確認画面がある ✦ リターンメールが送れる 13年10月21日月曜日
39. 39. 13年10月21日月曜日
40. 40. SSLに対応させる 13年10月21日月曜日
41. 41. プラグインを使う WordPress HTTPS or Admin SSL 13年10月21日月曜日
42. 42. 13年10月21日月曜日
43. 43. 共有SSLの話 13年10月21日月曜日
44. 44. サイトを「独自ドメイン」で 運用している場合 レンタルサーバーなどが用意している 共有SSLの使用は 推奨されていません！ 13年10月21日月曜日
45. 45. さくらのサポートページより引用 http://support.sakura.ad.jp/manual/rs/web/ssl_shared.html 13年10月21日月曜日
46. 46. こういう場合は 共有SSLでもOK サーバー会社から振り分けられたサブドメイン型 のURLでサイトを運用する場合 例) http://yuki930.sakura.ne.jp https://yuki930.sakura.ne.jp 13年10月21日月曜日
47. 47. SSLサーバー証明書発行会社 ✦ ベリサイン Secure Site 年額39,900円∼ ✦ ジオトラスト 年額10,500円∼ ✦ Rapid SSL 年額2,600円∼ 13年10月21日月曜日
48. 48. ✦ ロリポップ 月額263円∼ 独自SSL利用 月額2100円 ✦ heteml 月額1,500 円 独自SSL利用 年額18,000円 ✦ さくらインターネット ビジネスプラン以上で設定可 月額2,500円∼ 独自SSLは自身で取得したものを設定可能 13年10月21日月曜日
49. 49. サイトマップを表示 13年10月21日月曜日
50. 50. プラグインを使う WP SiteManager ✦ サイトマップを自動的に作ってくれる ✦ サイトマップに載せたくないページを 除外できる 13年10月21日月曜日
51. 51. 13年10月21日月曜日
52. 52. スライダーを設置 13年10月21日月曜日
53. 53. プラグインを使う Easing Slider "Lite" ✦ 管理画面から画像やリンク先を設定できる ✦ 枚数の変更も管理画面から自由自在 ✦ スピードの調整もできる 13年10月21日月曜日
54. 54. <?php if(function_exists('easing_slider'){ easing_slider(); }; ?> 13年10月21日月曜日
55. 55. 13年10月21日月曜日
56. 56. 13年10月21日月曜日
57. 57. 13年10月21日月曜日
58. 58. ページ／カテゴリーの並べ替え 13年10月21日月曜日
59. 59. プラグインを使う My Page Order or My Category Order 13年10月21日月曜日
60. 60. 13年10月21日月曜日
61. 61. サイト内検索で なんという単語が 検索されたかを集計／表示 13年10月21日月曜日
62. 62. プラグインを使う Search Meter ✦ サイトに設置している検索ボックスで検索され たワードごとの検索回数がわかる ✦ 検索されたけどサイト内に該当がなかったとき の検索に使われたワードがわかる！ 13年10月21日月曜日
63. 63. 13年10月21日月曜日
64. 64. 検索されたけど該当するもの がなかった情報がわかる！ 13年10月21日月曜日
65. 65. 次の一手を提案する資料としても 役立ちます！ 13年10月21日月曜日
66. 66. 最後に… 13年10月21日月曜日
67. 67. 最近 WordPress ご指名案件も多いです 13年10月21日月曜日
68. 68. ✦ よく名前を耳にするから ✦ 最近まわりにWordPress 使ってる人が多い ✦ プラグインで自由に拡張できるって きいた ✦ 無料で自由自在に変更できるサイトが 作れるんでしょ？ 13年10月21日月曜日
69. 69. たとえばこんなこと ✦ 英語も対応したい！ ✦ お問い合わせフォームが欲しい！ ✦ 確認画面付きで！ ✦ リターンメールも送られてくるやつ！ ✦ スマートフォン対応もしたい！ 13年10月21日月曜日
70. 70. それぞれ、たしかに プラグインで対応できます。 13年10月21日月曜日
71. 71. しかしこれらすべてを 一度になんなく満たせるか？ ✦ 英語／日本語の切り替え ✦ スマートフォン対応 ✦ SSL絡みの設定 ✦ リターンメール必須 ✦ 確認画面必須 ✦ 個人情報への同意ボタンが必要 13年10月21日月曜日
72. 72. なにかしら壁にぶつかります。 「プラグインを入れるだけ」 で素直に動きません 13年10月21日月曜日
73. 73. 「あちらを立てればこちらがたたず」 それぞれのプラグインを 理解して提案／利用を 13年10月21日月曜日
74. 74. 「WordPressだから」 魔法のように なんでもできるわけではない! ということは しっかり共有しておきましょう! 13年10月21日月曜日
75. 75. 本日のまとめ 13年10月21日月曜日
76. 76. WordPressは 豊富な情報量／プラグインが あってとにかく便利！ 13年10月21日月曜日
77. 77. そのぶん古い情報や メンテナンスされていない プラグインも多数あるので 情報収集がかかせない 13年10月21日月曜日
78. 78. 無料だけど アップデートされたとき プラグインは対応される？ 仕様が変わったときの対応は？ 13年10月21日月曜日
79. 79. プラグインをもってしても なんでもできるようにするには それなりにコストがかかる。 13年10月21日月曜日
80. 80. ✦ それはそもそもこんなに細かく更新で きるようにすべきなのか？ ✦ どれぐらいの頻度で更新するものなの か？ ✦ 絶対項目が変わらないもの？ 流動的な項目じゃない？ 13年10月21日月曜日
81. 81. しっかり設計することが重要！ 13年10月21日月曜日
82. 82. 特性を理解して 便利な機能を活用して工数を削減し よりよいコンテンツを作ることに 注力しましょう！ 13年10月21日月曜日
83. 83. ご静聴ありがとうございました！ ご質問などお気軽に。 yuki930 13年10月21日月曜日