ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生

508 views

Published on

ーーーーーーーーーーーーーーーーーーーーーーー
schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。
WEB生放送の授業を無料で配信しています。
▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。
https://schoo.jp/class/562/room
ーーーーーーーーーーーーーーーーーーーーーーー

Published in: Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
508
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
2
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生

  1. 1. WORDCOM:MUNITYCHANNEL
  2. 2. 1)WordPress の現在 2)WordPress の基本操作 コミュニティの紹介 WordPressの今と未来 基本について知る ゼロからのWordPress(1限目)
  3. 3. WordPress の現在
  4. 4. 0. 自己紹介
  5. 5. Automattic, Inc グローバライザー WordPress.org 日本語版チームメンバー http://ja.naoko.cc/ @naokomc 高野直子
  6. 6. 本日の内容
  7. 7. 1.WordPress の基本! 2.WordPress の普及度! 3.なぜ WordPress は人気なの?! 4.これからの WordPress
  8. 8. 1. WordPress の基本
  9. 9. 2003年に、b2/cafelog のフォーク として開発がスタート WordPress の生い立ち
  10. 10. テキサス州の大学生マット・マレン ウェッグのブログにイギリスのソフ トウェア開発者マイク・リトルがコ メントをしたことがきっかけ WordPress の誕生
  11. 11. WordPress 0.71
  12. 12. PHP + MySQL での動的生成
  13. 13. 大事な3要素 (WordPress)! コアパッケージ プラグイン それぞれに PHP、JavaScript、CSS! などが内包されているファイル群 テーマ
  14. 14. .ORG と .COM の違い
  15. 15. ょうこそ WordPress 日本語ローカルサイトヘょうこそ. w。吋Pr鎚s (ワードプレス)は、オープンソースのプログ/CMS プラットフォ ームです,セマンティック Web、コードやデザインの美しさ、 Web 展事、ユー ザピリティなどを窓磁して開発されており、無料でダウンロードして使うこと がで窓ます. WordPress を使って、思い通りにカスタマイズしたプログサイトを作り上げて みませんか, 瞬間tンダー| 渉@j…ressorg ダウンロード . の WordPr部S 日本信販は右のダウンロードボタン、または直りンク (ilat副知.zip / I ピジ2アル l デ事スト BJ::i: “ q, 1&1 中執筆モード しくシンフルなフルスクリーンエディターを使え t;'、気が隙る ことなく軌箆に集中できます. 'Wor司Prm3.8.1 をダウンロード | .:zip- 6.5MB I .ia.也r.gz)よ lり ~tar.gz 形式をダウンロード - 6.0 MB
  16. 16. オープンソース・ソフトウェアの! 開発・配布サイト! ! 有志が無償で活動! WordPress Foundation が商標保有 WordPress.org の特徴
  17. 17. 霊堂録して今すぐサイトを公開。 登録開始 既存のアカウントでログイン メールアドレスまたはユーザー: パスワード 回ログイン状織を保持以ぼ ログイン , . 世界中の読者と、または 身近な友達と。あなたの 想いや知識を共有しませ んか。 幽 Y .企,11 世界の WordPress.com 人気ブロガーが選んだトピックやコンテンツをチェック! α…WordPress ]
  18. 18. WordPress ソフトウェアを使った! レンタルブログホスティングサービス! ! Automattic が企業として運営! コアのコードはほぼ 100% 共通 WordPress.com の特徴
  19. 19. WordPress のロゴと商標 ロゴのダウンロード: http://wordpress.org/about/logos/
 商標の利用規定: http://ja.wordpress.org/trademark-policy/
  20. 20. 2. WordPress の普及度
  21. 21. WordPress のシェア 出典: http://w3techs.com/technologies/details/cm-wordpress/all/all 6 10 14 18 22 2010/4 2010/10 2011/4 2011/10 2012/4 2012/10 2013/4 2013/7 2014/1 世界のトップ1000万サイト調べ 21.6% 9.5%
  22. 22. CMS としてのシェア 出典: http://w3techs.com/technologies/history_overview/content_management/all/q 19% 2% 2% 3% 5% 9% 60.2% その他上位: Joomla, Drupal,! blogger.com, Magento, TYPO3! 各10%以下
  23. 23. 日本語版使用中のサイト数 150万! サイト以上! ! (2013年10月調べ) 出典: WordPress.org 収集データより
  24. 24. WordPress 3.8 日本語版 出典: WordPress.org 収集データより 延べ! 360万! ダウンロード! ! (マイナーバージョンを含む)
  25. 25. 3. なぜ WordPress は
 人気なの?
  26. 26. 初心者にやさしい ホスティングサービスによる! 簡単インストール対応! ! HTML/CSS の知識があれば! テーマカスタマイズを始められる
  27. 27. 豊富なリソース 多数のプラグイン、テーマ! ! 多数の日本語書籍、ブログの情報! ! コミュニティフォーラム、イベント
  28. 28. 拡張性・柔軟性 高トラフィックサイトでの実績! ! 大量データサイトでの実績! ! オープンソースでの知識共有! ! 拡張用 API の整備
  29. 29. 根本的な理由 WordPress を取り巻くコミュニティの! 人々が、「WordPress を使うこと」を! 魅力的にするため日々力を注いでいる
  30. 30. 4. これからの WordPress
  31. 31. さらなるモバイル対応 • スマホアプリのユーザビリティ向上! • 管理画面のモバイル対応改善
  32. 32. 開発の高速化 • プラグイン形式の機能追加! • 開発体制の整備
  33. 33. 投稿 UI の改善 • フロントエンドエディタ! • ドラッグ&ドロップアクション
  34. 34. アプリケーションフレームワーク • JSON REST API の開発
  35. 35. WordPressの 基本操作
  36. 36. 自己紹介
  37. 37. 自己紹介 2011年WordBench東京スピーカー 2013年WordBenchしずおかスピーカー フリーランスでの活動の後、 WordPressのインテグレーションサービスを提供する プライム・ストラテジー株式会社の WordPressエンジニアに。 相原 知栄子(うぇぶるじょん) WordBench千葉 @Webourgeon_com http://webourgeon.com/
  38. 38. BOOKS (共著) (プライム・ストラテジー)
  39. 39. お話すること
  40. 40. 1.投稿 2.固定ページ 3.一覧ページ 4. 表示オプション 5.設定 6.外観 7.WordPressについて
  41. 41. WordPress管理画面 基本操作について 実際に操作しながら お話します
  42. 42. 投稿
  43. 43. ところで 「投稿」  と 「固定ページ」 の違い知っていますか? 投稿
  44. 44. 「投稿」  時間の流れ(時系列)にそって整理される記事           ブログ記事         お知らせ 投稿
  45. 45. 「固定ページ」  時間の流れとは関係なく、一度作ったら頻繁   に更新されることの少ない記事        プロフィール        会社情報 投稿
  46. 46. 投稿 さっそく記事を書いてみましょう
  47. 47. 投稿 管理画面>投稿>新規追加
  48. 48. 投稿 画像を挿入
  49. 49. 投稿 画像をドラッグ・アンド・ドロップ 画像を挿入
  50. 50. 投稿 画像を挿入 画像についての設定 画像を挿入
  51. 51. 投稿 アイキャッチ画像 デフォルトテーマTwenty Fourteenでは ここに表示されます
  52. 52. 投稿 エディタの隠れたメニューを表示
  53. 53. 投稿 集中執筆モード
  54. 54. 投稿 集中執筆モード 記事を書くことに 集中出来ます
  55. 55. 投稿 記事の公開 記事の公開状態を選択 ・公開 ・パスワード保護 ・非公開 この記事を先頭に固定表示 常にその記事を 一番上に固定することができます
  56. 56. 投稿 予約投稿 記事を予約した時間に公開することができます
  57. 57. 投稿 カテゴリーやタグ 記事を分類します ・カテゴリーの一覧ページ ・タグの一覧ページ
  58. 58. 固定ページ
  59. 59. 固定ページ
  60. 60. 固定ページ テーマによっては 複数のテンプレートを 選択できる メニューやページの一覧などでの 順序づけに利用することができる
  61. 61. 一覧ページ
  62. 62. 一覧ページ 一括操作 絞込み検索など
  63. 63. 表示オプション
  64. 64. 表示オプション表示オプション ここに隠れたメニューが!!
  65. 65. 表示オプション表示オプション 投稿画面の表示オプション 画面に表示する項目を選ぶことができる
  66. 66. 表示オプション 投稿一覧での表示オプション 画面に表示する項目を選ぶことができる
  67. 67. 設定
  68. 68. 設定 パーマリンク設定
  69. 69. 設定 パーマリンク設定 記事のURLをカスタマイズできる 基本的にどれを選んでも良いが できるだけ途中で変えないように
  70. 70. 設定 表示設定 フロントページを固定ページにすることで 固定のトップページ+ブログ といった構成のサイトが簡単に作れる
  71. 71. 設定 表示設定 1ページに表示する投稿の件数を設定
  72. 72. 設定 ディスカッション設定 コメントに関する設定
  73. 73. 設定 ディスカッション設定 注意!
  74. 74. 設定 メディア設定
  75. 75. 設定 WordPressが自動で生成する 画像のサイズを設定する メディア設定
  76. 76. 設定 画像のファイルの 整理方法 メディア設定
  77. 77. 外観
  78. 78. 外観 ウィジェット
  79. 79. 外観 ウィジェット ドラッグ アンド ドロップ
  80. 80. 外観 ウィジェット タブレットなどのタッチデバイスにも 対応
  81. 81. 外観 テーマカスタマイザー
  82. 82. WordPressについて
  83. 83. WordPressについて ダッシュボードの WordPressロゴ
  84. 84. WordPressについて
  85. 85. WordPressについて
  86. 86. WordPressについて WordPress日本語翻訳チーム
  87. 87. WordPressについて
  88. 88. WordPressについて ぜひ、一度読んでみてください
  89. 89. WordPressコミュニティの紹介
  90. 90. http://wordbench.org/ 各地の情報は公式サイトから
  91. 91. http://ja.wordpress.org/ WordPressのイベントカレンダー
  92. 92. 3/27(木) [群馬] WordPressもくもく勉強会@群馬 #9       コワーキングスペース「SOMETHIN' ELSE」(群馬県高崎市) 3/29(土) [東京] WordBench東京3月: 春のデザイナー祭り!       GMO Yours 4/12(土) WordPress Meetup Tokyo       コワーキングスペース茅場町「Co-Edo」(東京都中央区) 4/12(土) [埼玉]WordBench埼玉       コワーキングスペース「Office 7F」(埼玉県さいたま市) 3月/4月のイベント予定
  93. 93. プラグインやテーマについて 次回

×