テーマは、サイトのデザインテンプレートパッケージです。 「テンプレート」「ページ」「ファイル」「ウィジェット」の要素で構成されます。 サードパーティ製のテーマをアップロードして適用したり、さらにそれを自由に編集することができます。作成したテーマはサイト全体のデザインとして適用できる他、記事ごと、あるいはページごとに個別に適用することもできます。
テーマ
| 要素 | 機能 |
|---|---|
| 複数テンプレートの登録 | 可 |
| ※画面上でブルーで囲われているものが適用中のテンプレート | |
| テーマを追加（アップロード） | 可 |
| テーマのダウンロード | 可 |
| ※テーマに紐づくテンプレート、ファイル、ページ、ウィジェットをzipファイルで一括ダウンロード | |
| テンプレート内訳 | ・全体レイアウト |
| ・全体レイアウト（スマホ向け） | |
| ・トップページ | |
| ・トップページ（スマホ向け） | |
| ・記事詳細ページ | |
| ・記事詳細ページ（スマホ向け） | |
| ・記事詳細ページ（Google AMP向け） | |
| ・カテゴリ記事一覧ページ | |
| ・カテゴリ記事一覧ページ（スマホ向け） | |
| ・タグ記事一覧ページ | |
| ・タグ記事一覧ページ（スマホ向け） | |
| ・ライター記事一覧ページ | |
| ・ライター記事一覧ページ（スマホ向け） | |
| ・記事詳細（メール送信） | |
| ・404 Not Found | |
| 記事およびページ毎への任意のテンプレート設定 | 可 |
| パーシャルテンプレートの作成 | 可 |
| テンプレートの変更履歴確認 | ・可 |
| ・各テンプレートの右下にある「変更履歴」で確認できます | |
| テンプレート言語 | Liquidを使用 |
| ※オブジェクトはClipkitサービスサイトのGuide を参照してください |
設定
| 要素 | 機能 |
|---|---|
| レスポンシブデザイン | チェックを入れるとスマホ専用のテンプレートを使用せず、すべてのデバイスで共通のテンプレートを使用します |
| ライターページを出力しない | チェックを入れるとライターの情報を表示するページを出力しません |
| バックエンド機能にテーマを適用しない | チェックを入れるとログイン画面やマイページなどのバックエンド側のページにテーマを適用しません |
| 記事編集画面にテーマを適用しない | チェックを入れると記事編集画面にテーマを適用しません |
レイアウト
| 要素 | 機能 |
|---|---|
| レイアウトテンプレート | ・HTML全体部分（<html>〜</html>）が定義されます |
| ・全ページで共通のフッタやヘッダ部分の表示、CSSの読み込みや共通のJavaScriptコードなどはここで定義します | |
| ・コンテンツテンプレートで定義された変数は、ここで参照可能 | |
| ※システムデフォルトの状態に戻すには、[初期値を使用] をクリックしてから保存 |
コンテンツ
| 要素 | 機能 |
|---|---|
| コンテンツテンプレート | ・フロント側の一部ページ（トップページや記事詳細ページなど）を定義可能 |
| ・変更したい項目を選択すると、編集が可能になります | |
| ※システムデフォルトの状態に戻すには、[初期値を使用] をクリックしてから保存 |
パーシャル
| 要素 | 機能 |
|---|---|
| 新しいテンプレートを作る（パーシャルテンプレート） | ・他のテンプレートやページ内から利用できる、再利用可能な部分テンプレートを作成可能 |
| ・パーシャルテンプレートはLiquidタグ {% render 'テンプレート名' %} で読み込むことができます | |
| ※システムデフォルトの状態に戻すには、[初期値を使用] をクリックしてから保存 |
記事アイテム
| 要素 | 機能 |
|---|---|
| 新しいテンプレートを作る | 記事アイテムの表示レイアウトをHTMLレベルで細かく変更できるテンプレートを作成可能 |