Question

Twenty Seventeen标题显示两个文本框：Site Title和Tagline。我想在屏幕的右上角添加一个新文本框。我该怎么做？

修改

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

它出现在标题中但未能处理预先存在的代码，并且与主题放在一起的方式不一致。

注意：我现在可以使用任何需要引导程序（CDN）的解决方案。

Answer 1

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

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

我建议的方式是：

创建子主题

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

然后考虑您希望在第二列中显示的内容以及您希望如何轻松地更改它。如果您想经常更改它，您应该创建一个可以从admin ui编辑的小部件区域。

希望这有助于您指明方向！

将新文本框添加到Wordpress二十七个标题

1 个答案: