一.WordPress新手必须注意的两个设置
- 第一 :设置里面的媒体--关闭wordpress缩略图功能
如果开启了三种缩略图,博客上传的图片就会生成不同大小的三份,而基本上博客又没有使用,这样下来严重占用并浪费了网站空间。只需要把所有大小全部改成0就可以了! - 第二 :设置里面的固定链接设置
自定义URL结构可以为您的链接提高美感、可用性和前向兼容性。建议使用/%post_id%/或者/%postname%/
二.WordPress 专业术语:
- Template(模板) — 其实就是一个代码集,主题中很多地方会利用到这个代码集,所以把它们整合成一个模板,这样就就不必一遍遍输入这些重复代码。
- Template file(模板文件) — 一个包含一个或者多个代码集(模板)文件。每个主题是由多个模板文件组成的,比如:index.php,style.css,sidebar.php 等等。
- Theme(主题)或者 WordPress theme(WordPress 主题) — 所有你正在使用的文件:文本,图像,代码等等。注意: WordPress theme(主题)和 WordPress template(s)(模板)是两个不同的东西,尽管有些人认为他们一样。
- Post(日志或者文章) — 现在你读的就是一篇日志。此外,它是你 blog 的一个简单的条目,如:一个页面或者一篇日记。
- Page(静态页面) — 一种特殊的 post,它不是以分类组织的。它有别于你其他的日志。注意:在 WordPress,page(页面)和 Page(静态页面)是两种不同的东西。
三.WordPress主题文件介绍
关于如何制作WP主题参考http://blog.wpjam.com/m/wp-theme-lesson-1-intro/
常见主题文件
1.index.php:告诉主题中所有的元素如何布局,这个模板文件包含你的日志的标题,日志的内容(就是每篇日志的文本和图片)和日志的元数据 (元数据是每篇日志的额外信息,如作者是谁,日志发布的时间,在哪个分类下,有多少留言等等)。
2.style.css 则告诉主题中所有的元素该如何展示
3.home.php:文档归档页面
4.front-page.php:首页模版
5.single.php:案例页面
6.page.php: 页面模板文件,支持 page-$id (即页面 ID)或 page-$slug (即页面别名);
7.search.php:搜素模版文件;
8.404.php:404页面文件;
9.comments.php: 评论模版;
10.category.php: 分类归档模板文件,支持 category-$id 或category-$slug ;
11.tag.php: 标签归档模板文件,支持 category-$id 或category-$slug ;
12.author.php: 作者归档模板文件,支持 category-$id 或 category-$slug;
13.date.php: 日期归档模板文件;
14.archive.php:用来显示存档页面,如果主题没有10-13中的任一文件,那么都会用此模板文件显示对应内容,当此模板文件也不存在时,则使用index.php显示,支持 archive-$id 或archive-$slug。
15.主题的四个模版文件一般是: header.php, sidebar.php , index.php和 footer.php
二.WordPress站点添加背景图的两种方法
WordPress 主题大多数都自带有添加背景图功能,不过部分主题为了可能觉得添加一张大大的背景图会拖慢网页加载速度,所以就没有集成这个更换背景图功能
方法一:直接修改 style.css 文件
这个方法很简单,只需要将以下代码添加到当前主题的 style.css文件即可。
- body {
- background-image: url(http://localhost/wordpress/wp-content/uploads/2017/11/timg.jpg);
- background-position: center center;
- background-size: cover;
- background-repeat: no-repeat;
- background-attachment: fixed;
- }
记得修改代码中的图片为自己的图片地址,图片大小建议为大图片,比如1920X1080。这个方法直接适用于 Nana主题和 Blogs主题,其他主题也同样适用。
方法二:在后台显示『背景』按钮
确保当前主题的 body 标签中有 body_class() 函数,没有就按方法一的方法直接添加(Nana主题和 Blogs主题可忽略此步骤)
将以下代码添加到当前主题的 functions.php 文件当中
- //添加背景按钮
- add_theme_support( 'custom-background');
此时,在我们 WordPress 站点后台 >> 外观 >> 背景 >> 背景图像 >> 添加背景图,然后设置为填满屏幕并保存发布即可。
三.代码语法高亮
推荐使用SyntaxHighlighter 是一个在JavaScript中开发的全功能自包含代码语法高亮器。
github地址:https://github.com/syntaxhighlighter/syntaxhighlighter
四.字符图标
推荐使用Font Awesome 官网:http://fontawesome.dashgame.com/
一套绝佳的图标字体库和CSS框架。
Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。