logo

パレット - カラフルに🎨

Palette — ビジュアルページビルダー、デザインの専門知識は不要です。

ライブデモ パレットをダウンロード

Scroll

2.5 Multimedia。画像スタイル。ファイルストレージ設定。

11/08/2019, by mikhail

この記事では、Image Styles、File system、image toolkit の設定を分析します。

Drupal 8 multimedia

私の過去の記事を見ていれば、おそらくすでに Image Styles に慣れており、Media 設定を訪れたことがあるでしょう。しかし、まだ時間がなかった場合は、今それを行います。Configuration - Media - Image Styles ページに移動しましょう:

Drupal 8 image styles

ここには、デフォルトの 3 つのスタイル Thumbnail、Medium、Large が見られます。これらのスタイルを、ノード、コメント、タクソノミー用語、ユーザーアバターに添付された画像を表示するために、Image タイプのフィールドがあるあらゆるものに適用します。必要な画像のサイズを設定すれば、残りの作業は Drupal が行います。300×300 ピクセルの新しいスタイルを作成しましょう。+ Add image style ボタンをクリックします。画像スタイルの名前付けは 2 通りをお勧めします:1 つは画像のサイズに基づいて 300x300 と名付けるか、この画像が表示される場所に基づいて、例えば article image と名付けます。

Article image 用の新しいスタイルを作成しましょう。

Drupal 8 new image style

サイズ 300x300

drupal 8 sizes

これで、このスタイルを使って記事の画像を表示できます。Article コンテンツタイプのフィールドの表示設定に入りましょう。

/admin/structure/types/manage/article/display

drupal 8 presets

Image フィールドの編集に入り、私たちの新しい画像スタイルを指定します。

Drupal 8 image styles

Update ボタンをクリックし、次に Save をクリックします。

記事のティーザー用に別の画像スタイルを作成して指定することもできます。

Drupal ファイルシステム

/admin/config/media/file-system

drupal 8 files

この設定ページでは、Drupal を通じてダウンロードされたファイルがどのフォルダーに保存されるかを設定できます。Drupal をインストールするときは、Drupal がそこに書き込める機能を持つフォルダー(Linux のシステムでは chmod 777)を作成する必要があります。このフォルダーは Drupal の設定ファイルに書かれています:

/sites/default/settings.php

デフォルトでは、すべてのファイルは /sites/default/files に書き込まれます。777 フォルダーへの権限があれば、ここはすべて正しく動作するはずです。

さらに、temporary ディレクトリを変更できます。temporary フォルダーの権限は、Drupal がそこにファイルを書き込めるようなものでなければなりません。temporary フォルダーで問題があり Drupal がエラーを出す場合は、/sites/default/files ディレクトリを temporary として使ってみてください。というのも、それは 777 権限を持ち、Drupal がそこにファイルを書き込めるからです。

Default download method。 ここでは、以前のバージョンの Drupal では Drupal を通じてファイルにアクセスすることを選べましたが、今ではこれは実装されていないようで、ファイルは Drupal の関与なしにサーバーから直接転送されます。

Image toolkit

drupal 8 image processing tools

Drupal に画像をアップロードすると、Drupal はこのパラメーターに従ってそれらを処理します。これはホスティング(サーバー)のスペースを節約するために行われます。JPEG 画像は品質の低下が少なく圧縮できます。100 パーセントに設定すると、Drupal はそれらを処理せず、そのまま出力します。しかし、JPEG 品質を 85% に変更しても、画像は 2 倍に、しかも実質的に品質の低下なく圧縮できます。