スタート編：WordPressの初期設定と事前設計など（70ページ）

• Web作成とFTPのソフトは必要
• マニュアルの方針
  • 第1方針：キーワード、内部リンク、ページ数を多く
  • 第2方針：トップページやカテゴリートップの検索不振対策
  • 第3方針：モバイルファーストの真相
  • 第4方針：Webページをパーツに分解してSEO施策はモジュールで
  • 第5方針：ユーザー利便性とSEOの二刀流
• WordPressとは
  • WordPress本体
  • テーマ
  • プラグイン
  • どこまで自分でやるか
• SSLとサーバー
  • おすすめはLet's Encrypt
  • HTTP/2
  • Nginx（エンジンエックス）もある
  • PHPは7.0以上
• WordPressのインストール
• WordPressの初期設定など
  • 一般設定
  • 投稿設定
  • 表示設定
  • メディア設定
• WordPressのバックアップ
• WordPressサイトの事前設計
  • タイトルと説明文とサムネイル
  • カテゴリーやサイト構造：検索不振対策(案)
    • カテゴリーとタグの違い
    • 実験によるパターンごとの成功と失敗
  • 検索不振対策(案)：カテゴリートップからタグトップへ
    • 事例として検索トップ10
  • 末尾の「/」付加と/category/除去
  • カテゴリーの設定
  • タグの設定
  • パーマリンク設定
  • メニューの設定とナビゲーション
    • ハンバーガーメニューのプラグイン
    • フッターナビゲーションバー
  • 個別投稿の設計
  • サムネイル・アイキャッチの設定
  • 画像を含むコンテンツの設計
  • カテゴリートップ/タグトップのデザイン例
• WordPressサイトの移転
  • 同一ドメインの場合
  • 別ドメインの場合

カスタマイズ編：子テーマ運用 外部PHPファイル 自作関数（150ページ）

目次/見出しの【f】は、添付のfunctions.phpに記載
目次/見出しの【p】は、添付のPHPファイルに記載

• 子テーマ運用によるWordPressカスタマイズ
  • 【f】functions.php
  • style.css
• 子テーマのfunctions.phpなどでカスタマイズ
  • 【f】ユーザー名（ニックネーム）とユーザー（author）ページの脆弱性を緩和
  • WordPressの要らないコード書き出しを制限
  • 【f】レスポンシブ イメージ：srcset属性 sizes属性
• 固定ページに抜粋 タグ カテゴリーを表示
  • 【f】固定ページで抜粋（meta description）を使いたい
  • 【f】固定ページでタグを使いたい
  • 【f】固定ページでカテゴリーを使いたい
• 個別投稿や固定ページにサムネイル設定済みか確認したい
  • 【f】投稿一覧にサムネイル/アイキャッチ画像・スラッグ追加
  • 【f】固定ページ一覧にサムネイル/アイキャッチ画像・スラッグ追加
• 【f】トップページその他で表示する最大投稿数などを変更
• 子テーマのstyle.cssをタイムスタンプ付きで書き出す
• 同じ種類のテーマファイルを複数使い分け
  • 固定ページ page.php テンプレート変更
  • 個別投稿 single.php テンプレート変更
• 自作PHP読み込みとショートコード
  • get_template_part：テーマファイルで読み込み
  • 【f】ショートコード：phpが書けない場所で
  • includeは非推奨
  • 【p】自作PHPファイルをランダムに読み込み
• 条件分枝関数と振り分けなど
  • 【f】functions.phpでis_mobile自作関数
  • キャッシュ系プラグインにご注意
• 2. 自作関数の作成：functions.phpで
  • タイトル
    • 【f】get_my_title：様々なtitleとfunctions.phpで自作関数
    • wp_title()非推奨問題と新仕様title-tag
  • 抜粋 説明 description
    • 抜粋・説明は設定次第でSEOやSNSシェアに有利
    • 【f】get_my_description：meta descriptionと抜粋・説明の自作関数
    • 【f】get_my_description_null：念のため抜粋・説明が空のとき
  • サムネイル（アイキャッチ）
    • 【f】get_my_thumbnail_imag：サムネイル無しでページの最初の画像を取得
    • 【f】get_my_thumbnail_alt_plus：サムネイルalt属性自動追加自作関数
  • 【重要】タイトル・抜粋（description）・サムネイルは、個別投稿ロングテール勝ち組への3点セット
  • 【f】現在ページのURL
  • 【p】全投稿数を表示
  • 【f】【p】個別投稿/固定ページ ID・タイトル一覧
• カテゴリー/タグ関連（まとめて）
  • カテゴリー/タグごとの投稿数を表示
  • サイト内のカテゴリー/タグ情報の一覧
  • カテゴリー情報の一覧
  • タグ情報の一覧
  • 【f】【p】非公開の固定ページで外部PHPファイル
• カテゴリー関連
  • 【p】カテゴリー一覧：wp_list_categories
  • 【p】カテゴリーごとの記事一覧
  • 【p】特定のカテゴリーに属するページを書き出す
  • 【p】同じカテゴリーの関連する他ページ
• タグ関連
  • 【p】タグ一覧：wp_list_categories（taxonomy=post_tag）
  • 【p】タグごとの記事一覧
  • 【p】特定のタグに属するページを書き出す
  • 【p】同じタグの関連する他ページ
  • 【p】同じタグ関連ページ：YARPP（サムネイル付き）代わり
• SNSとOGP
  • OGP設定
  • OGP設定：画像
  • OGP設定のテスト
• ヘッダー箇所の下：サイト内検索
  • 【p】検索窓の横にサイトロゴを並べる
• フッター箇所と下：フッターメニューやナビゲーションバー
  • 【p】フッターナビゲーションバー
  • 【f】【p】フッター箇所にウィジェット
• カテゴリートップ/タグトップのコンテンツ箇所
  • カテゴリートップ/タグトップをカード型で構築
  • カード型（画像＋テキスト）はGoogleもベースに
  • カード型はflexboxが最適で最強
  • カード型はGoogle AdSenseネイティブ広告のベース
• Google AdSenseのネイティブ広告
  • WordPressにネイティブ広告を挿入する方法
  • ネイティブ広告のAdSense以外の使い道
• Webフォント（アイコン）　Font Awesome

サンプル集：flexbox / UI/UX / フッターナビゲーション

• flexbox
  • 行列順逆
  • レスポンシブで横並び個数を変更
  • 関連ページ作成
• UI/UX
  • パララックス
  • アニメーション
  • スライドショー CSS
  • アニメーション画像 APNG / WebP
  • リンクの波紋
• ナビゲーション
  • フッターナビゲーションバー（モーダルウインドウ）