wordpress主题修改教程（wordpress怎么自己创建主题和设置主题）

本文目录

• wordpress怎么自己创建主题和设置主题
• 如何修改wordpress页面背景
• wordpress主题怎么自定义脚注
• 如何修改wordpress主题颜色
• wordpress怎么修改主题
• wordpress html5主题怎么编辑
• 请问WordPress主题模板后台的侧边栏这个字段怎么修改

wordpress怎么自己创建主题和设置主题

首先，打开wordpress后台
按提示输入需要的东西
要牢记你的用户名和密码
以后随时都要用到
不然你就进不去你的网站后台了
点击“外观”
“主题”，就是给网站添加一个基本的框架。
点击"添加”，记住要添加一个适合你的网站的主题，不能操之过急。
然在点击“上传主题”
如果想用wordpress里的主题就不用在去网上下载啦
如果是淘宝客的话你可以去百度看看
也可以去淘宝网里购买一个网站模板
然后在百度上搜索主题下载
看看你需要什么样的主题模板。
注意必须是zip压缩格式的
不是zip压缩格式的可以把他转换成zip压缩格式的
不然就会上传失败
失败因素也有很多种，一定要注意上传之前的注意事项，这样可以节省你的时间。
然后就点击“现在安装”就行了。安装完成之后你要添加你要发布的文章，可以控制你的网站进行创作。

如何修改wordpress页面背景

方法一：（推荐使用此方法）

此方法优点：无需修改任何程序代码，也无需任何工具，只需要准备一张背景图即可。

一、来到WordPress管理界面仪盘表，点击“外观”中的“背景”配置项，如图所示：

二、在背景配置项中，如果没有图片，可以上传并选择背景图片，如果要更换背景图片，点击“更换图像”，如图所示：

三、选择图像中，可选定已有图片或者上传新图片。如图所示：

四、选定图片后，点击“选择图像”，完成配置项操作。如图所示：

五、重复背景中，一般选择“平铺”效果，可布满全屏，背景附着方式选择“滚动”，然后“保存并发布”，如图所示：

方法二：有一定html的基础知识人可使用

一、使用ftp工具，下载主题文件夹中的style.css文件。（或者到WordPress后台模板中的style.css文件）找到颜色参数所在的行，把数值调节成自己想要的就可以了。

二、对于修改背景这个问题，每款主题的设置方式也不同，有的主题会有设置选项，有的压根就没有。给新手快速修改的方法，首先使用火狐或者谷歌浏览器。（建议火狐，因为审查元素是中文的），然后在想更换的区域，右击-审查元素，就会在网页下方列出代码和css。然后就可以进行可视化的一些，之后再去css中进行修改，就可以了。如下图：

在这一步完成的标准是鼠标点击下图中上面圈中的部分时，左边你想要修改的部分会整个被色块（用于区分）覆盖

三、然后你会发现右下角有表示颜色的一行代码，上图中是#fff，还有就是中间圈中的部分，是这部分代码在style.css文件中的位置，上图中的534表示在该文件的第534行。然后你可以试着修改一下颜色的参数，比如我改成#212121，这样可以预览更改后的效果，如下图

上面一步是为了方便调整的，并没有改变模板中的style.css文件，试着选好一个合适的颜色之后，到WordPress后台模板中的style.css文件，找到颜色参数所在的行，把数值调节成自己想要的就可以了。

注意：有些主题在引用style.css文件时是带有版本信息的，比如下图中的ver=4xxxxxxxx，这样的话，要把这个版本信息去掉，自己修改后的css文件才会生效。

wordpress主题怎么自定义脚注

1分钟解决wordpress主题自定义脚注：

一、进入wordpress后台——外观——主题文件器——右侧进度条向下拉找到parts文件夹（如下图）

二、点击parts——双击footer-vertical.php(如下图)

三、根据自己需求修改下图内容。

还有不懂的，可以私信我。

如何修改wordpress主题颜色

