Question

我在二十七个主题中遇到的问题是，相同的图像用于首页，它覆盖整个屏幕和帖子/页面，其中只显示约20％的图像。这使得无法使首页和帖子标题看起来都不错。我需要将它们分开，以便首页获得一个图像，帖子/页面获得另一个图像。我应该在哪里改变这个？

这是标题代码：

    <header id="masthead" class="site-header" role="banner">

    <?php get_template_part( 'template-parts/header/header', 'image' ); ?>

    <?php if ( has_nav_menu( 'top' ) ) : ?>
        <div class="navigation-top">
            <div class="wrap">
                <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?>
                    <?php if ( has_nav_menu( 'social' ) ) : ?>
                    <nav class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Footer Social Links Menu', 'twentyseventeen' ); ?>">
                    <?php
                        wp_nav_menu( array(
                            'theme_location' => 'social',
                            'menu_class'     => 'social-links-menu',
                            'depth'          => 1,
                            'link_before'    => '<span class="screen-reader-text">',
                            'link_after'     => '</span>' . twentyseventeen_get_svg( array( 'icon' => 'chain' ) ),
                        ) );
                    ?>
                </nav><!-- .social-navigation -->
                <?php endif; ?>
            </div><!-- .wrap -->
        </div><!-- .navigation-top -->
    <?php endif; ?>

</header><!-- #masthead -->

get_template_part中使用的标头模板：

<div class="custom-header">

    <div class="custom-header-media">
        <?php the_custom_header_markup(); ?>
    </div>

<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>

Answer 1

与其他任何页面相比，首页使用不同照片的方法只需使用：

if (is_front_page()) {
  // Code for front-page image
} else {
  // Code for all other template pages
}

我认为这就是你所追求的，然而，你的问题可以用很多不同的方式解释，例如，我如何使用Wordpress管理员添加不同的图像，或者我应该使用什么CSS /如何用它来得到预期的结果......

Answer 2

如果它是背景图像（听起来像是这样），你可以用纯CSS解决这个问题。只需使用

body {
  background-image: url('image_x.jpg');
}

用于常规页面和（按此顺序）

body.home {
  background-image: url('image_homepage.jpg');
}

主页的

（.home课程自动应用于主页的body标记

如何使二十七个使用两个不同的标题图像的帖子和＆amp;首页

2 个答案: