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”文本大小使其具有響應性