从头开始创建一个基于CSS的主题
WP默认的Twenty Ten (2010)主题的style.css文件包括1350行代码
免费工具:KompoZer 跨平台的HTML工具,等同于Adobe Dreamweaver
TopStyle 写CSS的工具(只有Windows版本)
- 页头注释:wp样式表文件强制要求作为样式表开头的。要确认已经添加了页头注释信息(即主题名、主题网址、描述、版本、作者等)
- 全局属性:
- margin定义外边距
- padding内边距
- /* global prop. */ * { margin: 0; padding: 0; }
- @font-face { font-family: "Union"; src: url("fonts/union.ttf") format("truetype"); } 描述基础字体
- @font-face { font-family: "Share"; src: url("fonts/share.ttf") format("truetype"); }
- 普通元素:body text/heading/list/table/form 等等
- 链接:设置颜色
- a { color: #0071bb ; } a: hover{ color: #f44365; text-decoration: none; }
- 表格
- 普通列表(ul/ol/ ul li /ol li)
- 定义列表(三个标签: dl / dt / dd )
- 修复浏览器bug (.block-content) (.mask-main)
- 双栏与三栏布局对比
4.页头(带搜索)
5.导航
6.主内容
7.评论的显示规则
8.侧边栏
9.页脚 #footer { ......} #footer a { .....} 页脚内的链接
CSS需要仔细、认真地学习、体会和练习。
索引函数是PHP中三种主要数组类型之一:关联数组使用有名字的键作为索引
$_GET和$_POST数组是超全局数组
WP使用GET函数来调用主题的不同部分并显示到网站中。
WP主题工作原理的根本:文章循环
使用FUNCTIONS.PHP文件定制网站
1.在functions.php中添加自定义分类
1)创建或者打开functions.php(可在wp-content\themes\MyChild\functions.php 创建子主题的functions.php,而不影响原生的theme)
2)实现一个函数 function event_taxonomies(){
register_taxonomy( 'event', 'post', 'link', 'page', array('hierarchical'=> true, 'label'=>'Event', 'query_var'=> true, 'rewrite'=>true));
}
3)hierarchical(层次结构)设置为true,这个分类就更像wp中的类别,有层次结构;若为false,就像标签了
label(标题):出现在管理后台,是网站用户看到的名字
query_var(查询变量):true,可以在WP中查询基于该分类的文章
rewrite(网址重写):查看分类的页面时,WP将会使用友好网址
4)返回该文件的顶部,添加一个操作来实现一个新功能:
add_action('init', 'event_taxonomies', 0 );
后面是 function event_taxonomies(){.....}
保存