网站制作 第2页

WordPress主题开发教程二十:宽度和布局

liuying 发布于 2023-09-25

这篇将介绍如何设置每个位置 DIV 的宽度和布局排版,并且也会展示如何让主题显示正确,并同时在 Firefox 和 IE 下兼容,显示一致。 在我们开始之前,打开 Xampp Control,主题文件夹,Firefox 浏览器,IE 浏览器,index.php和style.css...

阅读(107)赞 (0)

WordPress主题开发教程十九:十六进制颜色代码和样式化链接

1

liuying 发布于 2023-09-23

我们今天将介绍如何着色和十六进制颜色代码。 颜色属性,跟着的是一个十六进制代码,是用于给文本上色的。如 body { color: #000000;} 意思是你页面 body 内所有文本将是黑色的。 背景颜色属性,跟着的是一个十六进制代码,是给除背景上色。如 body{ back...

阅读(108)赞 (0)

WordPress主题开发教程十八:Style.css 和 CSS 介绍

5

liuying 发布于 2023-09-23

学习 CSS 最好的方法就是去使用它,不像 XHTML 和 PHP 需要接触模板的核心文件,同样不要需要理解任何基本概念,只要去用它,通过使用和修正错误是可以让你快速学会。 我们现在已经在 style.css 文件有些内容,让我们先来看看这部分内容是干什么的? 第一行显而易见就是...

阅读(106)赞 (0)

WordPress主题开发教程十七:验证 XHTML

2

liuying 发布于 2023-09-14

在开始学习 CSS 并修改 style.css 文件之前,我们需要学习如何验证代码,简单说,验证(Validate/Validating/Validation)就是检查下代码有没有错误,而验证又分为:XHTML Validator 和 CSS Validator。这篇我们学到 X...

阅读(133)赞 (0)

WordPress主题开发教程十六:尾部模板

3

liuying 发布于 2023-09-12

尾部(footer)是wordpress公用的底部模板,可以拿来放统计、版权说明等代码。 第1步:增加个 DIV 标签 在侧边栏的 DIV 标签下输入以下代码: <div id=”footer”></div> 第2步:添加版权信息 把尾部的文本放入段落标签...

阅读(127)赞 (0)

WordPress主题开发教程十五:窗体化侧边栏

3

liuying 发布于 2023-09-12

一个支持 Widget 的侧边栏或者说是窗体化(widgetized)的侧边栏几乎是 WordPress 主题的标准。 首先,什么是窗体化(widgetizing)呢?简单地说,窗体化就是能够通过拖拉就能够整理侧边栏的模块。比如我们需要更改分类和存档的位置,只需要简单把分类和存档...

阅读(120)赞 (0)

WordPress主题开发教程十四:搜索框和日历

7

liuying 发布于 2023-09-11

尽管这篇的题目是 搜索框(Search Form) 和 日历(Calendar),但是我同样也会介绍 元数据(Meta) 。这一篇我们会结束常规的侧边栏,然后将在下一篇将介绍如何窗体化(widgetize)化侧边栏。 第1步:增加搜索框 创建一个新文件,然后把该空白文件保存下来 ...

阅读(113)赞 (0)

WordPress主题开发教程十三:存档和链接列表

5

liuying 发布于 2023-09-11

这篇将比较简单,讲解如何调用存档链接列表和友情链接(blogroll)列表。 第1步 – 增加存档链接列表。 在侧边栏区域的 Categories 列表下面输入以下代码: <li><h2><?php _e(’Archives’); ?><...

阅读(123)赞 (0)

WordPress主题开发教程十一:模板侧边栏

7

liuying 发布于 2023-09-08

这一篇我们主要讲解 WordPress 主题的侧边栏,让你很快掌握它的结构,并能编码和样式化它。 在开始侧边栏之前,这是现在 index.php 文件的样子。 第1步:创建 id 为 “sidebar” 的 DIV 首先让我们创建一个名字为 sidebar 的 DIV,这样可以把...

阅读(111)赞 (0)

WordPress主题开发教程十:日志导航链接

3

liuying 发布于 2023-09-08

在绝大多数的 WordPress 博客的底部,都会有 下一页 (Next Page) 或者 上一页 (Previous Page) 这样的导航链接。我们可以通过 WordPress 的模板系统中的posts_nav_link() 这个函数调用的是这些链接。 在 <?php ...

阅读(126)赞 (0)

WordPress主题开发教程十二:页面链接列表

7

liuying 发布于 2023-09-06

现在已经熟悉了侧边栏的结构,接下来我们将继续修改侧边栏,完成页面链接(Page-link)列表。当完成常规的侧边栏之后,我们将学习如何窗体化(widgetize)侧边栏。 在分类链接上面添加以下代码: <?php wp_list_pages(); ?> 保存并刷新浏览...

阅读(121)赞 (0)

WordPress主题开发教程九:Else,日志 ID,链接标题

3

liuying 发布于 2023-09-06

这篇课程将讲解其他3个可以增加到日志中的元素:Else,post ID, 和 链接的 title 值。尽管它们是可选的,但是我们几乎可以在我每一个免费的主题中都能找到。 开始之前,不要忘记启动 Xampp。 第1步:Else 在 <?php endwhile; ?> ...

阅读(120)赞 (0)

WordPress主题开发教程八:日志元数据

3

liuying 发布于 2023-09-04

日志元数据(Postmetadata)分为:日期(date),分类(categories),作者(author),评论数(number of comments),以及其他和日志有关系的信息。 同样请打开 XAMPP,主题文件夹,浏览器以及 index.php 文件。 先让我们复习...

阅读(123)赞 (0)

WordPress主题开发教程七:循环输出日志内容

9

liuying 发布于 2023-09-04

在这篇中,我们将展示如果显示博客日志的内容,并且使用一个 DIV 标签把博客日志的内容和日志的标题区分开。 下面就开始这篇课程。首先还是打开 XAMPP,“tutorial”主题文件夹,浏览器并在浏览器地址栏输入:http://localhost/wordpress,最后打开 i...

阅读(122)赞 (0)

WordPress主题开发教程五:编写Header模板(二)

liuying 发布于 2023-08-30

第1步:开启 XAMPP 和打开 index.php – 启动 Xampp – 打开 Tutorial 的主题文件夹 – 打开浏览器,在地址栏输入 http://localhost/wordpress – 返回主题文件夹,用记事本打开 index.php 第2步:给博客的标题添加...

阅读(107)赞 (0)

WordPress主题开发教程四:编写Header模板(一)

8

liuying 发布于 2023-08-29

本文让我们来继续学习wordpress主题开发头部Header模板开发。 第1步:打开 XAMPP 和主题文件夹。 打开 Xampp,然后打开上次创建的主题文件夹,xampp/htdocs/wordpress/wp-content/themes/tutorial。我们应该看到上次...

阅读(114)赞 (0)

外贸B2B独立站建站的5种方式及对比

liuying 发布于 2023-08-23

先把结论做成表格的形式让你有一个大体的了解,然后我会在表格下面来进一步解释。 自学建站 跟老师学 建站SaaS 建站公司 独立站半成品 费用成本 非常低每年大概1500元~3000元(服务器,域名,付费插件等) 中等学习费用5000-20,000(不包括其他花费) 低每年1000...

阅读(112)赞 (0)

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

15

liuying 发布于 2023-08-22

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

阅读(144)赞 (0)

wordpress模板设计PS教程六:侧边栏制作

22

liuying 发布于 2023-08-19

侧边栏包含社交网站链接,widget,tabs和广告。首先制作基本图层,用矩形工具创建一个颜色为#353535的矩形,重复在基本图层的内容区域使用智能滤镜和杂色。 社交网站链接 创建一个颜色为#4e4e4e,340像素 x 50像素的矩形。 使用直线工具创建1像素的直线,放在下图...

阅读(129)赞 (0)

WordPress解决文章id不连续的办法

liuying 发布于 2023-08-18

有很多WordPress博客的固定链接中使用了文章ID,但是WordPress由于种种原因导致了文章ID不连续的问题,也经常有博友在论坛中提问要解决这个问题,但是很少能够得到他们满意的答复。今天我就来告诉你如何完美的解决这个问题。 WordPress解决文章id不连续的办法 在 ...

阅读(109)赞 (1)