legacy-knowledge-base
公開されました Jun. 30, 2025

ウェブコンテンツの言語を示す国旗アイコンを追加

投稿者

Pooja Bhambani

knowledge-article-header-disclaimer-how-to

knowledge-article-header-disclaimer

legacy-article

learn-legacy-article-disclaimer-text

問題

  • ウェブコンテンツに言語旗アイコンを追加する必要がある

環境

  • Liferay DXP 7.4

解像度

ご注意:以下の情報はLiferayサポートの範囲を超えたカスタマイズや実装のアイデアを含んでいます。 この情報の利用にあたっては、適切な判断のもと、従うことを選択してください。

  • ウェブ・コンテンツ・フラグのアイコンは、次のように管理テーマから来ている。<use href="http://localhost:8080/o/admin-theme/images/clay/icons.svg#en-us"></use> 。 したがって、他の人の旗のアイコンを適用するには、管理テーマをオーバーライドする必要がある。

国旗アイコンを追加する手順は以下の通りです:

1. yo liferay-theme:admin
2.src/images/clay/icons.svg に移動します (このファイルをテキストエディタで開きます)
3. <SVG> タグの中に以下を追加します:

<symbol id="gu-in" viewBox="0 0 512 512"><rect y="64" fill="#C0CFD8" width="512" height="384"></rect><rect x="16" y="80.3" fill="#F5984C" width="480" height="112"></rect><rect x="16" y="320" fill="#75BD4A" width="480" height="112"></rect><rect x="16" y="192" fill="#FFFFFF" width="480" height="128"></rect><circle fill="#0035A0" cx="256" cy="256" r="40"></circle></symbol>

4.インドの国旗アイコンを同じフォルダにコピーし、flags-gu-IN.svgに名前を変更します。
5.作成したテーマをビルドする:gulp build
6.作成したテーマをデプロイし、Control Panel > Instance Settings > Instance Configuration に移動し、Default Control Panel Theme を変更する。

言語適用の手順をご覧ください:

1.web.xmlを開き、以下を貼り付ける:

<url-pattern>/gu/c/portal/protected</url-pattern>
<url-pattern>/gu-IN/c/portal/protected</url-pattern>
<url-pattern>/gu_IN/c/portal/protected</url-pattern>

2.shielded-container-web.xmlを開き、以下を貼り付ける:

<servlet-mapping>
<servlet-name>I18n Servlet</servlet-name>
<url-pattern>/gu/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>I18n Servlet</servlet-name>
<url-pattern>/gu-IN/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>I18n Servlet</servlet-name>
<url-pattern>/gu_IN/*</url-pattern>
</servlet-mapping>

3.portal-ext.propertiesを開き、以下のプロパティにgu-inを追加する:

locales=gu_IN
locales.enabled=gu_IN

4.一時ディレクトリをクリアした後、サーバーを再起動する。
5.Instance Settings > Localization > Drag & Drop 'Gujarat' from Available to Current.
6.Content & Data > Web Content > Create Basic Web Content > Flag Iconをクリック。
結果:国旗アイコンがグ-IN言語に表示される。
テーマが添付される(https://drive.google.com/file/d/1sUkvVxUI2U_OMtaLuswbiROEdr6JDAtf/view?usp=drive_link
)

追加情報

did-this-article-resolve-your-issue

legacy-knowledge-base