gpt4 book ai didi

php - 将新文本框添加到 Wordpress 二十十七页眉

转载 作者:行者123 更新时间:2023-11-28 03:55:02 24 4
gpt4 key购买 nike

“二十七”标题显示两个文本框:站点标题和标语。我想在屏幕右上角添加一个新的文本框。我该怎么做?

编辑

image of two headers显示主题提供的页眉布局和我尝试制作的页眉布局(如下)。

在 header.php 中,我在以下行之后添加了一个容器:

<body <?php body_class(); ?>>

例如:

<div class="container">
<div class="column column-one">
<h1>Farm BBQ</h1>
<p>Best Moose Burgers</p>
</div>
<div class="column column-two">
<img href="https://moose.jpg">
</div>
<div class="column column-three">
<p>123 High Road,<br />Rockwell Park,<br />London <br />E1 1AA</p>
<h4><strong>07888 555 555</strong></h4>
</div>
</div> <!-- end of container -->

这出现在标题中,但无法处理预先存在的代码,并且与主题的组合方式不一致。

注意:我现在可以使用任何需要 Bootstrap (CDN) 的解决方案。

最佳答案

首先让我说,如果您要对主题进行任何更改,您需要创建一个子主题。

您需要修改主题中的 header.php 文件并添加 html 元素或查看是否已经有一个小部件区域。

我建议的方法是:

  1. 创建子主题
  2. 在您的 html 中添加,使其成为您的 .site-header 中的两列。您将不得不进行一些实验才能获得想要的东西。它可能看起来像这样:

    <header id="masthead" class="site-header" role="banner">
    <div class="xs-col-6(if you use bootstrap)">
    <?php get_template_part( 'template-parts/header/header', 'image' ); ?>
    </div>
    <div class="xs-col-6">
    <span>Text in Here OR widget area</span>
    </div>
    <?php if ( has_nav_menu( 'top' ) ) : ?>
    <div class="navigation-top">
    <div class="wrap">
    <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?>
    </div><!-- .wrap -->
    </div><!-- .navigation-top -->
    <?php endif; ?>
    </header><!-- #masthead -->
  3. 然后考虑您希望在第二列中显示的内容以及您希望更改它的容易程度。如果你想经常更改它,你应该创建一个小部件区域,你可以从管理 ui 编辑它。

希望这对您有所帮助!

关于php - 将新文本框添加到 Wordpress 二十十七页眉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43522780/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com