html – 如何在960.gs / Bootstrap嵌套网格中集成WordPress循环?

前端之家收集整理的这篇文章主要介绍了html – 如何在960.gs / Bootstrap嵌套网格中集成WordPress循环?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

即将实施我的第一个wordpress网站.我的理解是,如果我的循环调用泛型项,它会有所帮助,例如:

使用Twitter Bootstrap或960.gs时,我的Feed会跨多个列和多行.

例如,文章在由5列组成的嵌套网格上水平布局.每5个项目,就有一个新行.

Row 1: [article div] [article div] [article div] [article div] [article div]
Row 1: [article div] [article div] [article div] [article div] [article div]
Row 1: [article div] [article div] [article div] [article div] [article div]
etc.

我将解释下一点,以检查我对这些系统如何工作有基本的了解.

在960.gs中,对于嵌套网格,我需要分别使用alpha和omega类声明每行中的第一项和最后一项:

同样,在Twitter Bootstrap中我需要将每一行放在它自己的特殊DIV中:

如果我的网格没有嵌套,事情会更简单一些.我意识到我可以简单地在我的容器中放置span1或grid_1.当每行达到最大列数时,每行将自动换行到下一行.

考虑到这一点,我的wordpress循环将非常简单.它不需要识别每行的第一个和最后一个项目,或计数,或增加数字,或类似的东西.

我想知道的是,如果有一种方法可以简化我的方法,那么循环不一定要计算项目,有点像这样:

最佳答案
另一种思考方式可能是使用List Items< li>而不是< div>.然后,您可以应用第一个子伪元素样式.不幸的是,某些浏览器不支持最后一个孩子.但列表项目很好,很干净,因为你可以随意漂浮它们.

否则你可以写3个循环.第一个将只拉出你想要的类别中的第一篇文章.第二个将偏移1并拉出(X -1)总帖子(停止完整列表).然后第三个只抓住最后一个帖子.

PHP
global $post;
$args = array( 'numberposts' => 5,'offset'=> 1,'category' => 1 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) :  setup_postdata($post); ?>
    PHP the_permalink(); ?>">PHP the_title(); ?>PHP endforeach; ?>

您可以使用变量代替numberposts的整数.希望这有助于您入门.

原文链接:https://www.f2er.com/html/425826.html

猜你在找的HTML相关文章