GRAVテーマのカスマイズ

CMS

標準テーマを継承したテーマの作成に関するメモです。

Quarkを継承したQuarkExを作成する手順は以下の通りです。

  1. user/theme/quarkexフォルダーを作成する。

  2. user/theme/quarkex/quarkex.yamlを作成する。

    streams:
 schemes:
   theme:
     type: ReadOnlyStream
     prefixes:
       '':
         - user/themes/quarkex
         - user/themes/quark

  3. user/theme/quarkex/blueprints.yamlを作成する。 

    name: QuarkEx
version: 1.0.0
description: "Extending Quark"
icon: crosshairs
author:
      name: arapan

  4. user/theme/quark/languages.yamlをuser/theme/quarkexにコピーする。

  5. languages.yamlにjaを追加する。

    ja:
  THEME_QUARK:
    BLOG:
      ITEM:
        CONTINUE_READING: 続きを読む
        NEXT_POST: 次の記事
        PREV_POST: 前の記事
    SIDEBAR:
      SIMPLE_SEARCH:
        HEADLINE: 検索
      RELATED_POSTS:
        HEADLINE: 関連記事
      RANDOM_ARTICLE:
        HEADLINE: Random Article
        FEELING_LUCKY: I'm Feeling Lucky!
      SOME_TEXT_WIDGET:
        HEADLINE: Some Text Widget
      POPULAR_TAGS:
        HEADLINE: タグ
      ARCHIVES:
        HEADLINE: アーカイブ
      SYNDICATE:
        HEADLINE: フィード

  6. user/config/system.yamlのテーマ名を修正する。 

    pages:
  theme: quarkex

  7. カスタムが必要なファイルをコピーして修正する。
    quarkexのフォルダー構成: 

    quarkex
├── blueprints.yaml
├── css
│   └── custom.css
├── languages.yaml
├── quarkex.yaml
├── screenshot.jpg
├── templates
│   └── partials
│       ├── archives.html.twig
│       ├── blog
│       │   └── date.html.twig
│       ├── footer.html.twig
│       └── logo.html.twig
└── thumbnail.jpg

参考資料

前の記事 次の記事