メインコンテンツにスキップ

Boxseat のカスタマイズ

Boxseat は色、レイアウト、ヘッダー、ロゴの設定のために WordPress Customizer(**外観 → カスタマイズ**)と統合されます。Customizer の変更はプレビューペインでライブ更新され、公開後にサイト全体に適用されます。

今日アップデートされました

Boxseat のカスタマイズ

Boxseat は色、レイアウト、ヘッダー、ロゴの設定のために WordPress Customizer(外観 → カスタマイズ)と統合されます。Customizer の変更はプレビューペインでライブ更新され、公開後にサイト全体に適用されます。

ロゴとブランディング

サイト基本情報セクション内。

  • ロゴ画像をアップロードします。テーマの custom-header サポートは 1000×150px(フレキシブル)で宣言されています。

  • サイトタイトルとキャッチフレーズを設定します。

ロゴはヘッダーのブランディングセクションに描画されます。

カラー

セクションは以下を公開します。

設定

デフォルト

コンテンツテキスト

#000111

コンテンツ背景

#ffffff

プライマリ

#1ebbc1

リンク

#1ebbc1

テキスト

#000111

背景

#ffffff

見出し

#ffffff

プライマリ色はボタン、アクセント、ハイライトされた UI を駆動します。リンク色はインラインのアンカータグに適用されます。見出しとテキストの色はすべての本文コンテンツに適用されます。

プライマリまたはリンク色を変更すると、SportsPress テンプレートのオーバーライドはテーマの色変数を継承するため、変更は SportsPress リーグテーブル、カレンダー、選手プロフィールページにカスケードします。

レイアウト

レイアウトセクションは以下を公開します。

  • コンテンツ幅 — 1000px から 2000px のスライダー(デフォルト 1000px)。SportsPress セクションを含むサイト全体の最大コンテンツエリア幅を調整します。

ヘッダー

ヘッダー設定は Customizer 設定とテーマコードの間で分割されます。

  • Customizer の ヘッダーセクション(存在する場合)では、ヘッダー色、検索アイコンの表示などを選択できます。

  • ヘッダーエリアセクション — ヘッダーに表示される内容(メニュー、ブランディング、バナー、ウィジェット)— は functions.php 内の header_area_sections フィルタを介して構成されます。

Boxseat の場合、デフォルトのヘッダーセクションは: ['branding', 'menu', 'banner']。

ウィジェットとサイドバー

ウィジェットエリアは framework.php(または functions.php)に登録され、外観 → ウィジェットで公開されます。各テーマは、プライマリコンテンツサイドバー、フッターカラム、SportsPress 固有のサイドバー(例: チームページ用)をカバーする 3 から 12 のサイドバーを登録します。

テーマを編集せずに CSS をカスタマイズする

カスタム CSS を追加する最もクリーンな方法は 外観 → カスタマイズ → 追加 CSS を使用することです。これは CSS をデータベースに保存し、テーマの更新でも維持されます。より大規模な CSS や PHP の変更には、子テーマを使用してください。

子テーマ

コードレベルの変更を安全に行うには。

  1. wp-content/themes/boxseat-child/ の下に子テーマディレクトリを作成します。

  2. ヘッダーに Template: boxseat を含む style.css を追加します。

  3. 子テーマを有効化します。

カスタムテンプレートと functions.php のオーバーライドは子テーマに配置します。親テーマファイルはフォールバックとして自動的にロードされます。

こちらの回答で解決しましたか?