Question

我在弄清楚如何在所有主要内容（包括侧边栏）上方显示我的wordpress页面标题时遇到问题。换句话说，紧跟标题之后。可以使用全宽页面，但在侧边栏左对齐的页面上，页面标题应位于侧边栏内容的右侧，并且位于主内容部分的上方，而不是页面的顶部，即左对齐的正上方侧边栏内容。我正在使用JointsWP主题，并查看了loop-page.php，似乎页面标题在条目内容上方被调用了：

<article id="post-<?php the_ID(); ?>" <?php post_class(''); ?> role="article"     itemscope itemtype="http://schema.org/WebPage">

<header class="article-header">
<h1 class="page-title"><?php the_title(); ?></h1>
</header> <!-- end article header -->

<section class="entry-content" itemprop="articleBody">
    <?php the_content(); ?>
</section> <!-- end article section -->

<footer class="article-footer">
     <?php wp_link_pages(); ?>
</footer> <!-- end article footer -->

<?php comments_template(); ?>

</article>

如果我从loop-page.php中删除了文章标题部分，并在get_header（）关闭后将其直接插入page.php中；标签，那么我得到了期望的结果，但是我认为这不是处理它的正确方法。抱歉，如果这是一个非常基本的问题，但是我已经在网上搜索了，还没有找到答案。

Answer 1

页面上每个项目出现的地方是主题和应用于页面的CSS的乘积。您上面粘贴的代码不包括用于生成侧边栏的代码。通常，边栏由文件“ header.php”调用。例如，以下是通用主题“二十一十五”中的代码，该代码生成了侧边栏（位于header.php文件末尾）：

</header><!-- .site-header -->
<?php get_sidebar(); ?> </div><!-- .sidebar -->

您可以完全使用CSS解决此问题，但我建议您在标题之前添加标题-这样会更容易。在上面的示例中，尝试如下编辑header.php：

</header><!-- .site-header -->

<div id="the_title">
     <h1 class="page-title">
        <?php the_title(); ?>
     </h1>
</div>

<?php get_sidebar(); ?> </div><!-- .sidebar -->

根据您使用的格式，将标题放在共享主页内容类的div中可能会有所帮助，如下所示。

</header><!-- .site-header -->
   <div id="content" class="site-content">
      <div id="the_title">
         <h1 class="page-title"><?php the_title(); ?></h1>
      </div>
   </div>
<?php get_sidebar(); ?> </div><!-- .sidebar -->

然后将CSS格式添加到id =“ the_title”，以确保其按您希望的方式显示。对于CSS编辑，您可能需要将以下内容添加到style.css文件中：

#the_title {
   width:100%;
   margins: 40px;
}

主要内容上方的WordPress页面标题

1 个答案: