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,并将文本悬停在其上。您是否知道任何可以快速指向的说明?谢谢