特集画像を使用すると自動的にH1タイトルを非表示にするには

Question

注目画像が設定されるたびに自動的にh1タイトルを非表示にする方法はありますか？私はタイトルとして機能するために私の特色のあるイメージが好きです、そして、両方を持っていることは冗長であるようです。私は非常にコードを経験していないよ:(

Answer 1

それはちょうどので、私は解決策を見つけたことが起こる。単純なカスタムCSSのようなカスタムCSSプラグインを入手して、次のCSSを使用します。

これらの行の一つです不要な、それは間違いなくWordpressのはhas_post_thumbnail()と呼ばれる機能があります:)

.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; 
    } 
} 

Answer 2

動作します。特色画像が存在しない場合は、H1を表示するには、この機能を利用することができます

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

おそらくあなたのSEOのために良いではありませんH1の代わりに画像を使用して、言いました。

下記の@ NathanielFlickの提案に基づいて、この機能を使用して、H1をCSS経由でページの横に隠すこともできます（この検索エンジンはまだ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(); ?> 

これはあなたのsingle.phpテンプレートで動作しますが、あなたが唯一のH1をターゲットに、あなたのインデックスページのためのポストIDにネクタイしなければなりませんその特定の投稿については、そうでなければ、ページ上の1つの投稿に特色画像がない場合、H1sはすべて、その投稿が注目画像を持っているかどうかにかかわらずスクリーンから隠されます。

<?php 
    if (has_post_thumbnail()) { 
     echo '<style type="text/css">#post-' . $post->ID . ' h1{position:absolute;left:-100%;}</style>'; 
    } 
?> 

Answer 3

あなたはhas_post_thumbnail機能を使用することができますポストIDは、IDやクラスとして追加されているので、あなたはこのようにそれを設定することができように

さてさて、あなたの特定のテーマのために、それが見えます注目画像が設定されているかどうかを確認する。

これは次のようになります。

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