wordpress主题自定义logo和顶部图片

在主题开发中,需要调用网站的logo。最简单的方法就是使用wp自带的函数,也就是_custom_logo()。有了它,你还可以一边预览,一边通过背景-自定义-logo进行修改。还是很香的。下面就不多唠叨了。

第一步:自定义logo设置:

输入代码:然后将此代码直接插入主题functions.php的适当位置:

function hx_themename_custom_logo_setup() {
    $defaults = array(
        'height'      => 100,
        'width'       => 400,
        'flex-height' => true,
        'flex-width'  => true,
        'header-text' => array( 'site-title', 'site-description' ),
    );
    add_theme_support( 'custom-logo', $defaults );
}
add_action( 'after_setup_theme', 'themename_custom_logo_setup' );

在调用的时候使用系统内置函数the_custom_logo()即可,修改的方式下图所示:

设置logo
上传logo图片

第二步:自定义顶部图片:

自定义顶部新引入的主题特性,自定义顶部是在主题的顶部标题部分显示一个被选择的图像

添加代码如下:

$args = array(
    'width'         => 1080,
    'height'        => 200,
    'default-image' => get_template_directory_uri() . '/images/banner.jpg',
);
add_theme_support( 'custom-header', $args );

添加一个宽1080px和高200px顶部图像,前台调用方法:

<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />
我爱主题网 自2012
主题:260+ 销售:1000+
兼容浏览器

电话咨询

7*12服务咨询电话:

133-7205-6573

微信咨询