Question

我正在使用Display Posts Shortcode Version 2.5.1 user guide

我理解属性列表，甚至如何应用wrapper_type（ol，ul，div）以及如何应用wrapper_class（例如：＆＃34; .post-container＆＃34;），甚至是wrapper_id（例如：＆＃34;＃post-1＆＃34;）。

问题是输出（4个单独的帖子）包含一张图片（我使用＆＃34;中＆＃34;尺寸，输出300px X 300px的图片），标题和摘抄。它看起来像是左边的图片，然后图片的右边是标题，然后标题的右边是摘录。

我需要的是将图片放在标题上方和摘录上方，以便图片，标题，摘录垂直堆叠而不是水平放置。

我没有看到任何方式使用[display-posts]短代码来隔离标题并在样式表中隔离样式的摘录。

这是一个示例帖子显示。注意图片是左边，帖子标题是图片的右边：

这是我想要实现的目标：

文档页面确实给出了css示例：

.display-posts-listing .listing-item {
    clear: both;
}

.display-posts-listing img {
    float: left;
    margin: 0 10px 10px 0;
}

...所以你可以看到我可以将整个块（图片，标题，使用.display-posts-listing类的摘录）或图像具体定位。但是，标题和摘录呢？如何重新定位它们看起来更像是图片＃2？

要说清楚，我不是因为关于CSS和样式的课程以及如何定位元素而钓鱼。我知道如何做到这一切。我无法找到的是如何为＆＃34; title＆＃34;指定一个类。和＆＃34;摘录＆＃34;在显示后短信中，然后我可以在我的样式表中创建该类或id。

Answer 1

在插件“显示帖子短代码”的style.css中，再添加一个带css的类

.listing-item
{
  float:left;
  width:20%;
}