2014/8/24開催の第五回「はじめてのWordPress勉強会」用資料。 はじめてWordPressを勉強する方向けの資料です。 ・表示設定 ・スマホ対応 ・テーマ管理画面 ・テーマを検索する ・ウィジェットを管理する ・外観をカスタマイズ ・ナビゲーションメニューを作成する ・ソースコードをカスタマイズ ・テーマが利用できる機能 ・テーマの特徴を確認する ・必要な固定ページを作成する ・トップページと投稿一覧ページを設定

1. はじめてのWordPress勉強会
vol.5テーマ＆カスタマイズ

2. 自己紹介
•森田昌宏（もりたまさひろ）
•業務系システム開発
•Android アプリ開発

3. ①スマホ対応
•スマホ用サイト自動生成プラグイン
「WPtouch」プラグイン
•パソコン用とスマホ用のふたつのテーマ を用意
「Multi Device Switcher」
•ひとつのテーマでパソコン＆スマホ
両対応
「レスポンシブWeb デザイン」

4. テーマの管理画面「新規追加」
テーマの検索を行うことができる
②テーマ管理画面

5. 左メニュー「外観」テーマの管理画面
インストール済みのテーマが表示
•使用中のテーマ
•使用可能なテーマ
③テーマを検索する

6. 左メニュー「外観」「ウィジェット」
カレンダーや最新の投稿などを表示
④ウィジェットを管理する

7. 左メニュー「外観」「カスタマイズ」
サイトの表示を確認しながらカスタマイズ
⑤外観をカスタマイズ

8. 左メニュー「外観」「メニュー」
サイドバーやヘッダーに表示するナビゲー ションメニューを作成
⑥ナビゲーションメニューを作成する

9. 左メニュー「外観」「ヘッダー」
サイトのヘッダーデザインを変更する
⑦ナビゲーションメニューを作成する

10. 左メニュー「外観」「テーマ編集」
テーマファイルを直接編集する
⑧ソースコードをカスタマイズ

11. 間違えて変更
⑧ソースコードをカスタマイズ
重大なトラブルが発生
•サイト全体のデザインが崩れる
•管理画面にログインできなくなる

12. ⑨テーマが利用できる機能
テーマごとに利用できる機能は異なる
•カスタムヘッダー
•カスタム背景
•サイドバーウィジェット
•ヘッダーのカスタムメニュー
•アイキャッチ画像

13. ⑩テーマのインストール
サイト設計を行ったレイアウト
に近いテーマを検索
インストール

14. ⑪テーマの特徴を確認する
•カスタムヘッダーに対応？
•カスタムメニューに対応？
•アイキャッチ画像の表示有無
•その他独自機能「新着情報」など

15. ⑫必要な固定ページを作成する
各固定ページ
•ページ名
•スラッグ

16. ⑫ 必要な固定ページを作成する
http://example.com/service/
http://example.com/contact/
スラッグ「contact」
スラッグ「service」
http://example.com/
トップページ

17. ⑬トップページと投稿一覧ページを設定
「設定」「表示設定」
サイトのトップページ
「固定ページ：トップページ」
投稿の一覧
「固定ページ：ブログ」