Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

24,995 views

Published on

WordBench福岡 「おそらく3.7 回目くらいのWordBench 福岡」スライド

  • Be the first to comment

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日月曜日

×