Site Search - Liferay Learn

Micro Frontends Micro frontends extend the concept of microservices to the frontend side of development. You can build a fully-featured and powerful browser application that uses a microservice...

Bundling Resources in a JavaScript Import Map Entry Client Extension

Official Documentation

Bundling Resources in a JavaScript Import Map Entry Client Extension Liferay DXP 2023.Q1+/Portal GA92+ JavaScript import map entry client extensions make JavaScript code or resources available to...

JavaScript Import Map Entry YAML Configuration Reference

Official Documentation

JavaScript Import Map Entry YAML Configuration Reference Usage Details This client-extension.yaml file defines a JavaScript import map entry client extension: assemble: - from: build/static ...

OAuth Headless Server YAML Configuration Reference

Official Documentation

OAuth Headless Server YAML Configuration Reference You can define an OAuth headless server client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines...

OAuth User Agent YAML Configuration Reference

Official Documentation

OAuth User Agent YAML Configuration Reference You can define an OAuth user agent client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines an OAuth...

Language Client Extensions

Official Documentation

Language Client Extensions Liferay DXP 2025.Q1+/Portal GA132+ A language client extension adds new language keys or overrides existing keys and their translations. For example, you can translate...

Client Extensions UI Reference

Official Documentation

Client Extensions UI Reference Liferay's widget client extensions (custom element and iframe) register applications with Liferay, adding them as widgets to site pages. Additionally, you can style...

Themes

Official Documentation

Themes Themes customize the default look and feel of your site. You can define the style and visual identity of your brand or label across your whole site. You can use a theme CSS client...

Bundling a Thumbnail Preview into Your Theme

Official Documentation

Bundling a Thumbnail Preview into Your Theme A theme's thumbnail is the visual representation of how the theme looks when it is applied to a Site. The thumbnail is shown in the theme selection menu...

Bundling Resources

Official Documentation

Bundling Resources

Bundling Independent UI Resources via Theme Contributors

Official Documentation

Bundling Independent UI Resources via Theme Contributors Theme contributors are modules that contain CSS and JavaScript resources and apply them to every page. They are independent from specific...

Setting Up an Environment and Creating a Theme

Official Documentation

Setting Up an Environment and Creating a Theme Creating a theme is the first step in theme development. Once you have your own theme, you can deploy it to your Liferay DXP instance, and use it for...

Using a CSS Client Extension

Official Documentation

Using a CSS Client Extension Liferay 7.4+ CSS client extensions introduce new CSS styling to pages. A deployed CSS client extension on a page adds to the page's existing styling, including theme...

Bundling and Copying Files from an Existing Theme

Bundling and Copying Files from an Existing Theme By using gulp's kickstart task, you can copy the files from a previously created theme into any theme you choose. This functionality is useful in...

Embedding Widgets Using Templates

Official Documentation

Embedding Widgets Using Templates You can embed a widget in your theme to make it available on all pages using the chosen template file. When you are embedding a widget, you will need to reference...

Bundling and Installing Resources into Your Theme via Themelets

Official Documentation

Bundling and Installing Resources into Your Theme via Themelets Themelets are small, modular pieces of code that you can reuse in multiple themes. Unlike themes themselves, themelets may only...

Upgrading a Theme

Official Documentation

Upgrading a Theme Themes developed for previous versions of Liferay DXP must be upgraded in order to be deployed to a new version. The gulp upgrade task updates Liferay version references and theme...

Using a Frontend Data Set Cell Renderer Client Extension

Official Documentation

Using a Frontend Data Set Cell Renderer Client Extension Liferay 7.4+ You can use Frontend Data Set (FDS) cell renderer client extensions to customize the display for your data set. Use this type...

CSS YAML Configuration Reference

Official Documentation

CSS YAML Configuration Reference You can define a CSS client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a CSS client extension definition: ...

Using a Theme CSS Client Extension

Official Documentation

Using a Theme CSS Client Extension Liferay 7.4+ With a theme CSS client extension, you can override the current theme's CSS files (main.css and clay.css) to change the look and feel of a page....

Theme CSS YAML Configuration Reference

Official Documentation

Theme CSS YAML Configuration Reference You can define a theme CSS client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a theme CSS client...

Frontend Data Set Cell Renderer YAML Reference

Official Documentation

Frontend Data Set Cell Renderer YAML Reference You can define a Frontend Data Set cell renderer client extension with a client-extension.yaml file. Usage Details The client-extension.yaml file...

Using a Frontend Data Set Filter Client Extension

Official Documentation

Using a Frontend Data Set Filter Client Extension Liferay DXP 2024.Q2+/Portal GA120+ Frontend data set filter client extensions define JavaScript functions for creating customizable filter...

Using a JavaScript Client Extension

Official Documentation

Using a JavaScript Client Extension Liferay 7.4+ With a JavaScript (JS) client extension, you can run your own JavaScript on any page in Liferay without worrying about dependencies on Liferay code...

JavaScript YAML Configuration Reference

Official Documentation

JavaScript YAML Configuration Reference You can define a JavaScript client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a JavaScript client...

Using a Theme Favicon Client Extension

