Download - はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)
![Page 1: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/1.jpg)
1
はじめてのWordPress勉強会
vol.6 テーマ&カスタマイズ
(後半)
![Page 2: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/2.jpg)
2
自己紹介
• 森田 昌宏 (もりた まさひろ)
• 業務系システム開発
• Android アプリ開発
![Page 3: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/3.jpg)
3
① 投稿の作成
• 作成したカテゴリーに対して
1件ずつ投稿を作成。
![Page 4: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/4.jpg)
4
② アイキャッチ画像の登録
• 投稿のサムネイル
(テーマにより、使えない場合も有り)
![Page 5: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/5.jpg)
5
③ トップページの作成
• スライドショーの作成
「Easing Slider "Lite"」プラグイン
• 画像付き新着情報の作成
「Flexibl Posts Widget」プラグイン
![Page 6: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/6.jpg)
6
③ トップページの作成
• 人気記事の作成
「Wordpress Popular Posts」プラグイン
![Page 7: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/7.jpg)
7
③ トップページの作成
ショートコードを利用
投稿やページの本文欄に短いコードを入力
• YouTube の動画表示
• Twitter のツイート一覧表示
• Google カレンダーの表示
![Page 8: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/8.jpg)
8
④ お問い合わせページの作成
• メール送信フォーム
「Contact Form 7」プラグイン
• フォームメールの履歴を管理画面に残す
「Flamingo」プラグイン
![Page 9: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/9.jpg)
9
⑤ SSLについて
• 情報を暗号化して送信する技術
• SSLを使ったページ
「https:// ~」で始まる
• 「WordPress HTTPS」プラグイン
でSSLを有効化
![Page 10: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/10.jpg)
10
⑥ アクセスMAPページの作成
• 「Google Maps v3 Shortcode」
プラグイン
![Page 11: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/11.jpg)
11
⑦ ギャラリーページの作成
• 標準の「ギャラリー」機能を使う
![Page 12: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/12.jpg)
12
⑧ よくある質問ページの作成
• 固定ページ「よくある質問」ページ
を新規作成
![Page 13: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/13.jpg)
13
⑧ よくある質問ページの作成
• 「アンカーリンク」を設定
<a href="#○○○">質問</a>
id="○○○"
リンク先(回答)
リンク元(質問)
![Page 14: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/14.jpg)
14
⑨ ヘッダー、サイドバーの変更
• ヘッダー画像の変更
• グローバルナビゲーションを変更
• サイドバーを変更する
![Page 15: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/15.jpg)
15
⑩ サイトをまとめてカスタマイズ
「WP Total Hacks」プラグイン
• Favicon の設定
• 投稿画面のカスタマイズ
• ログイン画面のカスタマイズ
• サイト管理の権限を追加
![Page 16: はじめてのWordPress勉強会 vol.06 テーマ&カスタマイズ(後半)](https://reader033.vdocuments.net/reader033/viewer/2022052506/556e62f2d8b42a6a248b4bfc/html5/thumbnails/16.jpg)
16
⑪ 管理画面のカスタマイズ
• 「Adminimize」プラグイン