框架的构建
专注于为中小企业提供网站制作、成都网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业逊克免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
这是一个非常重要的一部分,在设计网页布局。我们需要在PS中构建我们的结构布局之。第一件事的目的就是布局。本文模板构建的布局包括以下内容:
Header
Posting area
Sidebar
Single page
Comment
Feedback
Searching field
Page menu
RSS
Archives, Links and About Page
我们需要紧记,我们不能把所有的东西都放在一个篮子里。因此,我们需要记住:
1.不要展示的东西太多了,在一单页。
2.不要使用太多的颜色和字体类型。
在此示例中,我也尝试作出尽可能的简单,这里只是举一个例子,就如何建立一个WordPress的主题。。下面是制作出的最后形象,。最终的结果
Step 1
创建一个新文档1024px X 768px ,因为我们构建的是一个在1024px可以正常显示的主题 . 填充背景色为#eae8c6. 显示标尺,以便整体尺寸的定位。
Step 2
选取矩形工具,抓取你要的位置并以此为标题。高度你必须自己估计。平衡整体结构是主要的事,是你需要关注的问题。然后,如下所示,先填充一个渐变色,之后在下面填充一个1PX的区域,这样可以加深地方分解的地方,使整体看起来明亮有层次。
Step 3
这里的主题文字特性制作如下,大家可以根据自己的需求制作。这里的教程是选用阴影设置,如下图所示。然后选择渐变12 %的不透明,由黑变白。之后只需按住Ctrl,点击文字层,以获取选择。去选择修改缩缩 1px 。之后创建一个新层。内描边 1px ,白色。
Step 4
画矩形,请记住,最大宽度为您可以使用的是600px 。之后描取一个1px内的白色边框。如下所示。渐变区设置如下:
Step 5
网络上有很多的按钮制作教程,大家可以看看区,其实是使用相同的技术,我们使用的按钮。整体制作方法与第三步相同。
Step 6
加上一些虚拟的文本和照片。
Step 7
再添加在一些虚拟的文本。尝试使用常见的字体进行测试。不要忘记WordPress文章需要标题,标签,发布日期,评论人数,我补充一句本主题,作者照片也作为一部分以显示在每篇文章
Step 8
制作一个RSS图标。我忘记了我下载的网站,…,搜索范围需要建立一矩形。还有,它的最大宽度将330px 。填补它为黑色的颜色,并将它混合模式,设置为柔和光线。创建另一个矩形。这将是我们的输入栏。填补它为白色。之后选取1px颜色-#d 0ceae内描边。如下图所示。
Step 9
使用矩形工具来创建的类别和内容的链接框。最大宽度将160px 。我们需要一个10px空间,在它们之间。
Step 10
底部制作的效果和顶部相同。
要想三个区域排成一排,
其实很简单的。通过CSS来实现 。
比方说,三个区域的代码如下:
div class="post"
div class="post-1"111111/div
div class="post-1"222222/div
div class="post-1"333333/div
/div
下面是CSS代码:
.post{width:1030px; margin:0 auto; }
.post-1{ width:330px; float:left; margin-left:10px; }
这样就简实现了你的要求。希望帮到你了。
gzip的问题,空间是否开启了,然后wp-config.php里是否将gzip的设置,把1改为了0(0代表关闭),我看见你下面回答说用了gzippy 插件,既然没开gzip或者是空间不支持或没开,用了gzippy 肯定是访问不了了。
既然找到原因,问题好解决,现在网站访问不了,登录ftp,直接去plugins文件夹里,把gzippy文件夹改名或者删除掉就能访问了。