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

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

@naokomc | WordVolcano | 7.14.2012

Hi.

Naoko McCracken {Automattic, Inc.}



WordPress には色々ツールが必要

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

WordPress には色々ツールが必要

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


ほんとに？


＋

ブラウザだけではじめてみよう！


今日のゴール


Let’s Start!


新規テーマのインストール


「Responsive」テーマを検索


「今すぐインストール」


テーマの「有効化」


さあ、カスタマイズ！


WordPress テーマカスタマイザー


✴ヘッダー画像を削除してみましょう

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

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

Demo!


Responsive テーマ特有の設定


✴Home Page セクションをカスタマイズ

✴Headline, Subheadline を変更

✴Content Area にテキスト記入

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

Demo!


✴YouTube 動画を埋め込む

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

Demo!


✴画像を貼り付ける

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

Demo!

http://wordvolcano.info/banner




✴ソーシャルアイコン用 URL を記入する

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

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

✴ロゴアップロード

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

✴カスタム CSS

Demo!


各種固定ページの作成

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


固定ページテンプレート

✴ブログ（全投稿）✴ブログ抜粋（サマリ）✴コンテンツ / サイドバー✴コンテンツ / サイドバー半ページ✴全幅ページ（サイドバーなし）✴ランディングページ（メニューなし）✴サイドバー / コンテンツ✴サイドバー / コンテンツ半ページ✴サイトマップ


特別なテンプレート

✴ブログ（全投稿）✴ブログ抜粋（サマリ）✴コンテンツ / サイドバー✴コンテンツ / サイドバー半ページ✴全幅ページ（サイドバーなし）✴ランディングページ（メニューなし）✴サイドバー / コンテンツ✴サイドバー / コンテンツ半ページ✴サイトマップ


✴ブログ表示用テンプレートでページを作成

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


カスタムメニューの設定

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


複数のカスタムメニュー


カスタムメニューの設定


✴「メインメニュー」を作りましょう

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

✴Top, Header, Footer Menu に指定

Demo!


ウィジェットの設定

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


✴Home Widget 1,2,3 を編集しましょう

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

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

Demo!


Next steps:

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

✴パーマリンクの設定

✴モバイル投稿の設定

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


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

Thanks!

http://en.naoko.cc

http://en.naoko.cc

{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


http://dogmap.jp/2012/07/09/word-volcano-2012/

http://dogmap.jp/2012/07/09/word-volcano-2012/

http://wordpress.org/extend/themes/responsive

http://wordpress.org/extend/themes/responsive

http://themeid.com/showcase/

http://themeid.com/showcase/

http://wordvolcano.info/on_cloud

http://wordvolcano.info/on_cloud

http://browsehappy.com

http://browsehappy.com

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

Technology

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