Wordpress模板文件中的中心文本全屏图片（php）

Question

这是我目前的页面： http ： //www.texaspaceauthority.org/travis-county/

我希望顶部的标题（“特拉维斯县”）是以全宽照片为中心的白色文字，例如： http ： //www.pelotonu.org/

我正在编辑模板文件，相关代码：

<div class="state-page-content container" id="state-page-container">
    <div class="row">
        <div class="row">
            <!--// PAGE TITLE --> 
            <h1><? the_title()?></h1>

这有可能直接在PHP中完成吗？ 还是有更好的方法？ 我经营一个非营利性的预算限制，所以我必须自己做大部分编码。

总而言之，问题是： - 如何添加全宽照片？ - 然后如何在其上粘贴文字？

谢谢你的帮助！

Answer 1

我不确定是否理解了你的问题，但你可以这样做：

<div class="state-page-content container" id="state-page-container">
    <div class="row">
        <div class="row">
            <!--// PAGE TITLE --> 
            <h1 style="text-align:center;"><? echo get_the_title()?></h1>

Answer 2

应该在你的CSS文件而不是php中进行更改。 我在移动设备上，所以我无法检查它，但它通常是一个简单的文本对齐/位置更改。 您可以根据您的图像容器执行相对位置，并使用“vw”文本大小使其具有响应性