內容簡介
總結:
這個外掛擴展了核心/封面區塊，提供獨立的手機和桌面背景圖像和尺寸，透過在手機裝置上加載較小的圖像，可以提高網站的性能，在 Core Web Vitals 中獲得更好的評分。
問題與答案:
- 這個外掛主要用於擴展哪個 WordPress 區塊？
- 答：核心/封面區塊。
- 在哪裡可以配置手機圖像大小和手機圖像顯示的斷點？
- 答：在「設定 > Mosne Hero」頁面。
- 使用這個外掛，我們是否需要使用其他外掛來重新生成現有圖像的縮略圖？
- 答：是的，例如「Regenerate Thumbnails」外掛。
- 在編輯器中，如果想要切換手機圖像的焦點，可以使用哪個選項？
- 答：Focal point。
- 這個外掛支援哪些功能？（至少提及三個）
- 答：提供獨立的手機和桌面背景圖像和尺寸、配置手機圖像大小和手機圖像顯示的斷點、以及支援特色圖像。
- 這個外掛有哪些限制？（至少提及兩個）
- 答：手機圖像不顯示在區塊編輯器中，不支援影片背景。
外掛標籤
開發者團隊
原文外掛簡介
This plugin extends the core/cover block with separate mobile and desktop background images and sizes.
This increases the performance of the website by loading the smaller image on mobile devices and scores better in the Core Web Vitals.
Configuration
In the Settings > Mosne Hero page you can configure the mobile image size and the breakpoint at which the mobile image is displayed
Note that this is a new size, so you will need to regenerate the thumbnails using a plugin like Regenerate Thumbnails for existing images to use the new sizes.
In the Editor
Add a cover block and select the “Hero Cover (Mobile & Desktop)” variation.
Now you can see a new panel with the following options:
Mobile image : You can also select a custom image for the desktop and the mobile view.
Mobile image size : choose the size that perfectly fits your design.
Focal point : You can also select a focal point for the mobile image.
Alt text : Add alternative text for the mobile image. (Leave empty if it is a decorative image)
High fetch priority : force the high fetch priority attribute if the image is above the fold.
If you use a featured image, leave the mobile image empty and the plugin will use the mobile size for the featured image for the mobile view.
Key Features
Separate mobile and desktop background images and sizes
Configure the mobile image size and the breakpoint at which the mobile image is displayed
It also works with the featured image
Focal point switching for the mobile image
Alt text switching for the mobile image
High fetch priority for the mobile image
Performance-optimized and lightweight
No block library required
Primarily built with native WordPress components
Limitations
The mobile image is not displayed in the block editor
Video background is not supported
Repeated background is not supported
Parallax background is not supported
Stay Connected
View on GitHub
Visit my website
Follow on Twitter
