全部版块 我的主页
论坛 提问 悬赏 求职 新闻 读书 功能一区 学道会
337 7
2019-05-27
从头开始创建一个基于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(){.....}
保存

二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

全部回复
2019-5-27 09:49:46
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-5-27 10:26:50
点赞
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-5-27 14:55:50
为您点赞!
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-5-27 15:35:34
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-5-27 18:07:18
谢谢版主
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

点击查看更多内容…
栏目导航
热门文章
推荐文章

说点什么

分享

扫码加好友,拉您进群
各岗位、行业、专业交流群