Title: Mosne Hero
Author: Mosne / Paolo Tesei
Published: <strong>3 ژانویه 2026</strong>
Last modified: 10 می 2026

---

جستجوی افزونه‌ها

![](https://ps.w.org/mosne-hero/assets/banner-772x250.png?rev=3431828)

![](https://ps.w.org/mosne-hero/assets/icon-256x256.png?rev=3431828)

# Mosne Hero

 توسط [Mosne / Paolo Tesei](https://profiles.wordpress.org/mosne/)

[دانلود](https://downloads.wordpress.org/plugin/mosne-hero.0.2.0.zip)

 * [جزئیات](https://fa.wordpress.org/plugins/mosne-hero/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/mosne-hero/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/mosne-hero/#installation)
 * [توسعه](https://fa.wordpress.org/plugins/mosne-hero/#developers)

 [پشتیبانی](https://wordpress.org/support/plugin/mosne-hero/)

## توضیحات

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.

### Video background

 * Add a cover block and select the “Hero Video (Mobile & Desktop)” variation.
 * Now you can see a new panel with the following options:
 * Mobile and desktop custom poster : You can also select a custom image for the
   desktop and the mobile view.
 * Mobile and desktop custom video : You can also select a custom video for the 
   desktop and 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
 * Support for all video formats (MP4, WebM, OGG)

### Limitations

 * The mobile image is not displayed in the block editor
 * Repeated background is not supported
 * Parallax background is not supported

### Stay Connected

 * [View on GitHub](https://github.com/mosne/mosne-hero)
 * [Visit my website](https://mosne.it/)
 * [Follow on Twitter](https://x.com/mosne)

## عکس‌های صفحه

 * [[
 * Add a block cover with the “Hero Cover (Mobile & Desktop)” variation
 * [[
 * Add desktop image and activate the high fetch priority
 * [[
 * Add mobile image and select the size that perfectly fits your design
 * [[
 * Render of the block in desktop
 * [[
 * Render of the block in mobile

## نصب

This section describes how to install the plugin and get it working.

 1. Upload the plugin files to the `/wp-content/plugins/mosne-hero` directory, or install
    the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.

## سوالات متداول

### Can I use hooks to configure the plugin?

Yes, you can use hooks to configure the plugin.

    ```
    add_filter( 'mosne_hero_enable_image_size', '__return_false' );
    add_filter( 'mosne_hero_mobile_width', 'your_function' );
    add_filter( 'mosne_hero_mobile_retina_width', 'your_function' );
    add_filter( 'mosne_hero_mobile_height', 'your_function' );
    add_filter( 'mosne_hero_mobile_retina_height', 'your_function' );
    add_filter( 'mosne_hero_crop', 'your_function' );
    add_filter( 'mosne_hero_breakpoint', 'your_function' );
    add_filter( 'mosne_hero_settings', 'your_function' );
    ```

 * This will disable the image size registration.
 * This will return the mobile width and the mobile retina width.
 * This will return the mobile height and the mobile retina height.
 * This will return the crop option.
 * This will return the breakpoint.
 * This will return the settings.

## نقد و بررسی‌ها

نقد و بررسی‌ای برای این افزونه یافت نشد.

## توسعه دهندگان و همکاران

“Mosne Hero” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

مشارکت کنندگان

 *   [ Mosne / Paolo Tesei ](https://profiles.wordpress.org/mosne/)

[ترجمه “Mosne Hero” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/mosne-hero)

### علاقه‌ مند به توسعه هستید؟

[Browse the code](https://plugins.trac.wordpress.org/browser/mosne-hero/), check
out the [SVN repository](https://plugins.svn.wordpress.org/mosne-hero/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/mosne-hero/) by 
[RSS](https://plugins.trac.wordpress.org/log/mosne-hero/?limit=100&mode=stop_on_copy&format=rss).

## گزارش تغییرات

#### 0.1.5

 * Fix assets performance

#### 0.1.3

 * Fix assets enqueueing

#### 0.1.1

 * Public Release

#### 0.1.0

 * First Release

## اطلاعات

 *  نگارش **0.2.0**
 *  Last updated **6 روز پیش**
 *  نصب‌های فعال **کمتر از 10**
 *  نگارش وردپرس ** 6.7 یا بالاتر **
 *  Tested up to **6.9.4**
 *  نگارش PHP ** 7.4 یا بالاتر **
 *  زبان
 * [English (US)](https://wordpress.org/plugins/mosne-hero/)
 * Tags
 * [block](https://fa.wordpress.org/plugins/tags/block/)[cover](https://fa.wordpress.org/plugins/tags/cover/)
   [image](https://fa.wordpress.org/plugins/tags/image/)[performance](https://fa.wordpress.org/plugins/tags/performance/)
 *  [نمایش پیشرفته](https://fa.wordpress.org/plugins/mosne-hero/advanced/)

## امتیازها

هنوز هیچ نقدی ارسال نشده است.

[Your review](https://wordpress.org/support/plugin/mosne-hero/reviews/#new-post)

[مشاهده همه بررسی‌ها](https://wordpress.org/support/plugin/mosne-hero/reviews/)

## مشارکت کنندگان

 *   [ Mosne / Paolo Tesei ](https://profiles.wordpress.org/mosne/)

## پشتیبانی

چیزی برای گفتن دارید؟ نیاز به کمک دارید؟

 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/mosne-hero/)