Question

我正在为我哥们的小公司建立一个网站。

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

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

使用媒体上传器来组织尺寸和布局并不是真的有用，我需要填充等等。

我对下一步需要做的事情感到困惑，我应该创建一个模板，所以即使我使用媒体上传器，模板也会接管并整理布局？如何添加任何图像以自动调整大小以适应？我是否需要在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%;
}

Answer 2

Mayby会帮助你：

<div class="img-wrap">
   <img src="..." alt="..." />
</div>
<div class="img-wrap">
   <img src="..." alt="..." />
</div>

.img-wrap {
   width: 380px;
   padding: 0 10px;
   display: inline-block;
   float: left;
}
.img-wrap:nth-child(2n+1) {
   clear: left;
}
.img-wrap img {
   width: 100%;
   height: auto;
}

一个wordpress页面，有6个图像链接到网站的其他部分

2 个答案: