wordpress模板设计PS教程七:页脚制作

本文介绍了WordPress新闻博客模板页脚的设计步骤,包括Twitter Feed、About Widget、Flickr Widget和置顶评论等元素的布局与样式设置。详细说明了图层大小、颜色、字体及图标位置等设计要点,并提到复制已有内容以简化制作过程。最终完成模板设计,旨在提供实用指导。

WordPress基础教程
阅读时间: 3 分钟
最后更新时间:2025年11月13日
5673ecd7aafda
5673ecd89a35f

页脚(footer)包含的内容有twitter feed,widget,flickr微件,置顶评论。创建一个容纳所有元素的基本图层,页脚基本图层大小为960像素 x 345像素,因为与侧边栏的基本图层制作方式一样,此处不再赘述。

5673ecd98f0c6

Twitter Feed

5673ecda50f49
5673ecdabf569

用矩形工具创建一个框

5673ecdb2c465

应用图层样式

· 渐变叠加(颜色): #353535, #505050

5673ecdb820a8

在下图区域写上文字,字体为Arial,字体样式为Regular-Italic,字体大小为12pt,字体颜色为#c7c7c7,另增加1像素的投影。

5673ecdc51348

将Twitter关注图标放在下图所示位置。另外,在一旁写Twitter的个人链接和总的关注人数。

5673ecdc9a54c

最后一步是添加1像素大小的直线。直线颜色与工具条颜色一致。

5673ecdce3e21

About Widget

5673ecdd514f6

复制一份之前在侧边栏区域所做的about us widget内容,放在下图所示区域。(上下缩略图的间距为5像素)

Flickr Widget

在下图所示区域放上40像素 x 40像素的样图。

5673ecde1ffb7

置顶评论

5673ecdf20c92

复制2份之前在tab步骤所制作的most popular的内容以及一条分割线,放在下图所示位置

复制2条分割线,放在下图所示位置。

5673ecdfe4218

最后,添加copyright的文本。

5673ece0cbc87

终于完成了WordPress新闻博客模板,希望该教材对你有帮助。

这篇文章有用吗?

点击星号为它评分!

平均评分 0 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

在AI里面继续讨论:

曾凤祥

曾凤祥

WordPress技术负责人
小兽WordPress凭借15年的WordPress企业网站开发经验,坚持以“为企业而生的WordPress服务”为宗旨,累计为10万多家客户提供高品质WordPress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。小兽WordPress能坚持多年,是因为我们一直诚信。

相关文章

如何让线上业务更上一层楼

还没有WordPress网站

还没有WordPress网站

不管你从事什么行业,WordPress都会为你提供一个专业的主题模板。在WordPress市场上有成千上万的免费主题,适合很多中小企业。

查看所有模板
已经有WordPress网站

已经有WordPress网站

小兽WordPress诚邀你一起学习WordPress,愿与各方携手升级改善您的WordPress网站,一起交流网站加速,网站优化等问题。

马上交个朋友
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部