Wordpress列标题完整图片

Question

我希望通过Wordpress中的列实现此目的;

example

带有Image标题的列和下面的一些文本。它将作为内容框。

我知道这很容易，但我现在无法弄明白=（

请帮帮我

Answer 1

你的意思是这样的吗？

＆＃13;

＆＃13;

.box {
  max-width: 200px;
  width: 100%;
  border-radius: 10px;
  border: 1px black solid;
  padding: 10px 5px;
}

.box img {
  width: 100%;
}

.box .body {
  margin-top: 5px;
  border-top: 1px solid black;
}

＆＃13;

<div class="box">
  <img src="" alt="img" />
  <div class="body">
    <h2>Header</h2>
    <p>Body</p>
    <button>A button</button>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;