php - 移动 php the_title 的位置

Question

我正在尝试使包含页面标题的内容页面区域为全宽，这样我就可以将图像放回那里，类似于:http://www.nielsen.com/us/en/newswire.html

我尝试将 page-title div 移动到 page.php 上的容器上方，但它总是回到容器内。

这是我想在我的网站上移动的示例:http://www.zachkeller.net/cp_site/?page_id=93

这是我的 page.php 代码:

<?php get_header(); ?>

            <!-- If there is no gallery, just grab the featured image -->
            <?php if ( has_post_thumbnail() ) { ?>
              <a class="featured-image" href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'okay' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php the_post_thumbnail( 'large-image' ); ?></a>
            <?php } ?>

            <div class="container-wrap">
                <div class="container">
                    <div class="content">
                        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
                            <div class="blog-post clearfix">
                                <div class="blog-inside">
                                    <div class="page-title">
                                        <h1><?php the_title(); ?></h1>
                                    </div>

                                    <?php the_content(); ?>
                                </div><!-- blog inside -->
                            </div><!-- blog post -->
                        <?php endwhile; ?>
                        <?php endif; ?>
                    </div><!-- content -->

                    <?php get_sidebar(); ?>
                </div><!-- container -->
            </div><!-- container wrap -->

<?php get_footer(); ?>

Answer 1

你需要使用 echo get_title();而不是 the_title。这样它就会输出到你想要的地方。 the_title 自动输出自己。 get_title 是您手动回显的值。

请务必检查您使用的是哪个页面模板。在 wordpress 中，一个很好的线索是检查 body 类，它通常包含“page-template-full-width-php”或类似的内容，告诉您要编辑哪个模板。