使用FTP工具登录php虚拟主机路径为…/wp-admin/css/下载colors-fresh.css文件到本地，使用文本工具打开文件，
直接在最后加入如下代码：
html,.wp-dialog{background-color:#fff}
这里是颜色的代码，用代码把#fff更换掉，保存文件。
上传回空间覆盖，访问或者刷新后台即可显示修改的背景色了。

wordpress怎么修改主题

您好，wordpress主题更换方法：
登陆wordpress的后台。

找到wordpress后台的外观——主题。

你可以按条件搜索自己喜欢的主题安装，也可以从网上自己找主题上传安装。
如果你已有合适的主题，想要上传安装，有两种方法，一种是直接后台上传，一种是从网站空间上传到根目录的themes文件下。直接后台上传的话很简单，使用 .zip 包安装主题如图：
主题安装成功后可以先进行实时预览看看效果。
如果觉得合适，正是你需要的主题，也没有出现任何错误，那么可以保存并启用。

wordpress html5主题怎么编辑

方法如下：
一.使用 HTML5 的 声明
在 HTML 4.01 和 XHTML 中那段长长的 DTD 类型声明应该是所有标签中最难记住的标签了，但在 HTML5 中， DTD 声明非常简单：
1

《!DOCTYPE html》
就是这么简洁，要使用 HTML5 ，第一步肯定是先使用 HTML5 的 《!DOCTYPE》 声明。

二.加入 html5.js
可以在主题的 head 元素内加入一段 js 来让 IE8 及以下的 IE 完全支持 HTML5 的标签。
下载由 html5shiv 提供的这个 html5.js 文件。
1
2
3

《!--》
《script type="text/javascript" src="./js/html5.js"》《/script》
《!--》
代码中使用了条件注释针对低版本的 IE（IE8 及以下版本）浏览器来调用这个 js 文件，其他浏览器会忽略掉这段代码，不会造成浪费的 HTTP 请求。

三.CSS Reset
CSS Reset 是为了把浏览器提供的默认样式去掉的一段 CSS ，详细的介绍可以参见 Kayo 之前所写的一篇文章 《关于 CSS Reset 》，本文中的 CSS Reset 是根据前文的 CSS Reset 改造的，主要是加入了对 HTML5 中新加入的标签的重置。下面是 Kayo 针对 HTML5 的 CSS Reset ，供大家参考，也可以参照前文定制更适合个人情况的 CSS Reset 。
/*** 加入 HTML5 新标签的样式重置 ***/
html, body, div, span, object, iframe,h1, h3, h3, h4, h5, h6, p, blockquote, pre,a, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{line-height: 1; text-align: left; }
:focus {outline: 0; }
/*** 将一些可以代替 div 标签的 HTML5 标签定义为块状元素 ***/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content:’’; content:none; }
ins {text-decoration: none; }
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del {text-decoration: line-through; }
table {border-collapse: collapse; border-spacing: 0; }
input, select {vertical-align: middle; }
现在，可以放心的在 WordPress 主题中使用 HTML5 标签了。

四.修改主题中的标签为语义化的 HTML5 标签
在网页重构中，舍弃了没有任何语义的 table 布局，取而代之的是新的标记，最常见的莫过于 div 这个标签，不过在设计复杂的页面时，新的问题出来了—— div 的滥用导致页面变得臃肿并且难于理解。值得兴奋的是， HTML5 为开发者引入了新的语义化标记，下面给大家介绍一些适合在 WordPress 主题中使用的 HTML5 标签。

《header》 用于定义文档的页眉，可以代替原本包裹页眉的 《div》 。
《footer》 用于定义文档的页脚，可以代替原本包裹页脚的 《div》 。
《nav》 用于定义导航链接的部分，即代替包裹菜单的 《div》 。
《article》 用于定义独立的内容，很适合代替包裹文章的 《div》，如 WordPress 首页、归档页或文章页的文章列表中可使用该标签包裹文章。
《aside》 该标签用于定义其所处内容之外的内容，并且 aside 的内容应该与附近的内容相关，因此很适合用来包裹 WordPress 的侧边栏。

另外 《time》, 《small》, 《section》 等 HTML5 标签也适合用来改造升级 WordPress 主题，这些标签的具体意义可以参见 W3school 。

五.为主题加入 HTML5 微数据
关于 HTML5 微数据的介绍和使用方法可以参见 Kayo 之前所写的文章 《HTML5 之微数据》，这里主要介绍一些适合 WordPress 使用的微数据规范，因此建议读者先阅读前文再阅读下文。

这里使用的是 schema.org 的微数据规范，加入微数据是为了让机械（如搜索引擎）识别网页内容的意义，可以说是华丽丽的 SEO 。

下面列举一些适合的微数据规范：

***隐藏网址***
***隐藏网址***
***隐藏网址***
***隐藏网址***

请问WordPress主题模板后台的侧边栏这个字段怎么修改

首先要说明的是：这个是后台的页面，因此要想修改后台的页面的内容，就必须要找到后台对应的文件。还要确定是不是后台的模板文件。
分两种情况：
1.不是模板文件，只需要找到对应的后台模板，找到产品目录，和id进行修改。就可以了。
2.是模板文件，找到模板后台的文件进行，找到目录，进行别名修改，也是可以的。
当然这些修改都是在本地修改，也就是电脑本身，修改后进保存，在通过本地进行上传到空间（就是你的主机），在到前台进行刷新就可以了。