在wordpress中将按钮放在全宽和全高图像上

function add_button_to_image($content) {
    if (is_singular('post')) { // 仅在文章页面生效，可以根据需要修改
        $image_url = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full')[0]; // 获取特色图像的URL
        $button_html = '<a href="#" class="image-button">按钮</a>'; // 自定义按钮的HTML代码

        $content = '<div class="image-container">' . $content . '<div class="button-overlay">' . $button_html . '</div></div>';
        // 将按钮HTML代码添加到图像容器中

        $content .= '<style>.image-container { position: relative; display: inline-block; } .button-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .image-button { background-color: #000; color: #fff; padding: 10px 20px; text-decoration: none; }</style>';
        // 添加自定义样式

        return $content;
    }

    return $content;
}
add_filter('the_content', 'add_button_to_image');