Official Documentation

Using a Theme Favicon Client Extension Liferay 7.4+ With a theme favicon client extension, you can override the theme's favicon on the selected page. Start with the sample workspace to build and...

Theme Favicon YAML Configuration Reference

Official Documentation

Theme Favicon YAML Configuration Reference You can define a theme favicon client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a theme favicon...

Theme Sprite Map YAML Configuration Reference

Official Documentation

Theme Sprite Map YAML Configuration Reference You can define a theme sprite map client extension with a client-extension.yaml file. Usage Details This client-extension.yaml defines a theme sprite...

Using an Editor Config Contributor Client Extension

Official Documentation

Using an Editor Config Contributor Client Extension Liferay DXP 2024.Q2+/Portal GA120+ Editor Config Contributor client extensions override existing CKEditor configuration in a...

Editor Config Contributor YAML Configuration Reference

Official Documentation

Editor Config Contributor YAML Configuration Reference Liferay DXP 2024.Q1+/Portal GA112+ This feature is currently behind a release feature flag (LPS-186870). Read Release Feature Flags for more...

Using a Theme Sprite Map Client Extension

Official Documentation

Using a Theme Sprite Map Client Extension Liferay DXP 2023.Q4+/Portal GA100+ With a theme sprite map client extension, you can override the default Clay sprite map used for icons on a page. Start...

フラグメントへのスタイル適用

Official Documentation

フラグメントへのスタイル適用ページにフラグメントを追加すると、サイドバーメニューを使って、スタイル設定タブを含む、フラグメントを設定することができます。 The Styles tab in the sidebar menu allows you to configure the styles per fragment on a page. ...

ページフラグメントの開発

Official Documentation

ページフラグメントの開発フラグメントの開発フラグメントエディターの使い方フラグメントツールキットの使用フラグメントへの設定オプションの追加フラグメント構成のベストプラクティスフラグメントにスタイルを適用するフラグメントドロップゾーンの定義ページ・フラグメントでカスタム・フィールドを使うフラグメントセットの作成フラグメント構成の検証 ...

フラグメントへの構成オプションの追加

Official Documentation

フラグメントへの構成オプションの追加対応可能：Liferay DXP 7.2 SP1以降構成可能なオプションを使用して、フラグメントを柔軟にすることができるので、似たようなフラグメントを多数管理する必要はありません。...

フラグメントの自動デプロイ

Official Documentation

フラグメントの自動デプロイ liferay Portal 7.3 GA1+ または Liferay DXP 7.3+. もしあなたが独自のツールでページフラグメントを開発しているなら、Liferay UI経由でインポートできるようにZIPファイルにパッケージ化することでデプロイできます。ただし、UI の使用に限定されません。...

提供されたフラグメントセットの作成

Official Documentation

提供されたフラグメントセットの作成提供されたフラグメントセットは、ページフラグメントを含むデプロイ可能なモジュールです。提供されたセットのフラグメントは、通常のフラグメントと同じように使用できますが、データベースには含まれておらず、UI から直接変更することはできません。 Liferay 7.3以降を実行している場合は、圧縮された ZIP...

フラグメント・コンフィギュレーションを使用する際のベストプラクティス

Official Documentation

フラグメント・コンフィギュレーションを使用する際のベストプラクティス独自の構成でサイトのページフラグメントを作成する場合、それらを安全かつ効果的にHTML表示で使用するのはあなたの責任です。ここでは、フラグメントをより効果的かつ強固にするためのテクニックを紹介します。構成テキスト値のエスケープ繰り返されるHTML要素にリストを使用する構成テキスト値のエスケープ...

フラグメント固有のタグと属性のリファレンス

Official Documentation

フラグメント固有のタグと属性のリファレンス標準的なHTML、CSS、JavaScriptに加えて、Liferay固有のタグや属性を使用して、編集可能なセクションを定義したり、ウィジェットを埋め込んだりすることができます。 ...

Fragment Specific Tags and Attributes Reference for Liferay 7.3 and Earlier Versions

Official Documentation

Fragment Specific Tags and Attributes Reference for Liferay 7.3 and Earlier Versions Along with standard HTML, CSS, and JavaScript, you can use Liferay-specific tags and attributes to define...

フラグメント設定タイプのリファレンス

Official Documentation

