WordVolcano: WordPress on クラウド 〜ブラウザだけでサイトを作ろう〜

4,704 views

Published on

WordVolcano 鹿児島
WordPress on クラウド 〜ブラウザだけでサイトを作ろう〜 ハンズオンセッション

http://ja.naoko.cc/2012/07/18/wordvolcano-wordpress-community-in-kagoshima/

Published in: Technology
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,704
On SlideShare
0
From Embeds
0
Number of Embeds
1,006
Actions
Shares
0
Downloads
9
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

WordVolcano: WordPress on クラウド 〜ブラウザだけでサイトを作ろう〜

  1. 1. ブラウザだけでサイトをつくろうWordPress on クラウド マクラケン直子 {Automattic, Inc.} @naokomc | WordVolcano | 7.14.2012
  2. 2. Hi.Naoko McCracken{Automattic, Inc.} @naokomc | WordVolcano | 7.14.2012
  3. 3. WordPress には色々ツールが必要テキストエディター FTP ソフト @naokomc | WordVolcano | 7.14.2012
  4. 4. WordPress には色々ツールが必要 ほんとに?テキストエディター FTP ソフト @naokomc | WordVolcano | 7.14.2012
  5. 5. ブラウザだけではじめてみよう! + @naokomc | WordVolcano | 7.14.2012
  6. 6. 今日のゴール @naokomc | WordVolcano | 7.14.2012
  7. 7. Let’s Start! @naokomc | WordVolcano | 7.14.2012
  8. 8. 新規テーマのインストール @naokomc | WordVolcano | 7.14.2012
  9. 9. 「Responsive」テーマを検索 @naokomc | WordVolcano | 7.14.2012
  10. 10. 「今すぐインストール」 @naokomc | WordVolcano | 7.14.2012
  11. 11. テーマの「有効化」 @naokomc | WordVolcano | 7.14.2012
  12. 12. さあ、カスタマイズ! @naokomc | WordVolcano | 7.14.2012
  13. 13. WordPress テーマカスタマイザー @naokomc | WordVolcano | 7.14.2012
  14. 14. Demo! ✴ ヘッダー画像を削除してみましょう ✴ サイトのタイトルを変えてみましょう ✴ 背景色を変えてみましょう @naokomc | WordVolcano | 7.14.2012
  15. 15. Responsive テーマ特有の設定 @naokomc | WordVolcano | 7.14.2012
  16. 16. Demo! ✴ Home Page セクションをカスタマイズ ✴ Headline, Subheadline を変更 ✴ Content Area にテキスト記入 ✴ Featured Content (右側部分) に入力 @naokomc | WordVolcano | 7.14.2012
  17. 17. Demo! ✴ YouTube 動画を埋め込む グレーの部分のコードをコピーして Featured Contents のテキストエリアにペースト @naokomc | WordVolcano | 7.14.2012
  18. 18. Demo! ✴ 画像を貼り付ける 画像用コードをコピーして Featured Contents の テキストエリアにペースト http://wordvolcano.info/banner @naokomc | WordVolcano | 7.14.2012
  19. 19. Demo! ✴ ソーシャルアイコン用 URL を記入する ✴ その他のテーマオプション ✴ パンくずリスト、ホームページの青ボタン無効化 ✴ ロゴアップロード ✴ Google、Bing、Yahoo Web マスターツール ✴ カスタム CSS @naokomc | WordVolcano | 7.14.2012
  20. 20. 各種固定ページの作成Responsive テーマには、固定ページテンプレートがいろいろ用意されています。 @naokomc | WordVolcano | 7.14.2012
  21. 21. 固定ページテンプレート✴ ブログ(全投稿)✴ ブログ抜粋(サマリ)✴ コンテンツ / サイドバー✴ コンテンツ / サイドバー半ページ✴ 全幅ページ(サイドバーなし)✴ ランディングページ(メニューなし)✴ サイドバー / コンテンツ✴ サイドバー / コンテンツ半ページ✴ サイトマップ @naokomc | WordVolcano | 7.14.2012
  22. 22. 特別なテンプレート✴ ブログ(全投稿)✴ ブログ抜粋(サマリ)✴ コンテンツ / サイドバー✴ コンテンツ / サイドバー半ページ✴ 全幅ページ(サイドバーなし)✴ ランディングページ(メニューなし)✴ サイドバー / コンテンツ✴ サイドバー / コンテンツ半ページ✴ サイトマップ @naokomc | WordVolcano | 7.14.2012
  23. 23. Demo! ✴ ブログ表示用テンプレートでページを作成 ✴ それ以外の固定ページをひとつ作りましょう @naokomc | WordVolcano | 7.14.2012
  24. 24. カスタムメニューの設定Responsive テーマには、カスタムメニューもいろいろ用意されています。 @naokomc | WordVolcano | 7.14.2012
  25. 25. 複数のカスタムメニュー @naokomc | WordVolcano | 7.14.2012
  26. 26. カスタムメニューの設定 @naokomc | WordVolcano | 7.14.2012
  27. 27. Demo! ✴ 「メインメニュー」を作りましょう ✴ 「ヘッダー&フッターメニュー」も作成 ✴ Top, Header, Footer Menu に指定 @naokomc | WordVolcano | 7.14.2012
  28. 28. ウィジェットの設定Responsive テーマには、9つのウィジェットエリアがあります。 @naokomc | WordVolcano | 7.14.2012
  29. 29. Demo! ✴ Home Widget 1,2,3 を編集しましょう ✴ テキストウィジェットを使いましょう ✴ 画像タグを貼ってみましょう @naokomc | WordVolcano | 7.14.2012
  30. 30. Next steps: ✴ Multibyte Patch プラグインの有効化 ✴ パーマリンクの設定 ✴ モバイル投稿の設定 ✴ その他、プラグインやテーマの追加 @naokomc | WordVolcano | 7.14.2012
  31. 31. Thanks! http://ja.naoko.cc/ @naokomc @naokomc | WordVolcano | 7.14.2012
  32. 32. {Resources}•AMI for WordVolcano ハンズオン: http://dogmap.jp/2012/07/09/word-volcano-2012/•Responsive テーマ: http://wordpress.org/extend/themes/responsive•Responsive テーマショーケース: http://themeid.com/showcase/ {Credits}•Volcano 君アイコン: WordVolcano.info•Browser Icons: browsehappy.com @naokomc | WordVolcano | 7.14.2012

×