Question

基本上我在这里要做的是：显示youtube缩略图。如果没有youtube缩略图 - ＆gt;显示帖子的特色图片。如果没有特色图片 - ＆gt;显示后备图像。

然而，似乎我做错了，因为网页显示为空白。

<?php
            // Check if the post has a Youtube thumbnail (using custom field video_url)
    if get_post_meta($post->ID,'video_url',true)
        echo '<img src="http://img.youtube.com/vi/' . get_post_meta($post->ID,'video_url',true) . '/0.jpg"/>';
            // Check if the post has a Post Thumbnail assigned to it
    else ( has_post_thumbnail() ) {
        echo '<a href="' . get_permalink($post->ID) . '" >';
        the_post_thumbnail('frontpage-thumb');
        echo '</a>';
            // If the post does not have a featured image then display the fallback image
    } else {
        echo '<a href="' . get_permalink($post->ID) . '" ><img src="'. get_stylesheet_directory_uri() . '/img/fallback-featured-image-index.jpg" /></a>';}
    ?>

使用自定义字段显示youtube缩略图的常规代码是<img src="http://img.youtube.com/vi/<?php echo get_post_meta($post->ID,'video_url',true);?>/0.jpg"/>我无法使用条件语句...

Answer 1

在您的第一个.clearfix:before, .clearfix:after { content: ""; display: table; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after { clear: both; } .container-items { margin: 0 auto; padding: 15px; width: 100%; } .inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(min-width: 768px) { .container-items { width: 750px; } } @media(min-width: 992px) { .container-items { width: 970px; } } @media(min-width: 1170px) { .container-items { width: 1100px; } } .item { border: 1px solid #000; float: left; padding: 15px; text-align: center; width: 25%; }条件中，您的语法错误，必须关闭PHP

if

更正代码

if (get_post_meta($post->ID,'video_url',true)) //

在Wordpress中使用youtube缩略图的条件特色图像

1 个答案: