在 functions.php文件里添加如下代码:(调用顶部图像)

<?php
//wordpress的核心功能
function start_custom_head(){
    add_theme_support('custom-header');//开启顶部图像的功能
}
add_action('after_setup_theme','start_custom_head');

?>

前端的代码如下(中间部分为实现代码)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <?php wp_head(); ?>
</head>
<body>
    
    
    <img src="<?php header_image(); ?>" alt="">


<?php wp_footer(); ?>
</body>
</html>

效果:


下面是自定义宽和高 裁剪的代码

<?php
//wordpress的核心功能
function start_custom_head(){
    add_theme_support('custom-header');//开启顶部图像的功能
}
add_action('after_setup_theme','start_custom_head');
/*
设置图像高度和宽度
*/
add_action('after_setup_theme','custom_header_width_height');
function custom_header_width_height(){
    $custom_header_args = array(
        'uploads'=> false,//uploads为false无法裁剪,为true时可以裁剪
        'width' => 600,
        'height'=>200
    );
    add_theme_support('custom-header',$custom_header_args);
}

?>

“wordpress 添加和调用顶部图像”上的一条回复

评论已关闭。