diff --git a/bin/develop/develop.yaml b/bin/develop/develop.yaml index ef78749..b8205d9 100644 --- a/bin/develop/develop.yaml +++ b/bin/develop/develop.yaml @@ -1,64 +1,618 @@ category: - - { category_id: 1, category_code: news, category_status: open, category_parent: 0, category_sort: 1, category_left: 1, category_right: 2, category_name: お知らせ, category_scope: local, category_indexing: 'on', category_config_set_id: null, category_config_set_scope: local, category_theme_set_id: null, category_theme_set_scope: local, category_editor_set_id: null, category_editor_set_scope: local, category_blog_id: 1 } - - { category_id: 2, category_code: contact, category_status: open, category_parent: 0, category_sort: 2, category_left: 3, category_right: 4, category_name: お問い合わせ, category_scope: local, category_indexing: 'on', category_config_set_id: null, category_config_set_scope: local, category_theme_set_id: null, category_theme_set_scope: local, category_editor_set_id: null, category_editor_set_scope: local, category_blog_id: 1 } + - { + category_id: 1, + category_code: news, + category_status: open, + category_parent: 0, + category_sort: 1, + category_left: 1, + category_right: 2, + category_name: お知らせ, + category_scope: local, + category_indexing: 'on', + category_config_set_id: null, + category_config_set_scope: local, + category_theme_set_id: null, + category_theme_set_scope: local, + category_editor_set_id: null, + category_editor_set_scope: local, + category_blog_id: 1, + } + - { + category_id: 2, + category_code: contact, + category_status: open, + category_parent: 0, + category_sort: 2, + category_left: 3, + category_right: 4, + category_name: お問い合わせ, + category_scope: local, + category_indexing: 'on', + category_config_set_id: null, + category_config_set_scope: local, + category_theme_set_id: null, + category_theme_set_scope: local, + category_editor_set_id: null, + category_editor_set_scope: local, + category_blog_id: 1, + } column: - - { column_id: 417019de-88e8-4fb8-885f-7171018f291f, column_status: open, column_sort: 1, column_align: '', column_type: block-editor, column_parent_id: null, column_anker: '', column_attr: '', column_group: '', column_size: '', column_field_1: "

CMS Ver. 3.2 より、新しい公式テーマ「develop」が追加されました。このテーマは、現代的なWeb開発のスタイルに合わせて設計されており、拡張・カスタマイズのベースとしても最適です。

採用技術・特徴

V2モジュールについて

新しく追加された、V2モジュールは twigテンプレートのみで使用できるモジュールです。 twigテンプレートによるテーマ実装では、基本的に V2モジュールを使って実装していきます。

V2モジュールのスニペット

管理者でログインしている状態で Ctl + K （⌘K） を押すことで、クイックサーチ機能が開きます。ここで ;v2 と入力することにより、V2モジュールのスニペット一覧を表示できます。

\"クイックサーチからスニペット表示\"
クイックサーチからスニペット表示

V2モジュールの変数表の見方

V2モジュールでは、変数表が用意されていません。代わりにテンプレートでモジュールを読み込んだ状態で、クイックサーチから利用できる変数を確認できるようになっています。

モジュールの記述例

{% set blogField = module('V2_Blog_Field', null, { bid: RBID }) %}

管理者でログインしている状態で Ctl + K （⌘K） を押すことで、クイックサーチ機能が開きます。

この時 デバックモード状態 であれば # を入力することで、読み込んでいる V２モジュールの変数表を表示することができます。

\"クイックサーチから変数表を表示\"
クイックサーチから変数表を表示
\"実際の値が入った変数表が確認できる\"
実際の値が入った変数表が確認できる

バンドル環境の使い方

インストール

themes/develop に移動して、下記のコマンドを実行します。実行することでビルドに必要なツールなどがインストールされます。

$ npm install

本番用ビルド

cssのbuildとjsのbuildを行います。 納品時にはこのコマンドを実行して納品してください。 JavaScriptが productionビルド となります。

$ npm run build

開発用ビルド

以下のコマンドを実行すると、cssとjsの変更をwatchしてビルドを行います。スムーズにビルド・確認ができるため、開発中はこちらのコマンドをご利用ください。

$ npm run dev

組み込みJSについて

JavaScriptは include/head/js.twig で読んでいます。developテーマではパフォーマンス向上のために、Touch_SessionWithContributionを使って、投稿者以上の場合だけ読み込むようにしています。

{% if touch('Touch_SessionWithContribution') %}\r\n<script src=\"{{ JS_LIB_JQUERY_DIR }}jquery-{{JS_LIB_JQUERY_DIR_VERSION}}.min.js\" charset=\"UTF-8\"></script>\r\n<script src=\"{{ ROOT_DIR }}acms.js{{ js.arguments }}\" charset=\"UTF-8\" id=\"acms-js\"></script>\r\n{% endif %}

組み込みJSを読まないようにすると、スライダーや、画像ビューワーなどの組み込みJSが動作しなくなりますが、一部のよく利用する組み込みJSを src/js/lib/buildIn/ に実装しsrc/js/main.js で読み込んでいます。

import {\r\n  // 組み込みJS\r\n} from './lib/buildIn/';

これ以外に必要な機能やライブラリは、自分でインストール、実装する必要があります。

バンドル環境が整っていますので、 npm経由でライブラリをもってきて、 importする方式をお勧めします。以下 lazy load を実装する例になります。

$ npm i vanilla-lazyload
import LazyLoad from 'vanilla-lazyload';\r\n\r\ndomContentLoaded(() => {\r\n  new LazyLoad({elements_selector: '.js-lazy-load'});\r\n});

", column_field_2: '', column_field_3: '', column_field_4: '', column_field_5: '', column_field_6: '', column_field_7: '', column_field_8: '', column_group_class: '', column_group_tag: '', column_entry_id: 1, column_blog_id: 1 } - - { column_id: 534f8a52-0012-4e78-b919-a47013781ea6, column_status: open, column_sort: 1, column_align: '', column_type: block-editor, column_parent_id: null, column_anker: '', column_attr: '', column_group: '', column_size: '', column_field_1: "
\"テスト画像\"
キャプション

この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

見出し２が入ります

この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

見出し３が入ります。

この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

見出し4が入ります。

この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

インライン系のHTMLタグ

この文章はダミーです。太字B。この文章はダミーです。

この文章はダミーです。イタリックI。この文章はダミーです。

この文章はダミーです。取り消し線T。この文章はダミーです。

この文章はダミーです。コード acms-mt-4 この文章はダミーです。

この文章はダミーです。リンク（https://www.appleple.com/）。この文章はダミーです。

テキスト配置

左寄せ短め。

左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。

中央寄せ短め。

中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。

右寄せ短め。

右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。

リスト表示

  1. 番号付きリストが入ります

  2. 番号付きリストが入ります

    1. 番号付きリストが入ります

    2. 番号付きリストが入ります

  3. 番号付きリストが入ります

引用文

引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。

コード

.tag-wrapper {\r\n  margin: 0 0 1.5rem;\r\n}\r\n\r\n.tag-title-inline {\r\n  margin: 0 0 1rem;\r\n  font-size: map.get(global.$font-scales, body-m);\r\n}\r\n\r\n.tag-box {\r\n  padding: 1rem 0.5rem 0.25rem;\r\n  background: global.$color-gray20;\r\n}

リンクボタン

リンクボタン

ファイル

\"\"

sample.pdf

\"\"

sample.pdf

テーブル

スクロールを促すテーブル

見出し

見出し

見出し

見出し

見出し

テスト

テストテスト

テストテストテスト

テストテスト

テストテストテストテスト

見出し

テスト

テストテスト

テストテスト

テストテスト

テスト

見出し

テスト

テストテスト

テストテストテストテスト

テストテスト

テスト

マルチカラム

テキストがテキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

", column_field_2: '', column_field_3: '', column_field_4: '', column_field_5: '', column_field_6: '', column_field_7: '', column_field_8: '', column_group_class: '', column_group_tag: '', column_entry_id: 2, column_blog_id: 1 } + - { + column_id: 417019de-88e8-4fb8-885f-7171018f291f, + column_status: open, + column_sort: 1, + column_align: '', + column_type: block-editor, + column_parent_id: null, + column_anker: '', + column_attr: '', + column_group: '', + column_size: '', + column_field_1: "

CMS Ver. 3.2 より、新しい公式テーマ「develop」が追加されました。このテーマは、現代的なWeb開発のスタイルに合わせて設計されており、拡張・カスタマイズのベースとしても最適です。

採用技術・特徴

V2モジュールについて

新しく追加された、V2モジュールは twigテンプレートのみで使用できるモジュールです。 twigテンプレートによるテーマ実装では、基本的に V2モジュールを使って実装していきます。

V2モジュールのスニペット

管理者でログインしている状態で Ctl + K （⌘K） を押すことで、クイックサーチ機能が開きます。ここで ;v2 と入力することにより、V2モジュールのスニペット一覧を表示できます。

\"クイックサーチからスニペット表示\"
クイックサーチからスニペット表示

V2モジュールの変数表の見方

V2モジュールでは、変数表が用意されていません。代わりにテンプレートでモジュールを読み込んだ状態で、クイックサーチから利用できる変数を確認できるようになっています。

モジュールの記述例

{% set blogField = module('V2_Blog_Field', null, { bid: RBID }) %}

管理者でログインしている状態で Ctl + K （⌘K） を押すことで、クイックサーチ機能が開きます。

この時 デバックモード状態 であれば # を入力することで、読み込んでいる V２モジュールの変数表を表示することができます。

\"クイックサーチから変数表を表示\"
クイックサーチから変数表を表示
\"実際の値が入った変数表が確認できる\"
実際の値が入った変数表が確認できる

バンドル環境の使い方

インストール

themes/develop に移動して、下記のコマンドを実行します。実行することでビルドに必要なツールなどがインストールされます。

$ npm install

本番用ビルド

cssのbuildとjsのbuildを行います。 納品時にはこのコマンドを実行して納品してください。 JavaScriptが productionビルド となります。

$ npm run build

開発用ビルド

以下のコマンドを実行すると、cssとjsの変更をwatchしてビルドを行います。スムーズにビルド・確認ができるため、開発中はこちらのコマンドをご利用ください。

$ npm run dev

組み込みJSについて

JavaScriptは include/head/js.twig で読んでいます。developテーマではパフォーマンス向上のために、Touch_SessionWithContributionを使って、投稿者以上の場合だけ読み込むようにしています。

{% if touch('Touch_SessionWithContribution') %}\r\n<script src=\"{{ JS_LIB_JQUERY_DIR }}jquery-{{JS_LIB_JQUERY_DIR_VERSION}}.min.js\" charset=\"UTF-8\"></script>\r\n<script src=\"{{ ROOT_DIR }}acms.js{{ js.arguments }}\" charset=\"UTF-8\" id=\"acms-js\"></script>\r\n{% endif %}

組み込みJSを読まないようにすると、スライダーや、画像ビューワーなどの組み込みJSが動作しなくなりますが、一部のよく利用する組み込みJSを src/js/lib/buildIn/ に実装しsrc/js/main.js で読み込んでいます。

import {\r\n  // 組み込みJS\r\n} from './lib/buildIn/';

これ以外に必要な機能やライブラリは、自分でインストール、実装する必要があります。

バンドル環境が整っていますので、 npm経由でライブラリをもってきて、 importする方式をお勧めします。以下 lazy load を実装する例になります。

$ npm i vanilla-lazyload
import LazyLoad from 'vanilla-lazyload';\r\n\r\ndomContentLoaded(() => {\r\n  new LazyLoad({elements_selector: '.js-lazy-load'});\r\n});

", + column_field_2: '', + column_field_3: '', + column_field_4: '', + column_field_5: '', + column_field_6: '', + column_field_7: '', + column_field_8: '', + column_group_class: '', + column_group_tag: '', + column_entry_id: 1, + column_blog_id: 1, + } + - { + column_id: 534f8a52-0012-4e78-b919-a47013781ea6, + column_status: open, + column_sort: 1, + column_align: '', + column_type: block-editor, + column_parent_id: null, + column_anker: '', + column_attr: '', + column_group: '', + column_size: '', + column_field_1: "
\"テスト画像\"
キャプション

この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

見出し２が入ります

この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

見出し３が入ります。

この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

見出し4が入ります。

この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

インライン系のHTMLタグ

この文章はダミーです。太字B。この文章はダミーです。

この文章はダミーです。イタリックI。この文章はダミーです。

この文章はダミーです。取り消し線T。この文章はダミーです。

この文章はダミーです。コード acms-mt-4 この文章はダミーです。

この文章はダミーです。リンク（https://www.appleple.com/）。この文章はダミーです。

テキスト配置

左寄せ短め。

左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。左寄せ長文。

中央寄せ短め。

中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。中央寄せ長文。

右寄せ短め。

右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。右寄せ長文。

リスト表示

  1. 番号付きリストが入ります

  2. 番号付きリストが入ります

    1. 番号付きリストが入ります

    2. 番号付きリストが入ります

  3. 番号付きリストが入ります

引用文

引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。

コード

.tag-wrapper {\r\n  margin: 0 0 1.5rem;\r\n}\r\n\r\n.tag-title-inline {\r\n  margin: 0 0 1rem;\r\n  font-size: map.get(global.$font-scales, body-m);\r\n}\r\n\r\n.tag-box {\r\n  padding: 1rem 0.5rem 0.25rem;\r\n  background: global.$color-gray20;\r\n}

リンクボタン

リンクボタン

ファイル

\"\"

sample.pdf

\"\"

sample.pdf

テーブル

スクロールを促すテーブル

見出し

見出し

見出し

見出し

見出し

テスト

テストテスト

テストテストテスト

テストテスト

テストテストテストテスト

見出し

テスト

テストテスト

テストテスト

テストテスト

テスト

見出し

テスト

テストテスト

テストテストテストテスト

テストテスト

テスト

マルチカラム

テキストがテキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

", + column_field_2: '', + column_field_3: '', + column_field_4: '', + column_field_5: '', + column_field_6: '', + column_field_7: '', + column_field_8: '', + column_group_class: '', + column_group_tag: '', + column_entry_id: 2, + column_blog_id: 1, + } config: - - { config_key: theme, config_value: develop, config_sort: 1, config_rule_id: null, config_module_id: null, config_set_id: 2, config_blog_id: 1 } - - { config_key: load_yaml_tpl, config_value: 'on', config_sort: 2, config_rule_id: null, config_module_id: null, config_set_id: 2, config_blog_id: 1 } - - { config_key: tpl_top, config_value: index.twig, config_sort: 3, config_rule_id: null, config_module_id: null, config_set_id: 2, config_blog_id: 1 } - - { config_key: tpl_index, config_value: index.twig, config_sort: 4, config_rule_id: null, config_module_id: null, config_set_id: 2, config_blog_id: 1 } - - { config_key: tpl_detail, config_value: _entry.twig, config_sort: 5, config_rule_id: null, config_module_id: null, config_set_id: 2, config_blog_id: 1 } - - { config_key: tpl_404, config_value: 404.twig, config_sort: 6, config_rule_id: null, config_module_id: null, config_set_id: 2, config_blog_id: 1 } - - { config_key: tpl_admin, config_value: admin.html, config_sort: 7, config_rule_id: null, config_module_id: null, config_set_id: 2, config_blog_id: 1 } - - { config_key: tpl_login, config_value: _member-admin/login.html, config_sort: 8, config_rule_id: null, config_module_id: null, config_set_id: 2, config_blog_id: 1 } - - { config_key: tpl_twig, config_value: enabled, config_sort: 9, config_rule_id: null, config_module_id: null, config_set_id: 2, config_blog_id: 1 } - - { config_key: navigation_publish, config_value: 'on', config_sort: 1, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_publish, config_value: 'on', config_sort: 2, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_target, config_value: '', config_sort: 3, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation@sort, config_value: '', config_sort: 4, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_label, config_value: お知らせ, config_sort: 5, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_label, config_value: お問い合わせ, config_sort: 6, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_uri, config_value: '%{HOME_URL}news/', config_sort: 7, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_uri, config_value: '%{HOME_URL}contact/', config_sort: 8, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_attr, config_value: '', config_sort: 9, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_a_attr, config_value: '', config_sort: 10, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_parent, config_value: '', config_sort: 11, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } - - { config_key: navigation_media, config_value: '', config_sort: 12, config_rule_id: null, config_module_id: 1, config_set_id: null, config_blog_id: 1 } + - { + config_key: theme, + config_value: develop, + config_sort: 1, + config_rule_id: null, + config_module_id: null, + config_set_id: 2, + config_blog_id: 1, + } + - { + config_key: load_yaml_tpl, + config_value: 'on', + config_sort: 2, + config_rule_id: null, + config_module_id: null, + config_set_id: 2, + config_blog_id: 1, + } + - { + config_key: tpl_top, + config_value: index.twig, + config_sort: 3, + config_rule_id: null, + config_module_id: null, + config_set_id: 2, + config_blog_id: 1, + } + - { + config_key: tpl_index, + config_value: index.twig, + config_sort: 4, + config_rule_id: null, + config_module_id: null, + config_set_id: 2, + config_blog_id: 1, + } + - { + config_key: tpl_detail, + config_value: _entry.twig, + config_sort: 5, + config_rule_id: null, + config_module_id: null, + config_set_id: 2, + config_blog_id: 1, + } + - { + config_key: tpl_404, + config_value: 404.twig, + config_sort: 6, + config_rule_id: null, + config_module_id: null, + config_set_id: 2, + config_blog_id: 1, + } + - { + config_key: tpl_admin, + config_value: admin.html, + config_sort: 7, + config_rule_id: null, + config_module_id: null, + config_set_id: 2, + config_blog_id: 1, + } + - { + config_key: tpl_login, + config_value: _member-admin/login.html, + config_sort: 8, + config_rule_id: null, + config_module_id: null, + config_set_id: 2, + config_blog_id: 1, + } + - { + config_key: tpl_twig, + config_value: enabled, + config_sort: 9, + config_rule_id: null, + config_module_id: null, + config_set_id: 2, + config_blog_id: 1, + } + - { + config_key: navigation_publish, + config_value: 'on', + config_sort: 1, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_publish, + config_value: 'on', + config_sort: 2, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_target, + config_value: '', + config_sort: 3, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation@sort, + config_value: '', + config_sort: 4, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_label, + config_value: お知らせ, + config_sort: 5, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_label, + config_value: お問い合わせ, + config_sort: 6, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_uri, + config_value: '%{HOME_URL}news/', + config_sort: 7, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_uri, + config_value: '%{HOME_URL}contact/', + config_sort: 8, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_attr, + config_value: '', + config_sort: 9, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_a_attr, + config_value: '', + config_sort: 10, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_parent, + config_value: '', + config_sort: 11, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } + - { + config_key: navigation_media, + config_value: '', + config_sort: 12, + config_rule_id: null, + config_module_id: 1, + config_set_id: null, + config_blog_id: 1, + } comment: config_set: - - { config_set_id: 1, config_set_type: null, config_set_sort: 2, config_set_name: 基本設定, config_set_scope: global, config_set_description: '', config_set_blog_id: 1 } - - { config_set_id: 2, config_set_type: theme, config_set_sort: 3, config_set_name: 'Develop 基本テーマ', config_set_scope: local, config_set_description: '', config_set_blog_id: 1 } - - { config_set_id: 3, config_set_type: editor, config_set_sort: 4, config_set_name: 基本編集画面, config_set_scope: local, config_set_description: '', config_set_blog_id: 1 } + - { + config_set_id: 1, + config_set_type: null, + config_set_sort: 2, + config_set_name: 基本設定, + config_set_scope: global, + config_set_description: '', + config_set_blog_id: 1, + } + - { + config_set_id: 2, + config_set_type: theme, + config_set_sort: 3, + config_set_name: 'Develop 基本テーマ', + config_set_scope: local, + config_set_description: '', + config_set_blog_id: 1, + } + - { + config_set_id: 3, + config_set_type: editor, + config_set_sort: 4, + config_set_name: 基本編集画面, + config_set_scope: local, + config_set_description: '', + config_set_blog_id: 1, + } dashboard: entry: - - { entry_id: 1, entry_code: about.html, entry_status: open, entry_approval: none, entry_form_status: '', entry_sort: 1, entry_user_sort: 1, entry_category_sort: 1, entry_title: developテーマ使い方ガイド, entry_link: '', entry_datetime: '2025-07-23 12:00:00', entry_start_datetime: '2025-06-27 13:32:56', entry_end_datetime: '9999-12-31 23:59:59', entry_posted_datetime: '2025-07-23 18:18:40', entry_updated_datetime: '2025-09-04 20:11:22', entry_summary_range: null, entry_indexing: 'on', entry_members_only: 'off', entry_primary_image: null, entry_current_rev_id: 1, entry_reserve_rev_id: 0, entry_last_update_user_id: 1, entry_hash: 7d7ec7a29045505f153fe92262287183, entry_category_id: 1, entry_user_id: 1, entry_form_id: 0, entry_blog_id: 1, entry_delete_uid: null, entry_lock_datetime: '1000-01-01 00:00:00', entry_lock_uid: 0 } - - { entry_id: 2, entry_code: example.html, entry_status: open, entry_approval: none, entry_form_status: '', entry_sort: 2, entry_user_sort: 2, entry_category_sort: 2, entry_title: 記事の入力例, entry_link: '', entry_datetime: '2025-07-01 12:00:00', entry_start_datetime: '2025-07-23 15:20:52', entry_end_datetime: '9999-12-31 23:59:59', entry_posted_datetime: '2025-07-23 18:18:56', entry_updated_datetime: '2025-09-04 20:12:05', entry_summary_range: null, entry_indexing: 'on', entry_members_only: 'off', entry_primary_image: null, entry_current_rev_id: 1, entry_reserve_rev_id: 0, entry_last_update_user_id: 1, entry_hash: 71d3e5e4e17c068b005db8244ee2409b, entry_category_id: 1, entry_user_id: 1, entry_form_id: 0, entry_blog_id: 1, entry_delete_uid: null, entry_lock_datetime: '1000-01-01 00:00:00', entry_lock_uid: 0 } + - { + entry_id: 1, + entry_code: about.html, + entry_status: open, + entry_approval: none, + entry_form_status: '', + entry_sort: 1, + entry_user_sort: 1, + entry_category_sort: 1, + entry_title: developテーマ使い方ガイド, + entry_link: '', + entry_datetime: '2025-07-23 12:00:00', + entry_start_datetime: '2025-06-27 13:32:56', + entry_end_datetime: '9999-12-31 23:59:59', + entry_posted_datetime: '2025-07-23 18:18:40', + entry_updated_datetime: '2025-09-04 20:11:22', + entry_summary_range: null, + entry_indexing: 'on', + entry_members_only: 'off', + entry_primary_image: null, + entry_current_rev_id: 1, + entry_reserve_rev_id: 0, + entry_last_update_user_id: 1, + entry_hash: 7d7ec7a29045505f153fe92262287183, + entry_category_id: 1, + entry_user_id: 1, + entry_form_id: 0, + entry_blog_id: 1, + entry_delete_uid: null, + entry_lock_datetime: '1000-01-01 00:00:00', + entry_lock_uid: 0, + } + - { + entry_id: 2, + entry_code: example.html, + entry_status: open, + entry_approval: none, + entry_form_status: '', + entry_sort: 2, + entry_user_sort: 2, + entry_category_sort: 2, + entry_title: 記事の入力例, + entry_link: '', + entry_datetime: '2025-07-01 12:00:00', + entry_start_datetime: '2025-07-23 15:20:52', + entry_end_datetime: '9999-12-31 23:59:59', + entry_posted_datetime: '2025-07-23 18:18:56', + entry_updated_datetime: '2025-09-04 20:12:05', + entry_summary_range: null, + entry_indexing: 'on', + entry_members_only: 'off', + entry_primary_image: null, + entry_current_rev_id: 1, + entry_reserve_rev_id: 0, + entry_last_update_user_id: 1, + entry_hash: 71d3e5e4e17c068b005db8244ee2409b, + entry_category_id: 1, + entry_user_id: 1, + entry_form_id: 0, + entry_blog_id: 1, + entry_delete_uid: null, + entry_lock_datetime: '1000-01-01 00:00:00', + entry_lock_uid: 0, + } field: - - { field_key: entry_main_image, field_value: '3', field_type: null, field_sort: 1, field_search: 'on', field_eid: 1, field_cid: null, field_uid: null, field_bid: null, field_mid: null, field_unit_id: null, field_blog_id: 1 } - - { field_key: entry_main_image@media, field_value: '3', field_type: media, field_sort: 1, field_search: 'off', field_eid: 1, field_cid: null, field_uid: null, field_bid: null, field_mid: null, field_unit_id: null, field_blog_id: 1 } - - { field_key: entry_main_image, field_value: '1', field_type: null, field_sort: 1, field_search: 'on', field_eid: 2, field_cid: null, field_uid: null, field_bid: null, field_mid: null, field_unit_id: null, field_blog_id: 1 } - - { field_key: entry_main_image@media, field_value: '1', field_type: media, field_sort: 1, field_search: 'off', field_eid: 2, field_cid: null, field_uid: null, field_bid: null, field_mid: null, field_unit_id: null, field_blog_id: 1 } + - { + field_key: entry_main_image, + field_value: '3', + field_type: null, + field_sort: 1, + field_search: 'on', + field_eid: 1, + field_cid: null, + field_uid: null, + field_bid: null, + field_mid: null, + field_unit_id: null, + field_blog_id: 1, + } + - { + field_key: entry_main_image@media, + field_value: '3', + field_type: media, + field_sort: 1, + field_search: 'off', + field_eid: 1, + field_cid: null, + field_uid: null, + field_bid: null, + field_mid: null, + field_unit_id: null, + field_blog_id: 1, + } + - { + field_key: entry_main_image, + field_value: '1', + field_type: null, + field_sort: 1, + field_search: 'on', + field_eid: 2, + field_cid: null, + field_uid: null, + field_bid: null, + field_mid: null, + field_unit_id: null, + field_blog_id: 1, + } + - { + field_key: entry_main_image@media, + field_value: '1', + field_type: media, + field_sort: 1, + field_search: 'off', + field_eid: 2, + field_cid: null, + field_uid: null, + field_bid: null, + field_mid: null, + field_unit_id: null, + field_blog_id: 1, + } form: - - { form_id: 1, form_code: contactForm, form_name: お問い合わせ, form_scope: local, form_log: 1, form_data: 9d7bed3d75779b7f5c9ca63619ebc8a50e60b71330533bff4c84fa2b0653742d.Tzo1OiJGaWVsZCI6Mzp7czo5OiJfYXJ5RmllbGQiO2E6MTp7czo1OiJzY29wZSI7YToxOntpOjA7czo1OiJsb2NhbCI7fX1zOjk6Il9hcnlDaGlsZCI7YToyOntzOjQ6Im1haWwiO086MTY6IkZpZWxkX1ZhbGlkYXRpb24iOjY6e3M6OToiX2FyeUZpZWxkIjthOjI3OntzOjIyOiJJbnZhbGlkTXVsdGlwbGVBZGRyZXNzIjthOjE6e2k6MDtzOjE6IjEiO31zOjc6IlN1YmplY3QiO2E6MDp7fXM6NDoiQm9keSI7YTowOnt9czoxMDoiU3ViamVjdFRwbCI7YToxOntpOjA7czoyNToiL2NvbnRhY3QvZm9ybS9zdWJqZWN0LnR4dCI7fXM6NzoiQm9keVRwbCI7YToxOntpOjA7czoyMjoiL2NvbnRhY3QvZm9ybS9ib2R5LnR4dCI7fXM6MTE6IkJvZHlIVE1MVHBsIjthOjE6e2k6MDtzOjIzOiIvY29udGFjdC9mb3JtL2JvZHkuaHRtbCI7fXM6MTA6InRlbXBsYXRlVG8iO2E6MDp7fXM6NDoiRnJvbSI7YToxOntpOjA7czoxNjoiaW5mb0BleGFtcGxlLmNvbSI7fXM6MTI6InRlbXBsYXRlRnJvbSI7YToxOntpOjA7czo5OiJmb3JiaWRkZW4iO31zOjEwOiJ0ZW1wbGF0ZUNjIjthOjE6e2k6MDtzOjk6ImZvcmJpZGRlbiI7fXM6MTE6InRlbXBsYXRlQmNjIjthOjE6e2k6MDtzOjk6ImZvcmJpZGRlbiI7fXM6MTY6InRlbXBsYXRlUmVwbHktVG8iO2E6MTp7aTowO3M6OToiZm9yYmlkZGVuIjt9czo4OiJGb3JtU2VuZCI7YTowOnt9czoxMjoiQWRtaW5TdWJqZWN0IjthOjA6e31zOjk6IkFkbWluQm9keSI7YTowOnt9czoxNToiQWRtaW5TdWJqZWN0VHBsIjthOjE6e2k6MDtzOjMwOiIvY29udGFjdC9mb3JtL2FkbWluc3ViamVjdC50eHQiO31zOjEyOiJBZG1pbkJvZHlUcGwiO2E6MTp7aTowO3M6Mjc6Ii9jb250YWN0L2Zvcm0vYWRtaW5ib2R5LnR4dCI7fXM6MTY6IkFkbWluQm9keUhUTUxUcGwiO2E6MTp7aTowO3M6Mjg6Ii9jb250YWN0L2Zvcm0vYWRtaW5ib2R5Lmh0bWwiO31zOjc6IkFkbWluVG8iO2E6MTp7aTowO3M6MTY6ImluZm9AZXhhbXBsZS5jb20iO31zOjE1OiJ0ZW1wbGF0ZUFkbWluVG8iO2E6MTp7aTowO3M6OToiZm9yYmlkZGVuIjt9czo5OiJBZG1pbkZyb20iO2E6MTp7aTowO3M6MTY6ImluZm9AZXhhbXBsZS5jb20iO31zOjE3OiJ0ZW1wbGF0ZUFkbWluRnJvbSI7YToxOntpOjA7czo5OiJmb3JiaWRkZW4iO31zOjE1OiJ0ZW1wbGF0ZUFkbWluQ2MiO2E6MTp7aTowO3M6OToiZm9yYmlkZGVuIjt9czoxNjoidGVtcGxhdGVBZG1pbkJjYyI7YToxOntpOjA7czo5OiJmb3JiaWRkZW4iO31zOjIxOiJ0ZW1wbGF0ZUFkbWluUmVwbHktVG8iO2E6MDp7fXM6MTU6IkFkbWluQXR0YWNobWVudCI7YTowOnt9czoxMzoiQWRtaW5Gb3JtU2VuZCI7YTowOnt9fXM6OToiX2FyeUNoaWxkIjthOjA6e31zOjg6Il9hcnlNZXRhIjthOjA6e31zOjU6Il9hcnlWIjthOjA6e31zOjEwOiJfYXJ5TWV0aG9kIjthOjA6e31zOjk6Il9hcnlHcm91cCI7YTowOnt9fXM6Njoib3B0aW9uIjtPOjE2OiJGaWVsZF9WYWxpZGF0aW9uIjo2OntzOjk6Il9hcnlGaWVsZCI7YTozOntzOjU6ImZpZWxkIjthOjY6e2k6MDtzOjQ6Im5hbWUiO2k6MTtzOjU6ImVtYWlsIjtpOjI7czo1OiJlbWFpbCI7aTozO3M6MTE6ImRlc2NyaXB0aW9uIjtpOjQ7czo3OiJpbnF1aXJ5IjtpOjU7czo3OiJwcml2YWN5Ijt9czo2OiJtZXRob2QiO2E6Njp7aTowO3M6ODoicmVxdWlyZWQiO2k6MTtzOjg6InJlcXVpcmVkIjtpOjI7czo1OiJlbWFpbCI7aTozO3M6ODoicmVxdWlyZWQiO2k6NDtzOjg6InJlcXVpcmVkIjtpOjU7czo4OiJyZXF1aXJlZCI7fXM6NToidmFsdWUiO2E6Njp7aTowO3M6MDoiIjtpOjE7czowOiIiO2k6MjtzOjA6IiI7aTozO3M6MDoiIjtpOjQ7czowOiIiO2k6NTtzOjA6IiI7fX1zOjk6Il9hcnlDaGlsZCI7YTowOnt9czo4OiJfYXJ5TWV0YSI7YTowOnt9czo1OiJfYXJ5ViI7YTowOnt9czoxMDoiX2FyeU1ldGhvZCI7YTowOnt9czo5OiJfYXJ5R3JvdXAiO2E6MDp7fX19czo4OiJfYXJ5TWV0YSI7YTowOnt9fQ==, form_current_serial: 0, form_blog_id: 1 } + - { + form_id: 1, + form_code: contactForm, + form_name: お問い合わせ, + form_scope: local, + form_log: 1, + form_data: 9d7bed3d75779b7f5c9ca63619ebc8a50e60b71330533bff4c84fa2b0653742d.Tzo1OiJGaWVsZCI6Mzp7czo5OiJfYXJ5RmllbGQiO2E6MTp7czo1OiJzY29wZSI7YToxOntpOjA7czo1OiJsb2NhbCI7fX1zOjk6Il9hcnlDaGlsZCI7YToyOntzOjQ6Im1haWwiO086MTY6IkZpZWxkX1ZhbGlkYXRpb24iOjY6e3M6OToiX2FyeUZpZWxkIjthOjI3OntzOjIyOiJJbnZhbGlkTXVsdGlwbGVBZGRyZXNzIjthOjE6e2k6MDtzOjE6IjEiO31zOjc6IlN1YmplY3QiO2E6MDp7fXM6NDoiQm9keSI7YTowOnt9czoxMDoiU3ViamVjdFRwbCI7YToxOntpOjA7czoyNToiL2NvbnRhY3QvZm9ybS9zdWJqZWN0LnR4dCI7fXM6NzoiQm9keVRwbCI7YToxOntpOjA7czoyMjoiL2NvbnRhY3QvZm9ybS9ib2R5LnR4dCI7fXM6MTE6IkJvZHlIVE1MVHBsIjthOjE6e2k6MDtzOjIzOiIvY29udGFjdC9mb3JtL2JvZHkuaHRtbCI7fXM6MTA6InRlbXBsYXRlVG8iO2E6MDp7fXM6NDoiRnJvbSI7YToxOntpOjA7czoxNjoiaW5mb0BleGFtcGxlLmNvbSI7fXM6MTI6InRlbXBsYXRlRnJvbSI7YToxOntpOjA7czo5OiJmb3JiaWRkZW4iO31zOjEwOiJ0ZW1wbGF0ZUNjIjthOjE6e2k6MDtzOjk6ImZvcmJpZGRlbiI7fXM6MTE6InRlbXBsYXRlQmNjIjthOjE6e2k6MDtzOjk6ImZvcmJpZGRlbiI7fXM6MTY6InRlbXBsYXRlUmVwbHktVG8iO2E6MTp7aTowO3M6OToiZm9yYmlkZGVuIjt9czo4OiJGb3JtU2VuZCI7YTowOnt9czoxMjoiQWRtaW5TdWJqZWN0IjthOjA6e31zOjk6IkFkbWluQm9keSI7YTowOnt9czoxNToiQWRtaW5TdWJqZWN0VHBsIjthOjE6e2k6MDtzOjMwOiIvY29udGFjdC9mb3JtL2FkbWluc3ViamVjdC50eHQiO31zOjEyOiJBZG1pbkJvZHlUcGwiO2E6MTp7aTowO3M6Mjc6Ii9jb250YWN0L2Zvcm0vYWRtaW5ib2R5LnR4dCI7fXM6MTY6IkFkbWluQm9keUhUTUxUcGwiO2E6MTp7aTowO3M6Mjg6Ii9jb250YWN0L2Zvcm0vYWRtaW5ib2R5Lmh0bWwiO31zOjc6IkFkbWluVG8iO2E6MTp7aTowO3M6MTY6ImluZm9AZXhhbXBsZS5jb20iO31zOjE1OiJ0ZW1wbGF0ZUFkbWluVG8iO2E6MTp7aTowO3M6OToiZm9yYmlkZGVuIjt9czo5OiJBZG1pbkZyb20iO2E6MTp7aTowO3M6MTY6ImluZm9AZXhhbXBsZS5jb20iO31zOjE3OiJ0ZW1wbGF0ZUFkbWluRnJvbSI7YToxOntpOjA7czo5OiJmb3JiaWRkZW4iO31zOjE1OiJ0ZW1wbGF0ZUFkbWluQ2MiO2E6MTp7aTowO3M6OToiZm9yYmlkZGVuIjt9czoxNjoidGVtcGxhdGVBZG1pbkJjYyI7YToxOntpOjA7czo5OiJmb3JiaWRkZW4iO31zOjIxOiJ0ZW1wbGF0ZUFkbWluUmVwbHktVG8iO2E6MDp7fXM6MTU6IkFkbWluQXR0YWNobWVudCI7YTowOnt9czoxMzoiQWRtaW5Gb3JtU2VuZCI7YTowOnt9fXM6OToiX2FyeUNoaWxkIjthOjA6e31zOjg6Il9hcnlNZXRhIjthOjA6e31zOjU6Il9hcnlWIjthOjA6e31zOjEwOiJfYXJ5TWV0aG9kIjthOjA6e31zOjk6Il9hcnlHcm91cCI7YTowOnt9fXM6Njoib3B0aW9uIjtPOjE2OiJGaWVsZF9WYWxpZGF0aW9uIjo2OntzOjk6Il9hcnlGaWVsZCI7YTozOntzOjU6ImZpZWxkIjthOjY6e2k6MDtzOjQ6Im5hbWUiO2k6MTtzOjU6ImVtYWlsIjtpOjI7czo1OiJlbWFpbCI7aTozO3M6MTE6ImRlc2NyaXB0aW9uIjtpOjQ7czo3OiJpbnF1aXJ5IjtpOjU7czo3OiJwcml2YWN5Ijt9czo2OiJtZXRob2QiO2E6Njp7aTowO3M6ODoicmVxdWlyZWQiO2k6MTtzOjg6InJlcXVpcmVkIjtpOjI7czo1OiJlbWFpbCI7aTozO3M6ODoicmVxdWlyZWQiO2k6NDtzOjg6InJlcXVpcmVkIjtpOjU7czo4OiJyZXF1aXJlZCI7fXM6NToidmFsdWUiO2E6Njp7aTowO3M6MDoiIjtpOjE7czowOiIiO2k6MjtzOjA6IiI7aTozO3M6MDoiIjtpOjQ7czowOiIiO2k6NTtzOjA6IiI7fX1zOjk6Il9hcnlDaGlsZCI7YTowOnt9czo4OiJfYXJ5TWV0YSI7YTowOnt9czo1OiJfYXJ5ViI7YTowOnt9czoxMDoiX2FyeU1ldGhvZCI7YTowOnt9czo5OiJfYXJ5R3JvdXAiO2E6MDp7fX19czo4OiJfYXJ5TWV0YSI7YTowOnt9fQ==, + form_current_serial: 0, + form_blog_id: 1, + } module: - - { module_id: 1, module_identifier: navigation_global, module_name: V2_Navigation, module_label: グルーバルナビゲーション, module_description: '', module_status: open, module_scope: global, module_cache: 0, module_bid: null, module_bid_axis: self, module_uid: null, module_uid_scope: local, module_cid: null, module_cid_scope: local, module_cid_axis: self, module_eid: null, module_eid_scope: local, module_keyword: null, module_keyword_scope: local, module_tag: null, module_tag_scope: local, module_field: null, module_field_scope: local, module_start: null, module_start_scope: local, module_end: null, module_end_scope: local, module_page: null, module_page_scope: local, module_order: null, module_order_scope: local, module_custom_field: 'off', module_layout_use: 0, module_api_use: 'off', module_created_datetime: '2025-07-23 15:16:24', module_updated_datetime: '2025-07-23 15:18:22', module_blog_id: 1 } + - { + module_id: 1, + module_identifier: navigation_global, + module_name: V2_Navigation, + module_label: グルーバルナビゲーション, + module_description: '', + module_status: open, + module_scope: global, + module_cache: 0, + module_bid: null, + module_bid_axis: self, + module_uid: null, + module_uid_scope: local, + module_cid: null, + module_cid_scope: local, + module_cid_axis: self, + module_eid: null, + module_eid_scope: local, + module_keyword: null, + module_keyword_scope: local, + module_tag: null, + module_tag_scope: local, + module_field: null, + module_field_scope: local, + module_start: null, + module_start_scope: local, + module_end: null, + module_end_scope: local, + module_page: null, + module_page_scope: local, + module_order: null, + module_order_scope: local, + module_custom_field: 'off', + module_layout_use: 0, + module_api_use: 'off', + module_created_datetime: '2025-07-23 15:16:24', + module_updated_datetime: '2025-07-23 15:18:22', + module_blog_id: 1, + } rule: tag: - - { tag_name: タグ1, tag_sort: 1, tag_entry_id: 1, tag_blog_id: 1 } - - { tag_name: タグ1, tag_sort: 1, tag_entry_id: 2, tag_blog_id: 1 } - - { tag_name: タグ2, tag_sort: 2, tag_entry_id: 1, tag_blog_id: 1 } - - { tag_name: タグ2, tag_sort: 2, tag_entry_id: 2, tag_blog_id: 1 } - - { tag_name: タグ3, tag_sort: 3, tag_entry_id: 1, tag_blog_id: 1 } + - { tag_name: タグ1, tag_sort: 1, tag_entry_id: 1, tag_blog_id: 1 } + - { tag_name: タグ1, tag_sort: 1, tag_entry_id: 2, tag_blog_id: 1 } + - { tag_name: タグ2, tag_sort: 2, tag_entry_id: 1, tag_blog_id: 1 } + - { tag_name: タグ2, tag_sort: 2, tag_entry_id: 2, tag_blog_id: 1 } + - { tag_name: タグ3, tag_sort: 3, tag_entry_id: 1, tag_blog_id: 1 } schedule: layout_grid: blog: - - { blog_id: 1, blog_parent: 0, blog_config_set_id: 1, blog_config_set_scope: global, blog_theme_set_id: 2, blog_theme_set_scope: local, blog_editor_set_id: 3, blog_editor_set_scope: local } + - { + blog_id: 1, + blog_parent: 0, + blog_config_set_id: 1, + blog_config_set_scope: global, + blog_theme_set_id: 2, + blog_theme_set_scope: local, + blog_editor_set_id: 3, + blog_editor_set_scope: local, + } media: - - { media_id: 1, media_status: '', media_type: image, media_extension: PNG, media_path: 001/201902/582ddf4f0b1bcafe706149506e6ecd04.png, media_thumbnail: '', media_original: 001/201902/large-582ddf4f0b1bcafe706149506e6ecd04.png, media_file_name: 582ddf4f0b1bcafe706149506e6ecd04.png, media_image_size: '858 x 483', media_file_size: '2444', media_upload_date: '2019-02-24 17:22:28', media_update_date: '2019-02-24 17:22:28', media_field_1: '', media_field_2: '', media_field_3: '', media_field_4: '', media_field_5: '', media_field_6: '', media_user_id: 1, media_blog_id: 1, media_last_update_user_id: null } - - { media_id: 2, media_status: entry, media_type: file, media_extension: PDF, media_path: 001/202507/sample.pdf, media_thumbnail: 001/202507/a1b220cb7c237374.jpg, media_original: '', media_file_name: sample.pdf, media_image_size: '', media_file_size: '10938', media_upload_date: '2025-07-23 15:28:23', media_update_date: '2025-07-23 15:28:23', media_field_1: '', media_field_2: '', media_field_3: '', media_field_4: '', media_field_5: '', media_field_6: '1', media_user_id: 1, media_blog_id: 1, media_last_update_user_id: 1 } - - { media_id: 3, media_status: '', media_type: image, media_extension: PNG, media_path: 001/202507/quick-search.png, media_thumbnail: '', media_original: 001/202507/large-quick-search.png, media_file_name: quick-search.png, media_image_size: '2282 x 1036', media_file_size: '280698', media_upload_date: '2025-07-23 18:31:58', media_update_date: '2025-07-23 18:31:58', media_field_1: '', media_field_2: '', media_field_3: '', media_field_4: '', media_field_5: '', media_field_6: '', media_user_id: 1, media_blog_id: 1, media_last_update_user_id: 1 } - - { media_id: 4, media_status: '', media_type: image, media_extension: PNG, media_path: 001/202507/v2-module-vars-index.png, media_thumbnail: '', media_original: 001/202507/large-v2-module-vars-index.png, media_file_name: v2-module-vars-index.png, media_image_size: '2282 x 1036', media_file_size: '227119', media_upload_date: '2025-07-23 18:43:01', media_update_date: '2025-07-23 18:43:01', media_field_1: '', media_field_2: '', media_field_3: '', media_field_4: '', media_field_5: '', media_field_6: '', media_user_id: 1, media_blog_id: 1, media_last_update_user_id: 1 } - - { media_id: 5, media_status: '', media_type: image, media_extension: PNG, media_path: 001/202507/v2-module-vars-detail.png, media_thumbnail: '', media_original: 001/202507/large-v2-module-vars-detail.png, media_file_name: v2-module-vars-detail.png, media_image_size: '2282 x 1036', media_file_size: '222817', media_upload_date: '2025-07-23 18:43:34', media_update_date: '2025-07-23 18:43:34', media_field_1: '', media_field_2: '', media_field_3: '', media_field_4: '', media_field_5: '', media_field_6: '', media_user_id: 1, media_blog_id: 1, media_last_update_user_id: 1 } + - { + media_id: 1, + media_status: '', + media_type: image, + media_extension: PNG, + media_path: 001/201902/582ddf4f0b1bcafe706149506e6ecd04.png, + media_thumbnail: '', + media_original: 001/201902/large-582ddf4f0b1bcafe706149506e6ecd04.png, + media_file_name: 582ddf4f0b1bcafe706149506e6ecd04.png, + media_image_size: '858 x 483', + media_file_size: '2444', + media_upload_date: '2019-02-24 17:22:28', + media_update_date: '2019-02-24 17:22:28', + media_field_1: '', + media_field_2: '', + media_field_3: '', + media_field_4: '', + media_field_5: '', + media_field_6: '', + media_user_id: 1, + media_blog_id: 1, + media_last_update_user_id: null, + } + - { + media_id: 2, + media_status: entry, + media_type: file, + media_extension: PDF, + media_path: 001/202507/sample.pdf, + media_thumbnail: 001/202507/a1b220cb7c237374.jpg, + media_original: '', + media_file_name: sample.pdf, + media_image_size: '', + media_file_size: '10938', + media_upload_date: '2025-07-23 15:28:23', + media_update_date: '2025-07-23 15:28:23', + media_field_1: '', + media_field_2: '', + media_field_3: '', + media_field_4: '', + media_field_5: '', + media_field_6: '1', + media_user_id: 1, + media_blog_id: 1, + media_last_update_user_id: 1, + } + - { + media_id: 3, + media_status: '', + media_type: image, + media_extension: PNG, + media_path: 001/202507/quick-search.png, + media_thumbnail: '', + media_original: 001/202507/large-quick-search.png, + media_file_name: quick-search.png, + media_image_size: '2282 x 1036', + media_file_size: '280698', + media_upload_date: '2025-07-23 18:31:58', + media_update_date: '2025-07-23 18:31:58', + media_field_1: '', + media_field_2: '', + media_field_3: '', + media_field_4: '', + media_field_5: '', + media_field_6: '', + media_user_id: 1, + media_blog_id: 1, + media_last_update_user_id: 1, + } + - { + media_id: 4, + media_status: '', + media_type: image, + media_extension: PNG, + media_path: 001/202507/v2-module-vars-index.png, + media_thumbnail: '', + media_original: 001/202507/large-v2-module-vars-index.png, + media_file_name: v2-module-vars-index.png, + media_image_size: '2282 x 1036', + media_file_size: '227119', + media_upload_date: '2025-07-23 18:43:01', + media_update_date: '2025-07-23 18:43:01', + media_field_1: '', + media_field_2: '', + media_field_3: '', + media_field_4: '', + media_field_5: '', + media_field_6: '', + media_user_id: 1, + media_blog_id: 1, + media_last_update_user_id: 1, + } + - { + media_id: 5, + media_status: '', + media_type: image, + media_extension: PNG, + media_path: 001/202507/v2-module-vars-detail.png, + media_thumbnail: '', + media_original: 001/202507/large-v2-module-vars-detail.png, + media_file_name: v2-module-vars-detail.png, + media_image_size: '2282 x 1036', + media_file_size: '222817', + media_upload_date: '2025-07-23 18:43:34', + media_update_date: '2025-07-23 18:43:34', + media_field_1: '', + media_field_2: '', + media_field_3: '', + media_field_4: '', + media_field_5: '', + media_field_6: '', + media_user_id: 1, + media_blog_id: 1, + media_last_update_user_id: 1, + } media_tag: diff --git a/package.json b/package.json index dd03939..20b1db0 100644 --- a/package.json +++ b/package.json @@ -39,10 +39,10 @@ "themes/**develop**/**/*.{css,js,jsx,ts,tsx,twig}": [ "npm --prefix themes/develop run format" ], - "themes/**develop**/**/*.{js,jsx,ts,tsx,vue,svelte}": [ + "themes/**develop**/src/js/**/*.{js,jsx,ts,tsx,vue,svelte}": [ "npm --prefix themes/develop run eslint" ], - "themes/**develop**/**/*.{css,scss,sass,less,styl,vue,svelte}": [ + "themes/**develop**/src/style/**/*.{css,scss,sass,less,styl,vue,svelte}": [ "npm --prefix themes/develop run stylelint" ] } diff --git a/themes/develop/include/unit/extend.html b/themes/develop/include/unit/extend.html index 9e00c04..2cbc774 100644 --- a/themes/develop/include/unit/extend.html +++ b/themes/develop/include/unit/extend.html @@ -3,7 +3,7 @@ -
+

目次

diff --git a/themes/develop/src/style/_theme.css b/themes/develop/src/style/_theme.css index c14f7b6..032423c 100644 --- a/themes/develop/src/style/_theme.css +++ b/themes/develop/src/style/_theme.css @@ -5,12 +5,10 @@ } :root { - --unit-margin-top: 0; - --unit-margin-bottom: 1.5em; --unit-gap-x: 1em; - @media (width >= 520px) { - --unit-margin-bottom: 2em; + /* stylelint-disable-next-line media-query-no-invalid */ + @media (width >= theme(breakpoint.sm)) { --unit-gap-x: 2em; } } diff --git a/themes/develop/src/style/editor.css b/themes/develop/src/style/editor.css index bd233ca..e8f603d 100644 --- a/themes/develop/src/style/editor.css +++ b/themes/develop/src/style/editor.css @@ -6,6 +6,7 @@ @import 'tailwindcss/theme.css' layer(theme); @import 'tailwindcss/utilities.css' layer(utilities); @import './_theme.css'; -@import './editor/index.css'; @plugin "@tailwindcss/typography"; + +@config '../../tailwind.config.js'; diff --git a/themes/develop/src/style/editor/_base.css b/themes/develop/src/style/editor/_base.css deleted file mode 100644 index 8d3908a..0000000 --- a/themes/develop/src/style/editor/_base.css +++ /dev/null @@ -1,19 +0,0 @@ -:where(.prose) *:first-child, -:where(.prose) *:first-child.column-block-editor > *:first-child, /* ブロックエディター内 */ -/* stylelint-disable-next-line selector-class-pattern */ -:where(.prose) *:first-child.js-edit_inplace > *:first-child, /*ダイレクト編集時 */ -/* stylelint-disable-next-line selector-class-pattern */ -:where(.prose) *:first-child.js-edit_inplace-hovering + .js-edit_inplace > *:first-child /*ダイレクト編集時にホバー */ { - /* コンテンツの初めの要素には上余白をつけない */ - margin-block-start: 0; -} - -:where(.prose) .acms-cssgrid { - --acms-gap: var(--unit-gap-x); -} - -:where(.prose) .acms-stack, -:where(.prose) .acms-vstack, -:where(.prose) .acms-hstack { - --acms-stack-spacing: var(--unit-gap-x); -} diff --git a/themes/develop/src/style/editor/_block-editor-layout.css b/themes/develop/src/style/editor/_block-editor-layout.css deleted file mode 100644 index a0732c6..0000000 --- a/themes/develop/src/style/editor/_block-editor-layout.css +++ /dev/null @@ -1,73 +0,0 @@ -/* ------------------------------ - ブロックエディター内要素のレイアウト ------------------------------- */ - -/* レイアウト */ -:where(.prose) :where([data-type='columns']) { - @apply grid grid-flow-col box-border mt-(--unit-margin-top) mb-(--unit-margin-bottom) gap-(--unit-gap-x); - - /* 2カラム */ - &.layout-two-column { - @apply grid-cols-2; - } - - /* 3カラム */ - &.layout-three-column { - @apply grid-cols-3; - } -} - -/* 管理画面側 */ -:where(.acms-admin-block-editor) :where([data-type='columns']) { - @apply !gap-4; /* 管理画面では余白が広くなりすぎないよう固定値を指定 */ -} - -/* カラム上下余白 -/* 編集画面でのブロックエディターでのカラム上下余白親要素でとるため、 -/* 子要素の最初と最後の上下マージンをリセット -/* 上書きのため詳細度高め（0,0,2,0） ------------------------------ */ -:where(.prose) { - [data-type='column'] > * { - &:first-child { - @apply mt-0; - } - - &:last-child { - @apply mb-0; - } - } -} - -/* メディアサイズ ------------------------------ */ -:where(.media-image-block) { - figure { - /* リセット用 */ - @apply m-0; - } - - .media-width-25 { - @apply max-w-1/4; - } - - .media-width-33 { - @apply max-w-1/3; - } - - .media-width-50 { - @apply max-w-1/2; - } - - .media-width-66 { - @apply max-w-2/3; - } - - .media-width-75 { - @apply max-w-3/4; - } - - .media-width-100 { - @apply max-w-full; - } -} diff --git a/themes/develop/src/style/editor/_unit-align.css b/themes/develop/src/style/editor/_unit-align.css deleted file mode 100644 index 7003a65..0000000 --- a/themes/develop/src/style/editor/_unit-align.css +++ /dev/null @@ -1,11 +0,0 @@ -.align-left { - @apply flex justify-start; -} - -.align-right { - @apply flex justify-end; -} - -.align-center { - @apply flex justify-center; -} diff --git a/themes/develop/src/style/editor/elements/_button.css b/themes/develop/src/style/editor/elements/_button.css deleted file mode 100644 index 75100ad..0000000 --- a/themes/develop/src/style/editor/elements/_button.css +++ /dev/null @@ -1,41 +0,0 @@ -/* ------------------------------ - - リンクボタン - - ブロックエディターのファイル（ボタン型） ------------------------------- */ - -/* 上下余白 */ -/* stylelint-disable selector-class-pattern */ -:where(.prose) .node-linkButton, -.link-button-block, -:where(.prose) .node-fileBlock:has(.acms-admin-block-editor-file-link), -.media-file-block[data-display-type='button'] { - @apply mt-(--unit-margin-top) mb-(--unit-margin-bottom); -} -/* stylelint-enable selector-class-pattern */ - -/* リンク */ -.acms-admin-block-editor-link-button-link:not(:has(.link-button-block-link)), -.link-button-block-link, -.acms-admin-block-editor-file-link, -.media-file-block[data-display-type='button'] a, -.prose .media-file-block[data-display-type='button'] a { - @apply inline-flex place-items-center px-[.75em] py-[.5em] border border-gray-200 rounded-md bg-indigo-50 leading-[1.3] no-underline text-sm font-semibold gap-[.375em] text-gray-900; -} - -/* リンク動作スタイル（閲覧画面のみ） */ -.link-button-block-link, -.media-file-block[data-display-type='button'] a { - @apply hover:opacity-70 hover:text-gray-900 transition-opacity; -} - -/* ブロックエディターのファイル（ボタン型）のアイコン */ -.acms-admin-block-editor-file-link img, -.media-file-block[data-display-type='button'] img { - @apply w-8 h-auto my-0; -} - -/* ブロックエディターのファイル（ボタン型）のキャプション */ -.acms-admin-block-editor-file-link .caption, -.media-file-block[data-display-type='button'] .caption { - @apply m-0 text-current; -} diff --git a/themes/develop/src/style/editor/elements/_custom.css b/themes/develop/src/style/editor/elements/_custom.css deleted file mode 100644 index 0c58cf6..0000000 --- a/themes/develop/src/style/editor/elements/_custom.css +++ /dev/null @@ -1,28 +0,0 @@ -/* ------------------------------ - カスタムユニット - ------------------------------ */ - -/* 目次 -=============================== */ -.toc .level-1 { - @apply pl-0 mt-[1.5em] -mb-[.25em]; - - li { - @apply pl-0; - } -} - -.toc .level-2 { - @apply pl-[1em] mb-0; -} - -.toc .level-2 li { - @apply flex gap-[0.5em]; -} - -.toc .level-2 li::before { - @apply block w-[1em] bg-no-repeat bg-center; - - content: ''; - background-image: url("data:image/svg+xml;charset=UTF-8,"); -} diff --git a/themes/develop/src/style/editor/elements/_embed.css b/themes/develop/src/style/editor/elements/_embed.css deleted file mode 100644 index 3e745b5..0000000 --- a/themes/develop/src/style/editor/elements/_embed.css +++ /dev/null @@ -1,33 +0,0 @@ -/* 埋め込み ------------------------------- */ -[class*='column-embed'] { - @apply mt-(--unit-margin-top) mb-(--unit-margin-bottom); - - .acms-embed-link { - @apply overflow-hidden block md:flex p-0 text-inherit border border-gray-200 rounded-md font-normal md:transition-opacity hover:opacity-70 no-underline; - } - - .acms-embed-link-image-container { - @apply md:w-1/3 flex-none mr-0; - } - - .acms-embed-link-image-container img { - @apply block w-full m-0 md:h-full md:object-cover; - } - - .acms-embed-link-content { - @apply flex flex-col max-w-none p-[2em] md:w-2/3 bg-white; - } - - .acms-embed-link-title { - @apply mb-[.375em] mt-0 text-base leading-6 line-clamp-2 font-normal text-gray-700 no-underline; - } - - .acms-embed-link-site-name { - @apply -order-1 p-0 mt-0 mb-[.25em] text-gray-700 text-sm line-clamp-1; - } - - .acms-embed-link-description { - @apply p-0 m-0 text-xs text-gray-500 leading-relaxed line-clamp-2; - } -} diff --git a/themes/develop/src/style/editor/elements/_file.css b/themes/develop/src/style/editor/elements/_file.css deleted file mode 100644 index 9f2f371..0000000 --- a/themes/develop/src/style/editor/elements/_file.css +++ /dev/null @@ -1,47 +0,0 @@ -/* ------------------------------ - - ブロックエディターのファイル（縦積み） - - メディアファイル - - ファイル ------------------------------- */ -/* stylelint-disable selector-class-pattern */ -:where(.prose) .node-fileBlock:not(:has(.acms-admin-block-editor-file-link)), -.media-file-block[data-display-type='icon'], -[class*='column-media']:has(a[href*='media-download'], a[href*='storage']), -[class*='column-file'] { - @apply mt-(--unit-margin-top) mb-(--unit-margin-bottom) text-center leading-0; -} - -.acms-admin-block-editor-file { - @apply leading-[0] /* Descender space 対策 */; -} - -/* ファイルアイコン */ -.acms-admin-block-editor-file:not(:has(.acms-admin-block-editor-file-link)) img, -.media-file-block[data-display-type='icon'] img, -[class*='column-media'] .columnIcon, -[class*='column-file'] .columnIcon { - @apply inline-block max-w-full h-auto w-[70px] m-0; -} -/* stylelint-enable selector-class-pattern */ - -/* キャプション */ -.acms-admin-block-editor-file:not(:has(.acms-admin-block-editor-file-link)) .caption, -.media-file-block[data-display-type='icon'] .caption, -[class*='column-media']:has(a[href*='media-download'], a[href*='storage']) .caption, -[class*='column-file'] .caption { - @apply m-0 mt-[.75em] text-gray-500 text-sm text-center leading-normal; -} - -/* リンク（閲覧画面のみ） */ -.media-file-block[data-display-type='icon'] a, -[class*='column-media'] a[href*='media-download'], -[class*='column-media'] a[href*='storage'], -[class*='column-file'] a { - @apply inline-block no-underline hover:opacity-70 transition-opacity; -} - -/* PDFプレビュー ------------------------------- */ -.column-pdf-image { - @apply max-w-full border-gray-200 border mb-0; -} diff --git a/themes/develop/src/style/editor/elements/_image.css b/themes/develop/src/style/editor/elements/_image.css deleted file mode 100644 index 0cafe9e..0000000 --- a/themes/develop/src/style/editor/elements/_image.css +++ /dev/null @@ -1,65 +0,0 @@ -/* ------------------------------ - メディア画像・画像・画像URL ------------------------------- */ - -/* 管理画面側：ブロックエディターfigure要素リセット用 */ -.acms-admin-block-editor-image { - @apply m-0; -} - -/* 上下余白 */ -/* stylelint-disable selector-class-pattern */ -:where(.media-image-block), -:where(.prose) .node-imageBlock, -[class*='column-image'], -[class*='column-media']:not(:has(a[href*='media-download'], a[href*='storage'])), -[class*='column-eximage'] { - @apply mt-(--unit-margin-top) mb-(--unit-margin-bottom); -} -/* stylelint-enable selector-class-pattern */ - -/* 画像ユニット：style属性でwidth指定された場合の横はみ出し防止 */ -[class*='column-image'] { - &[style*='width'] { - @apply w-full; - } -} - -/* 共通設定 ------------------------------- */ -:where(.media-image-block), -:where(.acms-admin-block-editor-image), -[class*='column-image'], -[class*='column-media']:not(:has(a[href*='media-download'], a[href*='storage'])), -[class*='column-eximage'] { - @apply leading-0; - - a { - @apply inline-block no-underline transition-opacity duration-200 ease-in-out; - } - - img { - @apply my-0 inline-block max-w-full h-auto rounded-md; - } -} - -:where(.media-image-block), -:where(.acms-admin-block-editor-image) { - @apply text-center; -} - -/* キャプション ------------------------------- */ -:where(.media-image-block) figcaption, -:where(.acms-admin-block-editor-image) figcaption, -[class*='column-image'] .caption, -[class*='column-media']:not(:has(a[href*='media-download'], a[href*='storage'])) .caption, -[class*='column-eximage'] .caption { - @apply mt-3 mb-0 text-gray-500 text-sm; -} - -[class*='column-image'] .caption, -[class*='column-media']:not(:has(a[href*='media-download'], a[href*='storage'])) .caption, -[class*='column-eximage'] .caption { - @apply text-center; -} diff --git a/themes/develop/src/style/editor/elements/_map.css b/themes/develop/src/style/editor/elements/_map.css deleted file mode 100644 index 24cb125..0000000 --- a/themes/develop/src/style/editor/elements/_map.css +++ /dev/null @@ -1,19 +0,0 @@ -/* ------------------------------ - 地図 ------------------------------- */ -[class*='column-map'], -[class*='column-street-view'] { - @apply rounded-md overflow-hidden mt-(--unit-margin-top) mb-(--unit-margin-bottom); -} - -:where(.column-map div:has(> .js-open-street-map)), -:where(.column-map div:has(> .js-s2d-ready)), -:where(.column-street-view div:has(> .js-street-view)) { - @apply max-w-full; -} - -:where(.column-map .js-open-street-map), -:where(.column-map .js-s2d-ready), -:where(.column-street-view .js-street-view) { - @apply aspect-video; -} diff --git a/themes/develop/src/style/editor/elements/_module-unit.css b/themes/develop/src/style/editor/elements/_module-unit.css deleted file mode 100644 index cf6fa99..0000000 --- a/themes/develop/src/style/editor/elements/_module-unit.css +++ /dev/null @@ -1,6 +0,0 @@ -/* ------------------------------ - モジュールユニット ------------------------------- */ -[class*='column-module'] { - @apply mt-(--unit-margin-top) mb-(--unit-margin-bottom); -} diff --git a/themes/develop/src/style/editor/elements/_table.css b/themes/develop/src/style/editor/elements/_table.css deleted file mode 100644 index c710d15..0000000 --- a/themes/develop/src/style/editor/elements/_table.css +++ /dev/null @@ -1,105 +0,0 @@ -/* ------------------------------ - テーブル ------------------------------- */ -/* stylelint-disable selector-class-pattern */ -:where(.prose) { - table { - @apply mt-(--unit-margin-top) mb-(--unit-margin-bottom) border border-gray-200 border-separate border-spacing-0 rounded-md text-base; - - th, - td { - @apply border-b border-l border-gray-200; - - &:first-child { - @apply ps-[.5714em] border-l-0; - } - - tr:last-child & { - @apply border-b-0; - } - } - - th { - @apply p-[.5714em] bg-gray-50; - } - - tr:first-child { - :is(th, td):first-child { - @apply rounded-tl-md; - } - - :is(th, td):last-child { - @apply rounded-tr-md; - } - } - - tr:last-child { - :is(th, td):first-child { - @apply rounded-bl-md; - } - - :is(th, td):last-child { - @apply rounded-br-md; - } - } - - p { - @apply mt-0 mb-0; - } - } -} - -:where(.prose div:has(> table)) { - @apply mt-(--unit-margin-top) mb-(--unit-margin-bottom) overflow-x-auto; - - table { - @apply mt-0 mb-0; - } -} - -/* スクロールするテーブル */ -.acms-table-scrollable, -.js-table-unit-scroll-hint { - th, - td { - @apply whitespace-nowrap break-keep; /* 横スクロールするテーブルの時は常時テキスト折り返しなし */ - } -} -/* stylelint-enable selector-class-pattern */ - -/* acms テーブル */ -.acms-cell-text-left { - @apply text-left!; -} - -.acms-cell-text-center { - @apply text-center!; -} - -.acms-cell-text-right { - @apply text-right!; -} - -.acms-cell-text-nowrap { - @apply whitespace-nowrap!; -} - -.acms-cell-text-bold { - @apply font-bold!; -} - -.acms-cell-text-normal { - @apply font-normal!; -} - -.acms-cell-text-top { - @apply align-top!; -} - -.acms-cell-text-middle { - @apply align-middle!; -} - -.acms-cell-text-bottom { - @apply align-bottom!; -} diff --git a/themes/develop/src/style/editor/elements/_type.css b/themes/develop/src/style/editor/elements/_type.css deleted file mode 100644 index cb8b56c..0000000 --- a/themes/develop/src/style/editor/elements/_type.css +++ /dev/null @@ -1,37 +0,0 @@ -/* ------------------------------ - タイポグラフィ ------------------------------- */ -/* stylelint-disable no-duplicate-selectors */ - -/* リンク -=============================== */ -:where(.prose) { - a { - @apply hover:no-underline; - } -} - -/* コード -=============================== */ -:where(.prose) { - code:not(pre code) { - @apply before:content-none after:content-none bg-gray-50 border border-gray-200 py-1 px-1.5 rounded; - } - - pre { - /* 背景黒の場合にカーソルが見えなくなる問題の対策 */ - @apply caret-[auto]; - } -} - -/* リスト -=============================== */ -:where(.prose) { - ul, - ol { - p { - @apply my-0; - } - } -} -/* stylelint-enable no-duplicate-selectors */ diff --git a/themes/develop/src/style/editor/elements/_video.css b/themes/develop/src/style/editor/elements/_video.css deleted file mode 100644 index 3818371..0000000 --- a/themes/develop/src/style/editor/elements/_video.css +++ /dev/null @@ -1,7 +0,0 @@ -/* ------------------------------ - 動画ユニット ------------------------------- */ -[class*='column-youtube'], -[class*='column-video'] { - @apply max-w-full mt-(--unit-margin-top) mb-(--unit-margin-bottom); -} diff --git a/themes/develop/src/style/editor/index.css b/themes/develop/src/style/editor/index.css deleted file mode 100644 index a488f39..0000000 --- a/themes/develop/src/style/editor/index.css +++ /dev/null @@ -1,25 +0,0 @@ -/* ユニット, カスタムフィールド（編集画面と共通） -=============================== */ - -/* ベース */ -@import './_base.css'; - -/* タイポグラフィー */ -@import './elements/_type.css'; - -/* レイアウト */ -@import './_block-editor-layout.css'; - -/* 配置 */ -@import './_unit-align.css'; - -/* パーツ */ -@import './elements/_button.css'; -@import './elements/_custom.css'; -@import './elements/_embed.css'; -@import './elements/_file.css'; -@import './elements/_image.css'; -@import './elements/_map.css'; -@import './elements/_module-unit.css'; -@import './elements/_table.css'; -@import './elements/_video.css'; diff --git a/themes/develop/src/style/main.css b/themes/develop/src/style/main.css index 925a0af..87cbb5c 100644 --- a/themes/develop/src/style/main.css +++ b/themes/develop/src/style/main.css @@ -2,8 +2,6 @@ @import './_theme.css'; @import './editor.css'; -@plugin "@tailwindcss/typography"; - @utility container { max-width: 64rem; padding-inline: 1rem; diff --git a/themes/develop/tailwind.config.js b/themes/develop/tailwind.config.js new file mode 100644 index 0000000..e737fbf --- /dev/null +++ b/themes/develop/tailwind.config.js @@ -0,0 +1,421 @@ +const round = (num) => + num + .toFixed(7) + .replace(/(\.[0-9]+?)0+$/, '$1') + .replace(/\.0$/, ''); +const em = (px, base) => `${round(px / base)}em`; + +/** @type {import('tailwindcss').Config} */ +module.exports = { + theme: { + extend: { + typography: ({ theme }) => ({ + DEFAULT: { + css: { + // ------------------------------ + // コンテンツ先頭の余白リセット／レイアウト用カスタムプロパティ + // ------------------------------ + '*:first-child': { + marginBlockStart: '0', + }, + '*:first-child.column-block-editor > *:first-child': { + marginBlockStart: '0', + }, + '*:first-child.js-edit_inplace > *:first-child': { + marginBlockStart: '0', + }, + '*:first-child.js-edit_inplace-hovering + .js-edit_inplace > *:first-child': { + marginBlockStart: '0', + }, + '.acms-cssgrid': { + '--acms-gap': 'var(--unit-gap-x)', + }, + '.acms-stack, .acms-vstack, .acms-hstack': { + '--acms-stack-spacing': 'var(--unit-gap-x)', + }, + // ------------------------------ + // 基本スタイル + // ------------------------------ + 'img, video': { + maxWidth: '100%', + height: 'auto', + }, + 'audio, canvas, embed, iframe, object, svg, video': { + display: 'block', + verticalAlign: 'middle', + }, + table: { + 'text-indent': '0', + 'border-color': 'inherit', + 'border-collapse': 'collapse', + }, + + // ------------------------------ + // figure 要素 上書き + // ------------------------------ + 'figure, [role="figure"]': { + marginLeft: 0, + marginRight: 0, + marginTop: em(32, 16), + marginBottom: em(32, 16), + }, + 'figure img, [role="figure"] img': { + marginTop: '0', + marginBottom: '0', + borderRadius: 'var(--radius-md)', + }, + + // [role="figure"] のキャプションを figcaption と同等に + '[role="figure"] .caption': { + color: 'var(--tw-prose-captions)', + fontSize: em(14, 16), + lineHeight: round(20 / 14), + marginTop: em(12, 14), + marginBottom: '0', + }, + // ------------------------------ + // blockquote 上書き + // ------------------------------ + blockquote: { + marginInline: '0', + borderInlineStartStyle: 'solid', + }, + // ------------------------------ + // table 上書き + // ------------------------------ + 'tbody th': { + paddingInlineEnd: em(8, 14), + paddingBottom: em(8, 14), + paddingInlineStart: em(8, 14), + }, + 'tbody th:first-child': { + paddingInlineStart: '0', + }, + 'tbody th:last-child': { + paddingInlineEnd: '0', + }, + 'tbody tr': { + borderBottomStyle: 'solid', + }, + 'table *:last-child': { + marginTop: '0', + marginBottom: '0', + }, + 'div:has(> table)': { + // When wrapping tables for horizontal scroll, carry margins on wrapper + // to preserve vertical rhythm (overflow prevents margin-collapsing). + marginTop: em(32, 16), + marginBottom: em(32, 16), + overflowX: 'auto', + }, + 'div:has(> table) table': { + marginTop: '0', + marginBottom: '0', + }, + + // ------------------------------ + // リンクボタン／ファイル（ボタン型） + // ------------------------------ + '[data-type="linkButton"]': { + // Align with paragraph spacing in defaults: 20px -> 1.25em + marginTop: em(20, 16), + marginBottom: em(20, 16), + }, + '[data-type="linkButton"] a, [data-type="fileBlock"][data-display-type="button"] a': { + display: 'inline-flex', + alignItems: 'center', + paddingLeft: '.75em', + paddingRight: '.75em', + paddingTop: '.5em', + paddingBottom: '.5em', + borderWidth: '1px', + borderStyle: 'solid', + borderColor: 'var(--color-gray-200)', + borderRadius: 'var(--radius-md)', + backgroundColor: 'var(--color-indigo-50) !important', + lineHeight: '1.3', + textDecoration: 'none !important', + fontSize: 'var(--text-sm)', + fontWeight: 'var(--font-weight-semibold)', + gap: '.375em', + color: 'var(--color-gray-900) !important', + transitionProperty: 'opacity', + }, + '[data-type="linkButton"] a:hover, [data-type="fileBlock"][data-display-type="button"] a:hover': { + opacity: '0.7', + color: 'var(--color-gray-900)', + }, + '[data-type="fileBlock"][data-display-type="button"] img': { + width: '2rem', // w-8 + height: 'auto', + marginTop: '0', + marginBottom: '0', + }, + '[data-type="fileBlock"][data-display-type="button"] .caption': { + margin: '0', + color: 'currentColor', + }, + + // ------------------------------ + // ファイルブロック（縦積み／アイコン／リンク） + // ------------------------------ + '[data-type="fileBlock"]': { + // Treat as a standard block with paragraph-like rhythm + marginTop: em(20, 16), + marginBottom: em(20, 16), + textAlign: 'center', + lineHeight: '0', + }, + '[data-type="fileBlock"][data-display-type="icon"] img, [class*="column-media"] .columnIcon, [class*="column-file"] .columnIcon': + { + display: 'inline-block', + maxWidth: '100%', + height: 'auto', + width: '70px', + margin: '0', + }, + '[data-type="fileBlock"][data-display-type="icon"] .caption, [class*="column-file"] .caption, [class*="column-media"]:has(a[href*="media-download"], a[href*="storage"]) .caption': + { + margin: '0', + marginTop: '.75em', + color: theme('colors.gray.500'), + fontSize: 'var(--text-sm)', + textAlign: 'center', + lineHeight: 'normal', + }, + '[data-type="fileBlock"][data-display-type="icon"] a, [class*="column-media"] a[href*="media-download"], [class*="column-media"] a[href*="storage"], [class*="column-file"] a': + { + display: 'inline-block', + textDecoration: 'none', + transitionProperty: 'opacity', + }, + '[data-type="fileBlock"][data-display-type="icon"] a:hover, [class*="column-media"] a[href*="media-download"]:hover, [class*="column-media"] a[href*="storage"]:hover, [class*="column-file"] a:hover': + { + opacity: '0.7', + }, + '.column-pdf-image': { + maxWidth: '100%', + borderColor: 'var(--color-gray-200)', + borderWidth: '1px', + borderStyle: 'solid', + marginBottom: '0', + }, + + // ------------------------------ + // 埋め込みカード + // ------------------------------ + "[class*='column-embed']": { + // Align with media/figure rhythm: 32px -> 2em + marginTop: em(32, 16), + marginBottom: em(32, 16), + }, + "[class*='column-embed'] .acms-embed-link": { + overflow: 'hidden', + display: 'block', + padding: '0', + color: 'inherit', + borderWidth: '1px', + borderStyle: 'solid', + borderColor: 'var(--color-gray-200)', + borderRadius: 'var(--radius-md)', + fontWeight: '400', + backgroundColor: 'var(--color-white)', + textDecoration: 'none', + transitionProperty: 'opacity', + }, + [`@media (min-width: ${theme('breakpoint.md')})`]: { + "[class*='column-embed'] .acms-embed-link": { + display: 'flex', + transitionProperty: 'opacity', + }, + "[class*='column-embed'] .acms-embed-link-image-container": { + width: '33.333333%', + flex: 'none', + }, + "[class*='column-embed'] .acms-embed-link-image-container img": { + height: '100%', + objectFit: 'cover', + }, + "[class*='column-embed'] .acms-embed-link-content": { + width: '66.666667%', + }, + }, + "[class*='column-embed'] .acms-embed-link:hover": { + opacity: '0.7', + }, + "[class*='column-embed'] .acms-embed-link-image-container": { + marginRight: '0', + }, + "[class*='column-embed'] .acms-embed-link-image-container img": { + display: 'block', + width: '100%', + margin: '0', + }, + "[class*='column-embed'] .acms-embed-link-content": { + display: 'flex', + flexDirection: 'column', + maxWidth: 'none', + padding: '2em', + backgroundColor: 'var(--color-white)', + }, + "[class*='column-embed'] .acms-embed-link-title": { + marginBottom: '.375em', + marginTop: '0', + fontSize: 'var(--text-base)', + lineHeight: 'var(--leading-normal)', + fontWeight: '400', + color: 'var(--color-gray-700)', + textDecoration: 'none', + }, + "[class*='column-embed'] .acms-embed-link-site-name": { + order: '-1', + padding: '0', + marginTop: '0', + marginBottom: '.25em', + color: 'var(--color-gray-700)', + fontSize: 'var(--text-sm)', + }, + "[class*='column-embed'] .acms-embed-link-description": { + padding: '0', + margin: '0', + fontSize: 'var(--text-xs)', + color: 'var(--color-gray-500)', + lineHeight: 'var(--leading-relaxed)', + }, + + // ------------------------------ + // カラムレイアウト + // ------------------------------ + "[data-type='columns']": { + display: 'grid', + gridAutoFlow: 'column', + boxSizing: 'border-box', + gap: 'var(--unit-gap-x)', + }, + "[data-type='columns'].layout-two-column": { + gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', + }, + "[data-type='columns'].layout-three-column": { + gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', + }, + + // ------------------------------ + // 配置 + // ------------------------------ + // Align helpers + '.align-left': { + display: 'flex', + justifyContent: 'flex-start', + }, + '.align-right': { + display: 'flex', + justifyContent: 'flex-end', + }, + '.align-center': { + display: 'flex', + justifyContent: 'center', + }, + + // ------------------------------ + // 地図／ストリートビュー + // ------------------------------ + // Map blocks + "[class*='column-map'], [class*='column-street-view']": { + borderRadius: 'var(--radius-md)', + overflow: 'hidden', + // Align with media rhythm (img/video/figure) + marginTop: em(32, 16), + marginBottom: em(32, 16), + }, + ':where(.column-map div:has(> .js-open-street-map)), :where(.column-map div:has(> .js-s2d-ready)), :where(.column-street-view div:has(> .js-street-view))': + { + maxWidth: '100%', + }, + ':where(.column-map .js-open-street-map), :where(.column-map .js-s2d-ready), :where(.column-street-view .js-street-view)': + { + aspectRatio: '16 / 9', + }, + + // ------------------------------ + // ファイル + // ------------------------------ + // File/media block spacing (outside prose previously) + '[class*="column-media"]:has(a[href*="media-download"], a[href*="storage"]), [class*="column-file"]': { + // Treat as paragraph-like blocks + marginTop: em(20, 16), + marginBottom: em(20, 16), + textAlign: 'center', + lineHeight: '0', + }, + + // ------------------------------ + // 目次（toc） + // ------------------------------ + // TOC custom unit + '.toc .level-1': { + paddingLeft: '0', + marginTop: em(24, 16), + marginBottom: em(-4, 16), + }, + '.toc .level-1 li': { + paddingLeft: '0', + }, + '.toc .level-2': { + paddingLeft: '1em', + marginBottom: '0', + }, + '.toc .level-2 li': { + display: 'flex', + gap: '.5em', + }, + '.toc .level-2 li::before': { + content: "''", + display: 'block', + width: '1em', + backgroundRepeat: 'no-repeat', + backgroundPosition: 'center', + backgroundImage: + "url(\"data:image/svg+xml;charset=UTF-8,\")", + }, + + // ------------------------------ + // テーブルユーティリティ（acms） + // ------------------------------ + '.acms-table-scrollable th, .acms-table-scrollable td, .js-table-unit-scroll-hint th, .js-table-unit-scroll-hint td': + { + whiteSpace: 'nowrap', + wordBreak: 'keep-all', + }, + '.acms-cell-text-left': { + textAlign: 'left', + }, + '.acms-cell-text-center': { + textAlign: 'center', + }, + '.acms-cell-text-right': { + textAlign: 'right', + }, + '.acms-cell-text-nowrap': { + whiteSpace: 'nowrap', + }, + '.acms-cell-text-bold': { + fontWeight: 'var(--font-weight-bold)', + }, + '.acms-cell-text-normal': { + fontWeight: 'var(--font-weight-normal)', + }, + '.acms-cell-text-top': { + verticalAlign: 'top', + }, + '.acms-cell-text-middle': { + verticalAlign: 'middle', + }, + '.acms-cell-text-bottom': { + verticalAlign: 'bottom', + }, + }, + }, + }), + }, + }, +};