Marquee のカスタマイズ
Marquee は色、レイアウト、ヘッダー、ロゴの設定のために WordPress Customizer(外観 → カスタマイズ)と統合されます。Customizer の変更はプレビューペインでライブ更新され、公開後にサイト全体に適用されます。
ロゴとブランディング
サイト基本情報セクション内。
ロゴ画像をアップロードします。テーマの
custom-headerサポートは 1000×150px(フレキシブル)で宣言されています。サイトタイトルとキャッチフレーズを設定します。
ロゴはヘッダーのブランディングセクションに描画されます。
カラー
色セクションは以下を公開します。
設定 | デフォルト |
コンテンツテキスト |
|
コンテンツ背景 |
|
プライマリ |
|
リンク |
|
テキスト |
|
背景 |
|
見出し |
|
プライマリ色はボタン、アクセント、ハイライトされた UI を駆動します。リンク色はインラインのアンカータグに適用されます。見出しとテキストの色はすべての本文コンテンツに適用されます。
プライマリまたはリンク色を変更すると、SportsPress テンプレートのオーバーライドはテーマの色変数を継承するため、変更は SportsPress リーグテーブル、カレンダー、選手プロフィールページにカスケードします。
レイアウト
レイアウトセクションは以下を公開します。
コンテンツ幅 — 1000px から 2000px のスライダー(デフォルト 1000px)。SportsPress セクションを含むサイト全体の最大コンテンツエリア幅を調整します。
ヘッダー
ヘッダー設定は Customizer 設定とテーマコードの間で分割されます。
Customizer の ヘッダーセクション(存在する場合)では、ヘッダー色、検索アイコンの表示などを選択できます。
ヘッダーエリアセクション — ヘッダーに表示される内容(メニュー、ブランディング、バナー、ウィジェット)— は
functions.php内のheader_area_sectionsフィルタを介して構成されます。
Marquee の場合、デフォルトのヘッダーセクションは: (Rookie フレームワークのデフォルトセクションを使用)。
ウィジェットとサイドバー
ウィジェットエリアは framework.php(または functions.php)に登録され、外観 → ウィジェットで公開されます。各テーマは、プライマリコンテンツサイドバー、フッターカラム、SportsPress 固有のサイドバー(例: チームページ用)をカバーする 3 から 12 のサイドバーを登録します。
テーマを編集せずに CSS をカスタマイズする
カスタム CSS を追加する最もクリーンな方法は 外観 → カスタマイズ → 追加 CSS を使用することです。これは CSS をデータベースに保存し、テーマの更新でも維持されます。より大規模な CSS や PHP の変更には、子テーマを使用してください。
子テーマ
コードレベルの変更を安全に行うには。
wp-content/themes/marquee-child/の下に子テーマディレクトリを作成します。ヘッダーに
Template: marqueeを含むstyle.cssを追加します。子テーマを有効化します。
カスタムテンプレートと functions.php のオーバーライドは子テーマに配置します。親テーマファイルはフォールバックとして自動的にロードされます。
