Wordpress模板文件(php)中文本居中的全屏图片

Wordpress模板文件(php)中文本居中的全屏图片,php,html,css,wordpress,Php,Html,Css,Wordpress,这是我的当前页面: 我希望顶部的标题(“特拉维斯县”)是以全宽照片为中心的白色文本,例如: 我正在编辑模板文件,相关代码: <div class="state-page-content container" id="state-page-container"> <div class="row"> <div class="row"> <!--// PAGE TITLE -->

这是我的当前页面:

我希望顶部的标题(“特拉维斯县”)是以全宽照片为中心的白色文本,例如:

我正在编辑模板文件,相关代码:

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

这可以直接在php中完成吗?还是有更好的方法? 我经营一家非营利机构,预算有限,所以我必须自己编写大部分代码

总之,问题如下: -如何添加全幅照片? -然后如何在其上粘贴文本


谢谢你的帮助

我不确定是否理解了您的问题,但您可以这样做:

<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>

我不确定是否理解了您的问题,但您可以这样做:

<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>


更改应该在CSS文件中进行,而不是在php中进行。我在手机上,所以我不能检查它,但它通常是一个简单的文本对齐/位置变化。您可以根据图像容器进行相对定位,并使用“vw”文本大小使其响应

更改应在CSS文件中进行,而不是在php中进行。我在手机上,所以我不能检查它,但它通常是一个简单的文本对齐/位置变化。您可以根据图像容器进行相对定位,并使用“vw”文本大小使其具有响应性

好的,这适用于文本,您知道我如何将文本覆盖在全长图片的顶部吗?例如,在以下网站中:查看如何在全幅图片上显示“获得学位,保持无债务”?您需要创建一个带有背景图像的Div,并将文本悬停在其上。您是否知道任何可以快速指向的说明?谢谢好的,这适用于文本,你知道我如何将文本覆盖在一张全长图片的顶部吗?例如,在以下网站中:查看如何在全幅图片上显示“获得学位,保持无债务”?您需要创建一个带有背景图像的Div,并将文本悬停在其上。您是否知道任何可以快速指向的说明?谢谢