帖子标题下方的帖子格式内容

时间：2015-03-07 作者：Hung PD

一段时间以来，我一直在努力解决这个问题：

<article class="post">

    <div class="entry-header">
        <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    </div>  <!-- end entry-header -->

    <div class="entry-content">
        <?php the_content(); ?>
    </div>  <!-- end entry-content -->
</article>
这将显示标题，然后是图像（音频、视频、库嵌入等），然后是帖子信息。我正在尝试获取图像，然后是标题，然后是帖子信息。

我拍这张照片是为了解释。

enter image description here

我该怎么办？

2 个回复
最合适的回答,由SO网友:Hung PD 整理而成

我找到了解决问题的方法。只需获取帖子格式，然后使用get_post_meta($post->ID, \'variable_name\', true);

示例：

<article class="post post-<?php echo $postformat; ?>">

    <?php 

        if( $postformat == "video" ){

            $embed_video_code = get_post_meta($post->ID, \'video_embed_code\', true);

            if ($embed_video_code) {

                echo \'<div class="ajax-video-wrapper">\';
                echo \'<div class="ajax-video-container">\';
                    echo $embed_video_code;
                echo \'</div>\';
                echo \'</div>\';

            }

        } 
    ?>
</article>

SO网友:dgas02

因此，要移动内容下方的标题，只需移动html即可。

<article>    
    <div class="entry-content">
        <?php the_content(); ?>
    </div>  <!-- end entry-content -->

    <div class="entry-header">
        <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    </div>
</article>
您需要稍微旋转一下html。您需要做的第一件事是添加wordpress函数add_theme_support(\'post-thumbnails\') 您的功能。php。这将允许您向每个帖子/页面添加特色图片。

下一步的功能。php您需要添加wordpress函数add_image_size(\'postimgsize\', width, height, true). 最后一个周长允许图像从中心向外裁剪到指定的宽度。

最后你需要调整你的主题文件。

<article class="post">
    <?php if(has_postthumbnail()) : ?>
         <div class="entry-postthumbnail">
              <?php the_post_thumbnail(\'postimgsize\');?>
         </div>
    <?php endif; ?>

    <div class="entry-header">
        <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    </div>  <!-- end entry-header -->

    <div class="entry-content">
        <?php the_content(); ?>
    </div>  <!-- end entry-content -->
</article>
the_post_thumbnail() 函数调用特征图像，通过在圆括号内指定add\\u image\\u size函数的名称，图像将裁剪为您想要的确切大小。

希望这有帮助。

结束
标签： content   post-formats   小码农  

相关推荐

Displaying contents of a tab

我一直在想如何完成我需要做的事情，我可以展示出来here. 我在一次采访中问过这个问题StackOverFlow 我得到了一个很好的答案，但我不知道如何在wordpress中实现它。我根据需要放置jQuery.siblings() 如功能中所示。php如下所示：wp_register_script(\'flatmarket-jquery2\', get_template_directory_uri() . \'/js/jquery2.js\', array(), \'2.1.0\', true);&#x