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と出会ったことで Webページ作成のハードルが下がった話

1,610 views

Published on

WordBench MIE_20180303 WordPressと出会ったことで Webページ作成のハードルが下がった話

Published in: Technology
  • Be the first to comment

  • Be the first to like this

WordPressと出会ったことで Webページ作成のハードルが下がった話

  1. 1. WordPressと出会ったことで Webページ作成のハードルが下がった話 WordBench 三重 2018/3/3
  2. 2. 自己紹介 スズキヒデノリ WordPressを始めたのは2016年10月 現在、15サイトの運用管理 2018年の目標…前に出る!! @acogale あこがれどっとこむ
  3. 3. 本日のテーマ 1.ブログをWordPressで作った 2.簡単なウェブサイトをWordPressで作った 3.最近作った超ミニサイトの紹介
  4. 4. ブログ • 2004年~ DIONのラブログ
  5. 5. ブログ • 2004年~ DIONのラブログ
  6. 6. ブログ • 2004年~ DIONのラブログ
  7. 7. ブログ • 2004年~ DIONのラブログ • 2006年~ さくらインターネット「さくらのブログ」
  8. 8. ブログ • 2004年~ DIONのラブログ • 2006年~ さくらインターネット「さくらのブログ」
  9. 9. ブログ • 2004年~ DIONのラブログ • 2006年~ さくらインターネット「さくらのブログ」 • 2016年~ はてなブログ
  10. 10. ブログ • 2004年~ DIONのラブログ • 2006年~ さくらインターネット「さくらのブログ」 • 2016年~ はてなブログ
  11. 11. ブログ • 2004年~ DIONのラブログ • 2006年~ さくらインターネット「さくらのブログ」 • 2016年~ はてなブログ • 2016年~ WordPress
  12. 12. ブログ • 2004年~ DIONのラブログ • 2006年~ さくらインターネット「さくらのブログ」 • 2016年~ はてなブログ • 2016年~ WordPress
  13. 13. こんなブログ書いてます シュミカコ(https://blog.aco-gale.com) 旅行、ガジェット、グルメなどなど
  14. 14. 使ってるのは • テーマ…yStandard WrodBench Gunma • サーバー…EXCLOUD(VPS)+KUSANAGI 参加者限り
  15. 15. WordPress vs ブログサービス WordPress • 自由に作れる • デザインが豊富 • スケールアップできる • 欲しい機能が追加しやすい • 世界的に使われている • 自分だけのもの ブログサービス • 簡単で楽ちん • 管理も全部おまかせ • 低コスト • コミュニティがある
  16. 16. そもそもWordPressって?? WordPressとは ・オープンソースのソフトウェア ・ブログのソフトとして使われることが多い ・コンテンツ管理システムとして使われることも Content Management System
  17. 17. CMSのいいところって?? • Webサイト構築 • コンテンツ制作/編集 • コンテンツの公開/承認 • コンテンツデータの一元管理/保存 • レスポンシブWebデザイン • 外部連携機能 • 作業レベルの権限付与 • デザイン変更が容易 • 機能追加が容易
  18. 18. レスポンシブは重要 アクセスの67%はモバイルから モバイル デスクトップ タブレット https://blog.aco-gale.com/ 2017/3/1~2018/2/28のアクセス分析 67% 28% 5%
  19. 19. レスポンシブは難しい こんなページつくりました。 480px
  20. 20. レスポンシブは難しい • まる1日かかった、、、、、 • ブレイクポイントやもろもろもろ • コードを書くのが難しい
  21. 21. レスポンシブは難しい • まる1日かかった、、、、、 • ブレイクポイントやもろもろもろ • コードを書くのが難しい
  22. 22. レスポンシブが難しい • まる1日かかった、、、、、 • ブレイクポイントやもろもろもろ • コードを書くのが難しい
  23. 23. レスポンシブは難しい そうだ!ワードプレスにお願いしよう!
  24. 24. できたのはこちら • さくらインターネット、Lightning、3時間程度
  25. 25. ということは、 WordPressはブログじゃなくても使える!!!! ウェブサイト作成に使える。 と当たり前のことに気付いた!!
  26. 26. で、こんなページも • Lightning、XSERVER 参加者限り
  27. 27. ということは、 もっと簡単なページもいける (例えばトップページだけのサイト)
  28. 28. できました! 参加者限り
  29. 29. サイトの目的 このページの目的はイベント時の • アクセス案内 • ツイッターの紹介 • 質問フォームの作成
  30. 30. めちゃ簡単 製作時間は驚きの15分!!
  31. 31. ということで 今からやってみます。 • ドメイン設定済み • さくらインターネット、スタンダードサーバー • Lightning Contact Form 7

×