wordpress html5主题怎么编辑?
发布网友
发布时间：2022-04-22 21:51
共8个回答
懂视网
时间：2022-04-20 22:51
您可能感兴趣的相关文章
15个精美Metro UI风格 WordPress 主题
2012年最佳35款响应式 WordPress 主题 分享20款优秀的免费 WordPress 企业主题 13款漂亮的作品集 WordPress 免费主题 精美的 WordPress 免费主题分享系列全集
Supply
立即下载 在线演示
Sell
立即下载 在线演示
Barberry
立即下载 在线演示
RoeDok
立即下载 在线演示
Retail Therapy
立即下载 在线演示
Cosmetico
立即下载 在线演示
Shirtbox
立即下载 在线演示
Reatro
立即下载 在线演示
Flatsome
立即下载 在线演示
Azul
立即下载 在线演示
Pandora
立即下载 在线演示
Top Shop
立即下载 在线演示
456Market
立即下载 在线演示
Sistina
立即下载 在线演示
Neighborhood
立即下载 在线演示
Adamas
立即下载 在线演示
Bistro Store
立即下载 在线演示
PrimaShop
立即下载 在线演示
Lookshop
立即下载 在线演示
Storefront
立即下载 在线演示
Kauri
立即下载 在线演示
Phomedia
立即下载 在线演示
Mazine
立即下载 在线演示
Kassyopea All In One
立即下载 在线演示
Simplepxcreate
立即下载 在线演示
您可能感兴趣的相关文章
让人惊叹的国外创意404错误页面设计 30个与众不同的国外优秀网站设计案例 25个以全屏照片为背景的精美网页作品 16个精美的HTML5作品集网站设计案例 10套精美的免费网站后台管理系统模板
英文链接：35 Best eCommerce WordPress Themes
编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
热心网友
时间：2022-04-20 19:59
编辑方法如下：
一.使用 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
<!--[if lte IE 9]>
<script type="text/javascript" src="./js/html5.js"></script>
<![endif]-->
代码中使用了条件注释针对低版本的 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, h2, 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 。
下面列举一些适合的微数据规范：
http://schema.org/WPHeader 这是定义网页版头的微数据，需要注意的是 WPHeader 的 “WP” 不是指 WordPress ，而是 Web Page 的缩写，不过用在 WordPress 上也是非常合适的。
http://schema.org/WPFooter 定义网页页脚。
http://schema.org/BlogPosting 定义一篇博客文章。
http://schema.org/Review 定义一条评论。
热心网友
时间：2022-04-20 21:17
wordpress主题最主要的几个文件index.php; style.php;header.php; fooder.php.sidebar.php，然后把相应的HTML的代码放到相应的文件里，主题就算初步完成了。
热心网友
时间：2022-04-20 22:52
wordpress主题最主要的几个文件index.php; style.php;header.php; fooder.php.sidebar.php，
然后把相应的HTML的代码放到相应的文件里，主题就算初步完成了。
相应的教程在我的盘里面，共同进步：http://wenku.baidu.com/view/c58add1231b765ce04081403.html
热心网友
时间：2022-04-21 00:43
wordpress主题最主要的几个文件
index.php; style.php;header.php; fooder.php.sidebar.php，然后把相应的HTML的代码放到相应的文件里，主题就算初步完成了。
热心网友
时间：2022-04-21 02:51
下载主题到本地后，自己修改呗，前提是你要懂php
热心网友
时间：2022-04-21 05:16
我一般是下一个差不多的模板，直接改css
热心网友
时间：2022-04-21 07:57
你是新建主题模版还是....
1、如果是新建主题模版 找到文件夹wamp->www->wp->content->themes，然后在这里面新建 一个文件夹(名字自己取)，把我们开发好的静态网站放到这个里面
2、一个完整的网站模板要具体以下条件
a)、index.php 首页模板 style.css 样式文件
screenshot.png 主题图片
b)、header.php头部模板 footer .php 底部模板
3、CMS后台的模板的设置
外观->主题->启用主题
希望对你有所帮助！！！
