Scroll
テーマにデフォルトの画像スタイルを含める
Drupalには強力な画像管理システムがあり、画像にさまざまな効果を適用して元の画像から派生バージョンを作成できる画像スタイルを作成できます。この機能は、コアが提供する画像スタイルに依存するのではなく、そのテーマで動作するように作成されたデフォルトの画像スタイルセットを含めたいテーマで使用できます。
テーマに画像スタイルを含めるプロセスは、モジュールにデフォルト設定を含めるプロセスと似ています。
- ユーザーインターフェースを使用して、含めたい画像スタイルを作成します
- 画像スタイルをYAMLとしてエクスポートします
- 適切な命名規則に従って、エクスポートしたYAMLをテーマのconfig/installディレクトリに含めます。
まず、「設定」>「メディア」>「画像スタイル」（admin/config/media/image-styles）の管理者インターフェースを使用して画像スタイルを作成します。画像スタイルが作成されて保存されると、その画像スタイルを構成する設定がサイトのアクティブ設定に保存されます。
この設定は次の方法でエクスポートできます：
- 「設定」>「設定管理」>「単一のインポート/エクスポート」>「エクスポート」（admin/config/development/configuration/single/export）の単一インポート/エクスポートツール。
- 設定タイプの選択リストから「画像スタイル」を選択します
- 次に、設定名の選択リストから画像スタイルを選択します。
画像スタイルのYAML表現がテキスト領域に表示され、コピーしてテーマのconfig/installディレクトリの.ymlファイルに貼り付けることができます。設定ファイルは特定の命名規則に従います。image.style.{画像スタイル名}.yml。ファイルにどの名前を使用すべきかわからない場合は、エクスポートされた設定が表示されるテキスト領域の下に表示されます。
エクスポートされた設定には、最初の行にUUIDキーが含まれることに注意してください。設定を新しいimage.style.{image style name}.ymlファイルにコピーする前に、このUUIDを削除する必要があります。
例 THEMENAME/config/install/image.style.black_white.yml
langcode: en status: true dependencies: { } name: black_white label: 'black & white' effects: 8d4f85cc-9a2d-4a30-af15-21b0833dc06d: uuid: 8d4f85cc-9a2d-4a30-af15-21b0833dc06d id: image_desaturate weight: 1 data: { } third_party_settings: { }
テーマには任意の数の画像スタイルを含めることができます。テーマのインストール時に、それらすべてがアクティブ設定にインポートされます。
テーマのインストール後は、config/installの画像スタイルYMLファイルを編集しても効果がなく、config/installに追加の画像スタイルYMLファイルを追加しても効果がないことに注意してください。