在 WordPress 上创建网格布局

发布于 2024-11-15 08:38:56 字数 339 浏览 2 评论 0原文

我想知道是否有人可以帮我回答这个问题,底部的解决方案不适合我的情况。

http://wordpress .org/support/topic/create-a-page-with-a-2-or-3-column-content-layout

我现在正在空白画布上工作。还没有页面的设计,因为页面的其余外观将取决于我是否能让这个元素正常工作。

任何帮助将不胜感激。我不知道如何做到这一点。

I'm wondering if anyone could answer this question for me, the solution at the bottom didn't work for my situation.

http://wordpress.org/support/topic/create-a-page-with-a-2-or-3-column-content-layout

I'm working on a blank canvas at the minute. Haven't got a design for the page yet as the rest of the page's appearance will depend on whether or not I can get this element working.

Any help would be MASSIVELY appreciated. Can't get my head around how to do this.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

離人涙 2024-11-22 08:38:56

现在只需将您的帖子放入 div 中


<?php if (have_posts()) ?>
<?php while (have_posts()): the_post(); ?>
<div class="wppost">
<h2>
<?php the_excerpt(); ?>
<p>">Read more...

</div> <?php endwhile; ?> <?php endif; ?>

,然后设置 .wppost 样式(或任何您命名的名称)
像这样 .wppost{width:32%; float:left}

这并不完美,但它可以帮助您入门。查看 jQuery Masonry 以获得简单、灵活的效果。

just put your posts into divs for now


<?php if (have_posts()) ?>
<?php while (have_posts()): the_post(); ?>
<div class="wppost">
<h2>
<?php the_excerpt(); ?>
<p>">Read more...

</div> <?php endwhile; ?> <?php endif; ?>

and then style .wppost (or whatever you name it)
like so .wppost{width:32%; float:left}

that's not perfect, but it'll get you started. check out jQuery Masonry for an easy, slick fx for that.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文