クロピグログ

職業訓練で学んだことまとめ

【WordPress授業六日目】オリジナルテーマ3

オリジナルテーマ作成 

表示用サブループ

008:表示用サブループ設置 | JOBTECH.JP
009:メニュー機能を使用可能にする | JOBTECH.JP

 

カスタムメニュー

010:共通するヘッダーとフッターをパーツ化して読み込む | JOBTECH.JP

 

共通パーツをモジュール化

011:投稿一覧表示用テンプレート追加 | JOBTECH.JP

 

投稿一覧専用テンプレート追加

012:トップページヘッダと配下ページでヘッダを分ける | JOBTECH.JP

 

-----------------------------------昨日はここまで-------------------------------------------

 

昨日の復習

◇オリジナル部品を作成するときは命名規則を決めておくとよい

・今回の命名規則

 partsフォルダに入れる

 部品の大枠にあるclass名で名前をつける

 ファイル名の頭に「_」を入れる

 

 

今日からの内容

条件分岐・各テンプレート別の対応

013:ページごとのタイトルタグを出力 | JOBTECH.JP

014:投稿詳細用テンプレート追加 | JOBTECH.JP

 

ページネーション

015:一覧表示テンプレートにページネーションを追加 | JOBTECH.JP


投稿詳細専用テンプレート追加

016:投稿詳細用テンプレート追加 | JOBTECH.JP

017:投稿詳細に前後記事リンクを表示 | JOBTECH.JP

018:カテゴリーを表示 | JOBTECH.JP


アーカイブ専用テンプレート追加

019:アーカイブ一覧表示用テンプレート追加 | JOBTECH.JP


固定ページ専用テンプレート追加

020:固定ページ表示用テンプレート追加 | JOBTECH.JP

021:固定ページ表示用カスタムテンプレート追加 | JOBTECH.JP

 

 

●初期

トップページ(ホームページ)

 -固定ページ(ブログを想定)

 -投稿一覧

 

●今回は下記にする

固定ページ(企業サイト想定)

 -トップページ(ホームページ)

 -投稿一覧(配下ページになる)

 

タイトルタグを自動で設定する

// ■ トップページ
// サイト名 - キャッチフレーズ
// 管理画面「設定」 > 「一般」
// ・サイトのタイトル
// ・キャッチフレーズ
// ■ 配下ページ
// ページタイトル - サイト名
// 管理画面各ページ編集画面
// ・タイトル
add_theme_support('title-tag');
// サイト名とページタイトルの区切り文字変更
function change_title_separator($separator)
{
  $separator = '|';
  return $separator;
}
add_filter('document_title_separator''change_title_separator');

※もし、タイトルを変えたいときはプラグインを実装する(SEO関連の)