ブラウザだけでサイトをつくろう
WordPress on クラウド
 マクラケン直子 {Automattic, Inc.}




                         @naokomc | WordVolcano | 7.14.2012
Hi.

Naoko McCracken
{Automattic, Inc.}




            @naokomc | WordVolcano | 7.14.2012
WordPress には色々ツールが必要




テキストエディター
  FTP ソフト




               @naokomc | WordVolcano | 7.14.2012
WordPress には色々ツールが必要




      ほんとに?
テキストエディター
  FTP ソフト




               @naokomc | WordVolcano | 7.14.2012
ブラウザだけではじめてみよう!




     +




            @naokomc | WordVolcano | 7.14.2012
今日のゴール




         @naokomc | WordVolcano | 7.14.2012
Let’s Start!



      @naokomc | WordVolcano | 7.14.2012
新規テーマのインストール




               @naokomc | WordVolcano | 7.14.2012
「Responsive」テーマを検索




                 @naokomc | WordVolcano | 7.14.2012
「今すぐインストール」




              @naokomc | WordVolcano | 7.14.2012
テーマの「有効化」




            @naokomc | WordVolcano | 7.14.2012
さあ、カスタマイズ!




             @naokomc | WordVolcano | 7.14.2012
WordPress テーマカスタマイザー




               @naokomc | WordVolcano | 7.14.2012
Demo!   ✴ ヘッダー画像を削除してみましょう

        ✴ サイトのタイトルを変えてみましょう

        ✴ 背景色を変えてみましょう




                   @naokomc | WordVolcano | 7.14.2012
Responsive テーマ特有の設定




                @naokomc | WordVolcano | 7.14.2012
Demo!   ✴ Home Page セクションをカスタマイズ

        ✴ Headline, Subheadline を変更

        ✴ Content Area にテキスト記入

        ✴ Featured Content (右側部分) に入力




                           @naokomc | WordVolcano | 7.14.2012
Demo!   ✴ YouTube 動画を埋め込む

         グレーの部分のコードをコピーして Featured
         Contents のテキストエリアにペースト




                      @naokomc | WordVolcano | 7.14.2012
Demo!   ✴ 画像を貼り付ける

         画像用コードをコピーして Featured Contents の
         テキストエリアにペースト




                     http://wordvolcano.info/banner




                         @naokomc | WordVolcano | 7.14.2012
Demo!   ✴ ソーシャルアイコン用 URL を記入する




        ✴ その他のテーマオプション

         ✴ パンくずリスト、ホームページの青ボタン無効化

         ✴ ロゴアップロード

         ✴ Google、Bing、Yahoo Web マスターツール

         ✴ カスタム CSS

                         @naokomc | WordVolcano | 7.14.2012
各種固定ページの作成

Responsive テーマには、
固定ページテンプレートが
いろいろ用意されています。




                    @naokomc | WordVolcano | 7.14.2012
固定ページテンプレート
✴ ブログ(全投稿)
✴ ブログ抜粋(サマリ)
✴ コンテンツ / サイドバー
✴ コンテンツ / サイドバー半ページ
✴ 全幅ページ(サイドバーなし)
✴ ランディングページ(メニューなし)
✴ サイドバー / コンテンツ
✴ サイドバー / コンテンツ半ページ
✴ サイトマップ

                      @naokomc | WordVolcano | 7.14.2012
特別なテンプレート
✴ ブログ(全投稿)
✴ ブログ抜粋(サマリ)
✴ コンテンツ / サイドバー
✴ コンテンツ / サイドバー半ページ
✴ 全幅ページ(サイドバーなし)
✴ ランディングページ(メニューなし)
✴ サイドバー / コンテンツ
✴ サイドバー / コンテンツ半ページ
✴ サイトマップ

                      @naokomc | WordVolcano | 7.14.2012
Demo!   ✴ ブログ表示用テンプレートでページを作成

        ✴ それ以外の固定ページをひとつ作りましょう




                   @naokomc | WordVolcano | 7.14.2012
カスタムメニューの設定

Responsive テーマには、
カスタムメニューも
いろいろ用意されています。




                    @naokomc | WordVolcano | 7.14.2012
複数のカスタムメニュー




              @naokomc | WordVolcano | 7.14.2012
カスタムメニューの設定




              @naokomc | WordVolcano | 7.14.2012
Demo!   ✴ 「メインメニュー」を作りましょう

        ✴ 「ヘッダー&フッターメニュー」も作成

        ✴ Top, Header, Footer Menu に指定




                           @naokomc | WordVolcano | 7.14.2012
ウィジェットの設定

Responsive テーマには、
9つのウィジェットエリア
があります。




                    @naokomc | WordVolcano | 7.14.2012
Demo!   ✴ Home Widget 1,2,3 を編集しましょう

        ✴ テキストウィジェットを使いましょう

        ✴ 画像タグを貼ってみましょう




                       @naokomc | WordVolcano | 7.14.2012
Next steps:

       ✴ Multibyte Patch プラグインの有効化

       ✴ パーマリンクの設定

       ✴ モバイル投稿の設定

       ✴ その他、プラグインやテーマの追加




                        @naokomc | WordVolcano | 7.14.2012
Thanks!



  http://ja.naoko.cc/
      @naokomc




                @naokomc | WordVolcano | 7.14.2012
{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

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