Title: Banner Image for post and page
Author: LogicRays Technologies
Published: <strong>2018 年 4 月 20 日</strong>
Last modified: 2026 年 8 月 21 日

---

搜索插件

![](https://ps.w.org/banner-image-for-post-and-page/assets/banner-772x250.jpg?rev
=3537171)

![](https://ps.w.org/banner-image-for-post-and-page/assets/icon-256x256.png?rev=
3537171)

# Banner Image for post and page

 作者：[LogicRays Technologies](https://profiles.wordpress.org/logicrays/)

[下载](https://downloads.wordpress.org/plugin/banner-image-for-post-and-page.1.3.1.zip)

 * [详情](https://cn.wordpress.org/plugins/banner-image-for-post-and-page/#description)
 * [评价](https://cn.wordpress.org/plugins/banner-image-for-post-and-page/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/banner-image-for-post-and-page/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/banner-image-for-post-and-page/#developers)

 [支持](https://wordpress.org/support/plugin/banner-image-for-post-and-page/)

## 描述

Banner Image is a great plugin to implement custom banner Image for posts, pages,
and custom post types (CPT). You can set images easily and later can manage CSS 
from your theme.

it’s totally free.

For more features Please contact us at [Logicrays](https://www.logicrays.com/contact-us.php)

If you like this plugin Please rate us 🙂

### Plugin Features

 * All modern browser support
 * Works with any type of theme
 * Easy to customize for developers
 * Easy to configure
 * Supports Custom Post Types (CPT) via an admin settings page

### Shortcode

    ```
    [BANNER-IMG]
    ```

## 屏幕截图

[⌊screenshot-1.png⌉⌊screenshot-1.png⌉[

screenshot-1.png

[⌊screenshot-2.png⌉⌊screenshot-2.png⌉[

screenshot-2.png

[⌊screenshot-3.png⌉⌊screenshot-3.png⌉[

screenshot-3.png

[⌊screenshot-4.png⌉⌊screenshot-4.png⌉[

screenshot-4.png

## 安装

 1. Upload Zip file banner-image to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

## 常见问题

### How do I add a banner image to my post or page?

Go to the WordPress editor for any post or page. Look for the “Banner Image” meta
box in the sidebar. Click “Choose or Upload an Image” to select or upload your image
from the Media Library.

### How do I enable the banner image metabox on Custom Post Types (CPT)?

Go to the “Banner Image” settings menu in your WordPress admin dashboard, select
the Custom Post Types where you want to show the metabox, and click “Save Settings”.

### How do I display the banner image on the frontend?

You can place the `[BANNER-IMG]` shortcode inside the content editor of the post
or page. Alternatively, to display it directly in your theme templates (like header.
php), use the PHP code: `<?php echo do_shortcode('[BANNER-IMG]'); ?>`.

### Can I set a different banner image for each page?

Yes. The banner image is post/page-specific. The plugin retrieves the image assigned
specifically to the post or page currently being viewed.

### How can I customize the appearance of the banner image?

The plugin wraps the image in a `div` with the class `banner-image`. You can customize
its look by adding CSS to your theme’s stylesheet. For example:
 .banner-image img{
width: 100%; height: auto; border-radius: 8px; }

### What happens if a post or page doesn’t have a banner image?

If no image is uploaded or chosen for a post/page, the shortcode will output nothing,
ensuring your page layout remains clean without displaying broken images.

## 评价

![](https://secure.gravatar.com/avatar/44bae8dcee70525ece5ee0300625f478b8af7346867084bf8f851140a2a488b2?
s=60&d=retro&r=g)

### 󠀁[Sorry](https://wordpress.org/support/topic/sorry-14/)󠁿

 [ayanimran125](https://profiles.wordpress.org/ayanimran125/) 2021 年 12 月 9 日

Its Don.t Work

 [ 阅读所有0条评价 ](https://wordpress.org/support/plugin/banner-image-for-post-and-page/reviews/)

## 贡献者及开发者

「Banner Image for post and page」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ LogicRays Technologies ](https://profiles.wordpress.org/logicrays/)
 *   [ Pritesh Modi ](https://profiles.wordpress.org/priteshm/)

[帮助将「Banner Image for post and page」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/banner-image-for-post-and-page)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/banner-image-for-post-and-page/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/banner-image-for-post-and-page/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/banner-image-for-post-and-page/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/banner-image-for-post-and-page/)。

## 更新日志

#### 1.3.1

 * Verified and updated compatibility for WordPress 7.1.
 * Fixed media uploader frame variable scope in admin JavaScript to avoid recreating
   frame instances on click.
 * Fixed dynamic visibility toggling for banner image preview and remove link in
   post editor.

#### 1.3

 * Added support for Custom Post Types (CPT).
 * Added a settings menu page to configure metabox visibility across post types.

#### 1.2

 * WordPress.org compliance and security improvements.
 * Updated text domain, readme headers, and asset versioning.

#### 1.1

 * Added Remove Link.

## 额外信息

 *  版本 **1.3.1**
 *  最后更新：**2 月前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 5.2 或更高版本 **
 *  已测试的最高版本为 **7.1.3**
 *  PHP 版本 ** 7.2 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/banner-image-for-post-and-page/)
 * 标签
 * [admin](https://cn.wordpress.org/plugins/tags/admin/)[banner image](https://cn.wordpress.org/plugins/tags/banner-image/)
   [cpt](https://cn.wordpress.org/plugins/tags/cpt/)[custom post type](https://cn.wordpress.org/plugins/tags/custom-post-type/)
   [header-image](https://cn.wordpress.org/plugins/tags/header-image/)
 *  [高级视图](https://cn.wordpress.org/plugins/banner-image-for-post-and-page/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/banner-image-for-post-and-page/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/banner-image-for-post-and-page/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/banner-image-for-post-and-page/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/banner-image-for-post-and-page/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/banner-image-for-post-and-page/reviews/?filter=1)

[您的评价](https://wordpress.org/support/plugin/banner-image-for-post-and-page/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/banner-image-for-post-and-page/reviews/)

## 贡献者

 *   [ LogicRays Technologies ](https://profiles.wordpress.org/logicrays/)
 *   [ Pritesh Modi ](https://profiles.wordpress.org/priteshm/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/banner-image-for-post-and-page/)