首页 问答 正文

如何为WordPress主题添加广告横幅(banner)管理功能?

注册会员 / 悠然自学 / 2023-07-11/ 浏览 131 次

为WordPress主题添加广告横幅(banner)管理功能需要以下步骤:

  1. 首先,在你的主题文件夹中创建一个新文件夹,命名为banners,用于存放广告横幅的相关文件。

  2. functions.php文件中添加以下代码,用于注册自定义的广告横幅尺寸:

function mytheme_add_image_sizes() {
    add_image_size( 'banner', 728, 90, true ); // 广告横幅尺寸
}
add_action( 'after_setup_theme', 'mytheme_add_image_sizes' ); 
  1. 创建一个新的自定义文章类型(Custom Post Type),用于管理广告横幅。在functions.php文件中添加以下代码:
function mytheme_register_banner_post_type() {
    $args = array(
        'labels' => array(
            'name' => __('Banners', 'mytheme'),
            'singular_name' => __('Banner', 'mytheme'),
        ),
        'public' => true,
        'has_archive' => true,
        'rewrite' => array('slug' => 'banners'),
        'supports' => array('title', 'thumbnail', 'editor'),
    );
    register_post_type('banner', $args);
}
add_action('init', 'mytheme_register_banner_post_type'); 
  1. 创建一个新的WordPress页面模板(page template),用于显示广告横幅。在主题文件夹中创建一个名为page-banner.php的文件,并在文件中添加以下代码:
<?php
/*
Template Name: Banner Page
*/
get_header();
?>
    <div class="banner-page">
        <?php
        $args = array(
            'post_type' => 'banner',
            'posts_per_page' => 1,
        );
        $banners = new WP_Query($args);
        if ($banners->have_posts()) {
            while ($banners->have_posts()) {
                $banners->the_post();
                if (has_post_thumbnail()) {
                    the_post_thumbnail('banner');
                }
            }
        }
        wp_reset_postdata();
        ?>
    </div>
<?php get_footer(); ?> 
  1. 在后台编辑器中创建一个新页面,并选择使用刚创建的“Banner Page”模板。

现在,你的WordPress主题就具备了广告横幅管理功能。你可以使用WordPress的内容管理界面来添加和编辑广告横幅,然后在创建的页面上显示出来。

大家谈论
    我的见解