Question

我一直在寻找并找不到合适的解决方案。我的目标是将第一个帖子设置为与其他帖子不同。我把它们放在一个3 * 3的网格中，我想首先发布为全宽。

以下代码在index.php中生成循环。

<ul class="list_post">

            <?php $i = 1; ?>
            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>                    

                <?php get_template_part('content','grid'); ?>                                          
                <?php if ($i%3 == 0) : ?>
                    <div class="clearfix"></div>
                <?php endif; $i++; ?>

            <?php endwhile; wp_reset_query(); endif; ?> 

</ul>

渲染的HTML输出是：

＆＃13;

<ul class="list_post">
  <li>
    <article id="post-7375" class="post_grid post-7375 post type-post status-publish format-video has-post-thumbnail hentry post_format-post-format-video">
      <div class="post-img"></div>
      <div class="post-header"></div>
      <div class="post-entry"></div>
    </article>
  </li>
  <li>(..)</li>
  <li>(..)</li>
</ul>

＆＃13;

我不确定如何做到这一点？

Answer 1

在global $i; <article id="post-<?php the_ID(); ?>" <?php post_class('article-num-' . $i); ?>>上更改前几行以反映以下内容：

.article-num-1{
..
}

然后在你的CSS中，你可以这样做：

import UIKit
import Jukebox
class ViewController: UIViewController {

var jukebox = Jukebox()


override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.

    self.jukebox = Jukebox(delegate: self, items: [ JukeboxItem(URL: NSURL(string: "http://mixtapemonkey.com/mixtapes/zip/491/Chance%20The%20Rapper%20-%2010Day%20Official%20Final/03%20Nostalgia.mp3")!)
        ])
}

Wordpress：样式的第一个帖子与其他帖子不同

1 个答案: