css - 一个包含 6 张图片的 wordpress 页面，这些图片链接到网站的其他部分

Question

我正在为我 friend 的小公司制作一个网站。

在索引之后，它还有 3 个页面，其中一个页面(家庭)有 6 个子页面(每个都是艺术家的名字)。

主题的全局宽度为 800 像素，我希望每张图片为 380 x 380 像素，并布置在 2 x 3 的网格中。当您点击这些图片时，它会链接到与图片对应的页面。

使用媒体 uploader 来组织大小和布局并没有真正起作用，我需要填充等。

我完全不知道接下来需要做什么，我是否应该创建一个模板，所以即使我使用媒体 uploader ，模板也会接管并组织布局？如何添加任何图像以自动调整大小以适合？我是否需要在 style.css 中对某些内容的链接样式进行填充？

我开始对 Wordpress 开发有所了解，但我对我实际尝试做的事情感到很困惑，并且发现很难说清楚。

Answer 1

我认为您必须创建父 div，然后像下面的代码一样设置图像大小。

<div class="img-wrap">
    <img src="http://upload.wikimedia.org/wikipedia/commons/e/ec/Happy_smiley_face.png" />
</div>

<div class="img-wrap">
    <img src="http://images2.fanpop.com/image/photos/9500000/happy-face-random-9576699-414-414.jpg" />
</div>

.img-wrap {
    max-width: 500px;
    width: 100%;
}

.img-wrap img {
    height: auto;
    max-width: 100%;
}