concrete5 勉強会 20150726_トッフ?ヘ?ーシ?を作ろう
- 1. 第３回 多摩con活 サイトのトップページを作ろう 「concrete5 は PortlandLabs および、 コンクリートファイブジャパン株式会社の登録商標です」
- 2. ? 名前：遠藤?敏明 ? 株式会社ジェネレーション代表 ? Webサイト作成（実はWordPressもやってます） ? メール：endo.toshiaki@generation.ne.jp ? FB：https://www.facebook.com/endo.toshiaki 自己紹介 2
- 3. ご協力 3 本勉強会開催にあたりご協力頂いている方々 ? 株式会社 KDDI ウェブコミュニケーションズ殿? （勉強会で使用するサーバーを12台お借りしております）? CPIのシェアードプランACE? http://www.cpi.ad.jp/shared/index.html ? コワーキングスペース八王子 8beat殿 ? 株式会社ロフトワーク：川竹様
- 6. 今回の勉強会で作るページ コーディングレスで以下を作りましょう ? サイトタイトル（リンク付き） ? グローバルナビ ? 検索フォーム ? Googleマップ配置 ? FBのPagePlugin配置 ? メインエリアに動画配置
- 7. ? サイトを作成する際の操作は基本的に ログイン状態で行います。? ? ログイン：ページ下部の「ログイン」 をクリックしてログインします。 ? 編集モード：ログイン状態で、ページ 左上の「編集モード」をクリックして、 編集モードで操作します。 操作説明
- 8. サイト名を配置（その１） ? 「空のサイト全体のHeader Site Title エリア」の上でマウスをクリック? ? 「ブロックを追加」を選び、記事ブロッ クを挿入 ? 「多摩勉強会」と入力
- 10. サイト名を配置（その３） サイト名をテーマに合わせてデザインす る ? HTML編集に切り替える ? <a>タグに id=“header-site-title" を設 定
- 12. ナビゲーションを配置（その２） サイト全体のナビゲーションパーツを? 配置しましょう ? ページ表示順：サイトマップ順 ? オートナビ開始階層：トップから ? 表示方式：すべてを表示 ? 階層の深さ：表示レベルを任意指定? ??????「１」と設定
- 13. ナビゲーションを配置（その３） サイト全体のナビゲーションパーツを? 配置しましょう ? カスタムテンプレートを適用 ? 「デザイン＆カスタムテンプレート」 を選択 ? 歯車アイコンを選び、「カスタムテン プレート」から「レスポンシブヘッダー ナビゲーション」を選択 ? 「保存」ボタンを押下
- 14. 検索ページを作る（その１） サイト全体を検索する検索ページを作り ましょう ? ページタイプを作る ? 管理画面の「ページとテーマ」配下、 「ページタイプ」を選択 ? 表示された画面の「ページタイプを追 加」をクリック
- 17. 検索ページを作る（その４） サイト全体を検索する検索ページを作り ましょう ? 「ページ」を選択? ? ページ名：検索 ? URL Slug：search
- 21. 検索フォームを配置（その１） サイト全体を検索する検索パーツを? 配置しましょう ? 「空のサイト全体のHeader Searchエ リア」の上でマウスをクリック? ? 「ブロックを追加」を選び、検索ブロッ クを挿入 ? 別ページに結果を表示にチェックを入 れ、先ほど作成した、検索ページを指 定
- 22. グーグルマップを配置 サイトフッターにGoogle Mapを配置す る ? 「空のサイト全体のFooter Site Titleエ リア」の上でマウスをクリック? ? 「ブロックを追加」を選び、Google マップブロックを挿入
- 23. FBのPagePluginを配置 サイトフッターにFacebookのPagePlugin を配置する ? 「空のサイト全体のFooter Socialエリ ア」の上でマウスをクリック? ? 「ブロックを追加」を選び、HTMLブ ロックを挿入???? 具体的な操作は勉強会で