Question

是否有方法/代码可以在设置精选图片时自动隐藏h1标题？我喜欢我的特色图像作为标题，并且将两者都放在一起似乎是多余的。我对代码不是很熟悉：（

Answer 1

Wordpress有一个名为has_post_thumbnail()的功能。如果没有特色图像，您可以使用此功能显示H1：

<?php
if ( has_post_thumbnail() ) {
    the_post_thumbnail();
} else {
    the_title();
}
?>

也就是说，使用图像代替H1可能对您的搜索引擎优化不利。

根据@ NathanielFlick的建议，如果存在特色图片，您还可以使用此功能通过CSS隐藏页面旁边的H1，这样搜索引擎仍然可以获取{{1 }} 标签。如果你想走这条路，你的循环看起来像这样：

H1

这适用于您的<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?> <?php if ( has_post_thumbnail() ) { echo '<style type="text/css">h1{position:absolute;left:-100%;}</style>'; } ?> <h1><?php the_title(); ?></h1> <?php the_post_thumbnail(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_query(); ?>模板，但您必须将索引页的帖子ID绑定到仅针对该特定帖子的single.php，否则如果页面上有一个帖子没有精选图片，无论帖子是否有精选图片，所有H1都将隐藏在屏幕外。

好吧，对于你的特定主题，看起来帖子ID是作为ID和类添加的，所以你可以这样设置：

H1s

Answer 2

您可以使用has_post_thumbnail功能检查是否设置了精选图片。

这可能是：

<?php
if(has_post_thumbnail()) {
    the_post_thumbnail(); // the thumbnail
} else {
    the_title(); // the title
}

Answer 3

恰巧我找到了解决方案。获取像Simple Custom CSS这样的自定义CSS插件，并使用以下CSS。

其中一条线是不必要的，但它肯定会起作用：）

.entry-header { display: none;}

.content-section { padding: 0px; }

.page-title-wrap { display: none;}

@media screen and (min-width: 846px) {
    .content-area, .content-sidebar {
        padding-top: 0px;
     }
}

如何在使用特色图像时自动隐藏H1标题（wordpress）

3 个答案: