パレット - カラフルに🎨
Palette — ビジュアルページビルダー、デザインの専門知識は不要です。
デモ:EPT Hero
EPT Documentation
- EPT モジュール一覧
-
デモ:EPT Paragraphs
- デモ:EPT Accordion / FAQ
- デモ:EPT Basic Button
- デモ:EPT Bootstrap Buttons
- デモ:EPT CTA
- デモ:EPT Carousel
- デモ:EPT カラム / コンテナ
- デモ:EPT Countdown
- デモ:EPT Counter
- デモ:EPT Hero
- デモ:EPT Image
- デモ:EPT Image Gallery
- デモ:EPT Micromodal
- デモ:EPT Slick Slider
- デモ:EPT Slideshow
- デモ:EPT スタッツ
- デモ:EPT タブ
- デモ:EPT テキスト
- デモ:EPT タイル
- デモ:EPT タイムライン
- デモ:EPT ビデオ
- デモ:EPT ビデオ&イメージギャラリー
- デモ:EPT ウェブフォーム
- デモ:EPT ウェブフォーム ポップアップ
- デモ:EPT ブロック
- デモ:EPT Quote
- デモ:EPT ビュー
- EPT モジュールのインストール
- 新しい EPT モジュールの作成
Extra Paragraph Types(EPT):Hero モジュールは、Hero 画像、タイトル、サブタイトル、2 つのボタンを含むブロックを追加する機能を提供します。
https://www.drupal.org/project/ept_hero
composer require drupal/ept_hero
EPT Hero には、DOM Box、背景色/画像/動画、Edge to Edge 設定など、EBT モジュールのすべての機能が含まれています:
https://drupalbook.org/ept/demo
2 Columns
The 2-column Hero block is a prominent section placed at the top of a landing page, employing a dynamic layout to engage users right from the start. The block divides the screen into two columns, where one column holds a captivating visual element, such as an image or background, while the other column delivers a concise and persuasive text or call-to-action. This arrangement maximizes the impact of the content and enhances the overall user experience.
One column
The Hero block with one column is a prominent section at the top of a landing page that focuses on delivering a clear and concise message. It utilizes a single column layout to present compelling content, such as a captivating headline, a persuasive value proposition, or a prominent call-to-action. This simplified design allows for a streamlined and focused user experience, ensuring that visitors quickly grasp the main message and purpose of the landing page. The Hero block with one column efficiently captures attention and encourages users to take desired actions.
Full width hero
The Full Width (Edge to Edge) style in the Drupal EBT Hero module offers a seamless and immersive design that spans the entire width of the viewport. This style eliminates any margins or padding on the sides, creating a bold and expansive visual impact. Ideal for showcasing high-resolution images and compelling content, it enhances user engagement by maximizing screen real estate and delivering a modern, dynamic aesthetic.