小编las*_*oob的帖子

我想创建一个响应式网站,其中包含Polymer Starter Kit +预构建的聚合物元素.

现在,如何在像bootstrap这样的css框架中实现像容器或网格这样的东西？

是否可以只使用Polymer,或者我唯一的选择是我自己的自定义代码,还是框架/网格系统,如骨架,波旁威士忌等等？

我试着看看iron-flex-layout,但是它不会像小屏幕尺寸上的网格那样在彼此之上崩溃,你可以在这里看到它:

http://plnkr.co/edit/ds6gAyohtZW4ESkxu83o?p=preview

 <div class="horizontal layout" style="height:100%">
    <div class="flex-1">
      Left column
    </div>
    <div class="flex-4">
      Right column
    </div>
  </div>

它不会"崩溃",所以如果您调整窗口大小,它们将在彼此之下,它只是缩放.

那么,我该怎么做呢？

编辑:我想实现这样的目标:http: //www.bootply.com/4CJ9GOYEuH

因此,如果您调整窗口大小,则dics将会折叠到彼此的顶部,而不是彼此相邻.

所以，我一直在尝试做与短代码完全相同的事情[products limit="10" columns="4" best_selling="true" ]。

我需要将它实现到 php 页面模板，但我读到 do_shortcode 是不好的做法，我想以正确的方式做到这一点。

这是我到目前为止所拥有的，但是我该去哪里呢？

$args = array(
        'limit' => '10',
        'columns'      => '4',
        'orderby' => 'total_sales',
        'order' => 'DESC',
);
$products = wc_get_products( $args );

如果我理解正确的话，这将保存 10 个最畅销的产品，按 $产品的总销售额递减。这不正确吗？

如何正确显示 $products 中的实际产品列表（就像短代码一样）？

所以最近的帖子查询了最近5篇帖子.

 {% for post in site.posts limit:5 %}
     <li>
    < a href="{{ post.url }}">{{ post.title }}</a>
     </li>
   {% endfor %}

但是,这也显示了当前的一个,如果它是5个最新帖子之一.我试图包含一个检查URL的if语句,但是如何在限制变量中添加+1？

PS:我在锚标签中包含了一个空格,因此它的代码可读

我想添加一个自定义促销内容滑块，并且我想为页面上的每张幻灯片添加 3 个自定义字段：

• 图片

• 头条新闻

• 这段落

但是，我不知道用户想要多少张幻灯片，也许是 2 张，也许是 6 张。

我怎样才能实现这个目标？

之后，我想我只需要一个 for 循环来生成幻灯片。

如果这很重要的话，我有 ACF pro。