テーマ

TubePressはサイトを2つの層で装飾します。ノーコードの外観画面はアクティブなテーマのスタイルを変更しますが、テーマシステム — このページのテーマ — はWordPressスタイルで、基礎となるテンプレートとマークアップを決定します。テーマをインストールして複数手元に置いておけますが、一度に実行できるのは1つだけです。

インストール直後のサイトには、バンドルされたSimplyテーマが適用されています。外観から完全に色を変更したり、マーケットプレイスから別のテーマに切り替えたり、ファイルを直接編集したりできます。いずれの操作もコンテンツには影響しません。

テーマの仕組み

テーマはthemes/配下のフォルダーで、PHP テンプレートとオプションのアセットおよびヘルパーが含まれています。アクティブなテーマはすべてのフロントエンドページの外観を制御し、その値はレンダリング時に外観設定と重ね合わせられます。重要なのは、テーマは変更したいテンプレートのみを提供すれば良いということです。

テーマのインストールと有効化

すべての操作は/admin/themesで行います。このページの上部にはインストール済みのテーマが一覧表示され、下部にはマーケットプレイスのグリッドが表示されます。

1. マーケットプレイスを閲覧する。無料テーマはワンクリックでインストールでき、有料テーマはアカウントが接続されるとクレジットでアンロックされます。接続と購入についてはマーケットプレイスガイドを参照してください。
2. インストール。テーマがダウンロードされ、themes/に展開されます。これで利用可能になりますが、まだ有効ではありません。
3. 有効化。インストール済みのテーマの有効化ボタンを押すと、そのテーマが有効になります。一度に有効にできるテーマは1つだけで、アクティブなテーマはアンインストールできません。
4. カスタマイズ。アクティブなテーマにはカスタマイズボタンが表示され、外観に直接ジャンプします。

非アクティブなテーマはゴミ箱アイコンで削除でき（ファイルが削除されます）、どのテーマにもリセット操作があり、他のテーマに影響を与えずにそのテーマの保存済み設定をクリアします。

Simplyテーマ

Simplyはすべてのインストールに付属するクリーンでモダンなデフォルトテーマであり、カスタムテーマが提供しないテンプレートのフォールバックでもあります。外観画面全体が駆動するテーマでもあります。ライトパレットとダークパレット、ブランディング、レイアウト、カードと視聴オプションはすべてSimplyのテンプレートに反映されます。ほとんどのサイトでは、外観からSimplyの色を変更するだけで必要なテーマ設定はすべて完結します。

プレミアムテーマ

TubePressにはトークン駆動のプレミアムスタイリングレイヤーも付属しています。色をハードコーディングする代わりに、そのスタイルシートは外観パレットが生成するのと同じ CSS カスタムプロパティ（var(--primary)など）に基づいて記述されており、ベーススタイルシートの後に読み込まれます。実用的な効果として、プレミアムの仕上げは外観 → Colorsで選択した色トークンに合わせて自動的に再スキンされます — アクセントカラーを1つ変えるだけで、テーマ全体が追従します。

テーマエディター

実際に調整する場合は、/admin/themes/editorでアクティブなテーマの組み込みコードエディターが利用できます。左のファイルツリーにはフォルダーごとにグループ化されたすべてのテーマファイルが一覧表示され、選択するとシンタックスハイライト付きのエディター（PHP、CSS、JS、JSON、HTML）で開きます。ボタンまたはCtrl+S/Cmd+Sで保存でき、未保存の変更があるまま離れようとするとエディターが警告します。スーパー管理者のみ利用可能です。

テーマの安全な切り替え

テーマを有効化または切り替えても、データには一切影響しません。動画、タクソノミー、ページ、ユーザー、コメント、コア設定はすべてデータベースに保存されており、テーマファイルとは完全に分離されています。各テーマ固有のオプションはそのテーマの名前空間に属しているため、テーマを切り替えても各テーマのカスタマイズ設定はすべて保持されます。リセット操作では、リセットしたテーマの設定、翻訳オーバーライド、カスタマイズのみがクリアされます。テーマを試して気に入らなければ切り替えて戻せます — 何も失われません。

次のステップ