WPML

WPMLは多くの言語の国旗を提供していますが、必要に応じて独自の国旗画像を使用することもできます。

WPMLには、事前設定された65のすべての言語の組み込み国旗に加え、国別の一般的な言語バリアント(カナダ・フランス語、ブラジル・ポルトガル語、スイス・ドイツ語など)の追加の国旗が付属しています。これらの国旗は、以下のファイルパスにSVGまたはPNGファイルとして用意されています。

../wp-content/plugins/sitepress-multilingual-cms/res/flags

WPMLの国旗ライブラリ

しかし、サイトにさらに適した別のスタイルの国旗を使用したい場合があるかもしれません。または、WPMLに事前設定されていない言語の国旗を追加したい場合もあります。このような場合は、カスタム国旗をアップロードできます。

カスタム国旗の要件

独自の国旗はSVGファイルとしてアップロードできます。WPMLがカスタム国旗として受け入れる形式はSVGのみであり、ファイルサイズは100KB以下である必要があります。

このためにSVGのアップロードを許可するプラグインは必要ありません。WPMLは国旗自体をWordPressのメディアライブラリではなく、wp-content/uploads/flags/に保存します。

WPMLのデフォルトの国旗と並べたときに正しく表示されるようにするには、SVGソースファイルが18 x 12ピクセルであることを確認する必要もあります。viewBoxは、例えば以下のような任意の縦横比の値にすることができます。

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" fill="none" viewBox="0 0 36 24">...</svg>

カスタム国旗を追加する方法

WPML設定言語に移動します。サイト言語の管理と非表示セクションで、国旗を変更する言語の行にある編集をクリックします。ここは、サイトにカスタム言語を追加できる場所でもあります。

サイト言語の編集
サイト言語の編集

その行の国旗ピッカーを開きます。ここにはWPMLの国旗の1つ、中立的な地球儀、または国コードが用意されており、最後の項目としてUpload a custom SVG…があります。これを選択し、ファイルを選びます。

Upload a custom SVGを最後のオプションとして開いた国旗ピッカー
Upload a custom SVGを最後のオプションとして開いた国旗ピッカー

国旗ファイルをアップロードし、保存をクリックして言語スイッチャーに国旗を追加します。

国旗のサイズの調整

言語スイッチャーを追加または編集する際に、言語スイッチャー内のすべての国旗のカスタムサイズを選択できます。

言語スイッチャーの国旗のサイズの調整
言語スイッチャーの国旗のサイズの調整

言語スイッチャーブロックを使用している場合は、ブロック設定から国旗のサイズを変更できます。

言語スイッチャーブロックを使用した国旗のサイズ変更
言語スイッチャーブロックを使用した国旗のサイズ変更

国旗に特定のサイズを設定しない場合、一貫性を保つためにPNGおよびJPGの国旗は自動的に18×12ピクセルにサイズ変更されます。CSSやJavaScriptで処理されている場合、またはアニメーションGIFを表示したい場合は、国旗のサイズを変更したくないことがあります。

そのような場合は、wp-config.phpファイルに以下を追加することで、自動サイズ変更をオフにできます。

define( 'WPML_DO_NOT_RESIZE_UPLOADED_FLAGS', true );

このセクションのその他のトピック

執筆者:Amir