フラグメント設定タイプのリファレンスこのリファレンスには、フラグメントに使用可能な構成タイプがリストされています。フラグメントを設定可能にする方法については、フラグメントへの構成オプションの追加を参照してください。以下は実装できる構成可能なフラグメントタイプです。 text select checkbox colorPicker (Liferay 7.4+...

フラグメントにデフォルトのリソースを含める

Official Documentation

フラグメントにデフォルトのリソースを含めるフラグメントセットに画像（例： .gif、.jpg、.jpeg、.png）を含めて、フラグメントで使用できるようにすることができます。ドキュメントとメディアなどの他のアプリケーションではなく、フラグメントと一緒に画像を保持すると便利です。ここでは、フラグメント...

開発者リファレンス

Official Documentation

開発者リファレンスフラグメントの開発リファレンス

フラグメントドロップゾーンの定義

Official Documentation

フラグメントドロップゾーンの定義ドロップゾーンは、コンテンツページの構築に不可欠です。フラグメントの中に、ユーザーが他のフラグメントやウィジェットをドラッグ＆ドロップできる領域を定義することで、ユニークなページレイアウトや動的な表示を実現することができます。ドロップゾーンを定義するには、次の手順に従います。［サイト管理］ → ［デザイン］ → ［Fragments］...

フラグメントツールキットコマンドリファレンス

Official Documentation

フラグメントツールキットコマンドリファレンスフラグメントツールキットは、現在実行中の Liferay DXP インスタンスに接続して、フラグメントをインポートおよびエクスポートできます。ツールキットで作成したフラグメントをポータルに自動的にインポートすることもできます。次のコマンドを使用できます。コマンドDescription npm run...

フラグメント内の要素の順序を設定する

Official Documentation

フラグメント内の要素の順序を設定する対応可能：Liferay 7.4以降スライダーまたはタブフラグメントは、通常、情報の異なる領域を表示するために使用されるものです。スライダーは、この情報をスライドのカルーセルのように表示します。タブは複数あり、それぞれ異なる情報が表示されます。 ...

ページフラグメントエディタのインターフェイスリファレンス

Official Documentation

ページフラグメントエディタのインターフェイスリファレンスページフラグメントエディタのインターフェイスは、2 つのタブで構成されています。コードエディタ設定以下のセクションでは、インターフェイスのこれらの部分の使用方法について説明します。ページフラグメントの作成方法については、 Developing Page Fragments を参照してください。コードエディタ...

フラグメントツールキットの使用

Official Documentation

フラグメントツールキットの使用フラグメントツールキットは、お気に入りのツールを使用してフラグメントをローカルで作成および管理するのに役立ちます。ここでは、ツールキットを使用して、サンプルのフラグメントを含むフラグメントプロジェクトを生成し、デプロイして、独自のフラグメントセットを追加します。 Liferay DXP 7.4以降の場合、フラグメントコレクションはLiferay...

フラグメント設定の検証

Official Documentation

フラグメント設定の検証フラグメントの設定オプションを定義するときに、有効なエントリーのルールを決定する text タイプのフィールドに validation プロパティを追加することができます。ルールのタイプを指定することで、各フィールドが受け付けるデータのタイプを決定する：text、number、email、url、pattern`のいずれかである。...

Batch YAML Configuration Reference

Official Documentation

Batch YAML Configuration Reference Use a client-extension.yaml file to define a batch client extension. Usage Details This client-extension.yaml file defines a client extension of type batch: ...

フラグメントエディターの使用

Official Documentation

フラグメントエディターの使用 Liferay DXPには、コンテンツページフラグメントを開発するためのビルトインエディタ。エディターにアクセスするには、 Site Menu( Site Menu ) を開き、 Design → Fragments に移動します。ここから、フラグメントとフラグメントセットの表示、管理、作成ができます。フラグメントセットの作成 ...

Using a Site Initializer Client Extension

Official Documentation

Using a Site Initializer Client Extension Liferay DXP 2023.Q4+/Portal GA100+ Site Initializer client extensions can quickly create or update a site, complete with configurations and content. Start...

ページフラグメントでカスタムフィールドを使用する

Official Documentation

ページフラグメントでカスタムフィールドを使用するカスタムフィールドをLiferayのユーザーやページに追加した場合、フラグメントでアクセスすることができます。ページカスタムフィールドの値を取得するためには、以下のようにします。 layout.getExpandoBridge().getAttribute("ATTRIBUTE_NAME") ...

Site Initializers

Official Documentation

Site Initializers Liferay DXP 2023.Q4+/Portal GA100+ Site Initializers package pages, content, and configurations to help you jump-start a new site with much of the site already built. You can...

Importing/Exporting Data

Official Documentation

Importing/Exporting Data Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 If you want to import or export data from Liferay, you use batch client extensions. Use and reuse your data...

Integrating External Applications

Official Documentation

Integrating External Applications Custom Element and IFrame client extensions register applications with Liferay and render them as widgets on site pages. When you create one of these frontend...

Site Initializer YAML Configuration Reference

Official Documentation

Site Initializer YAML Configuration Reference Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 Use a client-extension.yaml file to define a Site Initializer client extension. Usage...

Using an IFrame Client Extension

Official Documentation

Using an IFrame Client Extension Liferay 7.4+ IFrame client extensions use Liferay's frontend infrastructure to register external applications as HTML elements. They're added to Liferay pages as...

Creating a Basic Custom Element

Official Documentation

Creating a Basic Custom Element Liferay 7.4+ Custom element client extensions use Liferay's frontend infrastructure to register external, remote applications with the Liferay platform and render...

Using Routes with Custom Elements

Official Documentation

Using Routes with Custom Elements Liferay 7.4+ Custom element client extensions use Liferay's frontend infrastructure to register external applications with the Liferay platform and render them as...

Integrating Microservices

Official Documentation

Integrating Microservices Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 You can define microservice client extensions to run your own code in response to events in your Liferay...

Search Results