我如何更改帖子显示的外观

时间:2013-06-23 作者:Exploit

当一篇文章发布时,它是这样的:
标题在上面,然后是图片,然后是图像。

enter image description here

但我想做的是,技术水牛。com有:

enter image description here

这是如何做到的?是否为每篇新文章复制并粘贴了一个html模板,并以该格式显示,或者WordPress是否为每篇文章呈现该模板?

谢谢

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

在2012年索引中。php:

<?php while ( have_posts() ) : the_post(); ?>
   <?php get_template_part( \'content\', get_post_format() ); ?>
<?php endwhile; ?>
中间的线正在加载content.php 在主页上显示帖子。

a、 在中content.php, the_post_thumbnail() 第18行负责帖子的图片,特别是特色图片。

b、 这部分负责职位的标题:

<h1 class="entry-title">
       <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( \'Permalink to %s\', \'twentytwelve\' ), the_title_attribute( \'echo=0\' ) ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
    </h1>
c.内容或摘录对帖子的细节负责:

<?php the_excerpt(); ?>

<?php the_content( __( \'Continue reading <span class="meta-nav">&rarr;</span>\', \'twentytwelve\' ) ); ?>
d.以及整个<footer class="entry-meta"> ... </footer> 负责作者信息、帖子信息等。

代码块是特定于不同页面的有条件的,例如:

  • is_single() - 帖子详细信息is_archive() - 帖子存档,也可以参考日月年存档is_home() - 网站索引is_front_page() - 如果你有头版。phpis_page() - 任何页面内容的详细页面is_search() - 对于搜索结果页,请针对您的问题创建一个名为content-custom.php 使用:

    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    
        <h1 class="entry-title"><?php the_title(); ?></h1>
    
        <?php if ( has_post_thumbnail() ) : ?>
        <div class="post-image">
            <?php the_post_thumbnail(); ?>
        </div> <!-- .post-image -->
        <?php endif; ?>
    
        <div class="post-details">
            <div class="post-meta">
                <?php // Thanks to Ian Stewart for the bit of codes below ?>
                <span class="author vcard"><a class="url fn n" href="<?php echo get_author_posts_url( false, $authordata->ID, $authordata->user_nicename ); ?>" title="<?php printf( __( \'View all posts by %s\', \'your-theme\' ), $authordata->display_name ); ?>"><?php the_author(); ?></a></span>
                <span class="meta-sep"> | </span>
                <span class="entry-date"><abbr class="published" title="<?php the_time(\'Y-m-d\\TH:i:sO\') ?>"><?php the_time( get_option( \'date_format\' ) ); ?></abbr></span>
            </div> <!-- .post-meta -->
            <div class="post-text">
                <?php // For a simple exceprt of the body content ?>
                <?php the_excerpt(); ?>
            </div> <!-- .post-text -->
        </div> <!-- .post-details -->
    
    </article><!-- #post -->
    
    您必须在style.css:

    .post-image{ float: left; }
    
    现在,在你的index.php, 不要加载任何自定义模板,而是在WordPress loop:

    <?php get_template_part( \'content\', \'custom\' ); ?>
    

SO网友:Greeso

查看您的档案。php和single。模板中的php文件。然后修改这些文件的html输出,并修复与这些项目相关的css。

结束

相关推荐

query posts in wordpress

我想在word press中的\\u循环开始之前筛选查询结果。我只希望结果的term\\u id或term\\u taxonomy\\u id等于1。query_posts(\'post_type=my_post&term_id=1&posts_per_page=6\'); 这是返回所有行,我是word press新手,所以我不确定我们是否可以在query\\u帖子中使用term\\u id。还有其他方法吗?