WordPress主题制作教程_WordPress主题结构详解

tengxunyun cera

制作WordPress主题第一步,必须先了解WordPress主题的结构,知道什么文件是干什么的,有什么功能,今天这第一篇WordPress主题制作教程就来讲一讲WordPress主题结构。

想了很久要不要写WordPress主题制作的教程,因为这类教程网上是在是太多,多得你都能看吐,内容都差不多。那为什么还有写呢?因为我打算将WordPress仿站和WordPress主题制作放到一起来讲,其实二者都差不多,几乎没什么区别。写在这里最重要的原因还是为学会的东西做个记录吧,下面进入主题WordPress主题结构详解。

制作WordPress主题第一步,必须先了解WordPress主题的结构,知道什么文件是干什么的,有什么功能,今天这第一篇WordPress主题制作教程就来讲一讲WordPress主题结构。

想了很久要不要写WordPress主题制作的教程,因为这类教程网上是在是太多,多得你都能看吐,内容都差不多。那为什么还有写呢?因为我打算将WordPress仿站和WordPress主题制作放到一起来讲,其实二者都差不多,几乎没什么区别。写在这里最重要的原因还是为学会的东西做个记录吧,下面进入主题WordPress主题结构详解。

WordPress主题制作教程_WordPress主题结构详解

从上图我们大概可以看到WordPress主题主要的组成部分,分别是头部header.php、底部footer.php、侧边栏sidebar.php以及网页主体内容模板如index.php等。

  1. WordPress头部
    WordPress头部文件header.php一般由网站标题、logo以及导航栏组成
  2. WordPress底部
    WordPress底部文件footer.php一般由友情链接、版权、备案号等数据组成。
  3. WordPress侧边栏
    WordPress侧边栏文件sidebar.php一般由最新文件(或者热门文章,主要用来提供内链密度)、网站概况、广告位等数据。
  4. WordPress内容主体
    这个就是上图中间那一块,在首页表现为文章列表,在文章页表现为文章内容,一般还带有评论模板。
  5. WordPress评论
    WordPress评论模板一般是用来显示读者的留言的,这是站长与读者互动的重要组成部分,如果你想像我一样闷头写文章就不用管它。当然,这个文件的制作也是非常费劲的,在我看来评论模板是整个WordPress主题中最难的,难点在css!
  6. WordPress函数方法集合functions.php文件
    WordPress主题有个专门放主题需要的方法文件,我喜欢叫方法,因为PHP面向对象,叫函数也行。functions.php中的方法可以在主题文件中调用,这样我们就不必将很多代码写在主题模板文件中,极大的提升了主题文件的可读性。
  7. style.css文件
    这个文件很重要,是WordPress识别主题的必要文件,下一章我们就讲它的使用。
  8. 还有很多文件不常用的,这里就不一一举例了,以后遇到再说吧。

好了,WordPress主题结构了解得差不多我们就可以进行下一步的主题制作了,WordPress主题制作教程_WordPress主题结构详解就讲到这里,我讲得不是特别详细,只挑了常用的讲,将大家领进门,不常用的就靠大家自学了。

从上图我们大概可以看到WordPress主题主要的组成部分,分别是头部header.php、底部footer.php、侧边栏sidebar.php以及网页主体内容模板如index.php等。

WordPress头部
WordPress头部文件header.php一般由网站标题、logo以及导航栏组成
WordPress底部
WordPress底部文件footer.php一般由友情链接、版权、备案号等数据组成。
WordPress侧边栏
WordPress侧边栏文件sidebar.php一般由最新文件(或者热门文章,主要用来提供内链密度)、网站概况、广告位等数据。
WordPress内容主体
这个就是上图中间那一块,在首页表现为文章列表,在文章页表现为文章内容,一般还带有评论模板。
WordPress评论
WordPress评论模板一般是用来显示读者的留言的,这是站长与读者互动的重要组成部分,如果你想像我一样闷头写文章就不用管它。当然,这个文件的制作也是非常费劲的,在我看来评论模板是整个WordPress主题中最难的,难点在css!
WordPress函数方法集合functions.php文件
WordPress主题有个专门放主题需要的方法文件,我喜欢叫方法,因为PHP面向对象,叫函数也行。functions.php中的方法可以在主题文件中调用,这样我们就不必将很多代码写在主题模板文件中,极大的提升了主题文件的可读性。
style.css文件
这个文件很重要,是WordPress识别主题的必要文件,下一章我们就讲它的使用。
还有很多文件不常用的,这里就不一一举例了,以后遇到再说吧。
好了,WordPress主题结构了解得差不多我们就可以进行下一步的主题制作了,WordPress主题制作教程_WordPress主题结构详解就讲到这里,我讲得不是特别详细,只挑了常用的讲,将大家领进门,不常用的就靠大家自学了。

cera aliyun tengxunyun cloudiplc

相关推荐

大前端wordpress主题618限时6.8折促销|其中xiu主题218元|热门的dux主题544元

大前端wordpress主题提供还是有多年时间了,同时也是维护时间较长的主题商家,比如14年发布的XIU主题现在还在维护、更新之中,而更早之前的热门wordpress主机D8也是维护之中,只是维护的频率不如DUX等更加热门的主题。在2020年618来临之际,大前端推送了最新的旗下wordpress主题限时6.8折,优惠之后DUX主题544元,XIU主题218元,D8主题168元,TOB主机266元等,相对于平时来说还是比较不错的,有打算需求的用户可以关注一下。 大前端主题不限制域名个人,只要是同一注册信息下的域名均可以使用,可以满足科技博客、个人站、各类图片、摄影展示站、企业站、淘宝客和各种展示站点!目前小七博客使用的就是XIU主题,也是使用期限最长久的一款主题,期间更换几次,最终还是使用这一款,便宜、实惠,可以满足自己的个人需求。 活动地址:大前端官网 活动时间:2020年6月11日-2020年6月18日; 活动内容: 旗下公开发行的wordpress主题6.8折折扣!

wordpress主题DUX修改熊掌号为站长平台快速收录

百度移动平台的熊掌号已经废了。至少一个月没有正常收录了。刚好百度站长平台又上线了一款叫“快速#收录#”的功能。简单查看了下。貌似就是熊掌号的替代品。目前如果需要使用快速收录,就得取消熊掌号的配额。 将熊掌号改为站长平台快速收录的方法非常简单。在站长平台快速收录处选择继承熊掌号配额即可。然后熊掌号的配额会归零。快速收录数量变为10,后续看自己提交量提升。 反正熊掌号已经没有用了,那就切换成快速收录把,没准有用呢! 下面简单介绍下wordpress的DUX主题,把熊掌号模块修改成快速收录。 1、找到主题文件夹下的“functions-xzh.php”。小白使用的是DUX 6.3 ,将“熊掌号 新文章发布时实时推送”下面的 $api = ‘http://data.zz.baidu.com/urls?appid=’. _hui(‘xzh_appid’) .’&token=’. _hui(‘xzh_post_token’) .’&type=realtime’; 修改为 $api = ‘http://data.zz.baidu.com/urls?site=’. _hui(‘xzh_appid’) .’&token=’. _hui(‘xzh_post_token’) .’&type=daily’; 2、到#dux##主题#后台熊掌号处替换 百度熊掌号 Appid 里内容填写为你的网址。举例小白的为:https://yangmaodang.org/ ,带/ 。 百度熊掌号 推送密钥 token内容填写 快速收录API中的token= 后面部分 不含&以及后面。 大功告成,实测可以自动推送到百度快速收录。 备注:切换后熊掌号会失去权益。如果你之前熊掌号收录还可以,暂时不要改。

WordPress DUX主题修改favicon.ico地址

默认WordPress会使用WP目录下的#favicon.ico#作为网站图标。今天就遇到个奇葩的IP,刷了我这个图标1万7千次。也不知道他想干什么。浪费流量。那么如何修改这个图标到图床呢?下面小白详细介绍下。 1、找到#主题#目录下的“header.php”,DUX 6.3版本,在第12行。 原来的: <link rel=”shortcut icon” href=”<?php echo home_url() . ‘/favicon.ico’ ?>”> 修改成 <link rel=”shortcut icon” href=”你的图标图床网址链接”> 2、保存下,如果服务器有#memcached#等缓存记得清一下。图标其实不一定要ico格式,PNG格式也是可以的。JPEG或者JPG都可以,看自己喜欢。使用的是PNG。 测试下是否成功,最好操作前备份一下。省的弄错了。

AWS CloudFront|AWS CDN|设置|使用教程;为WordPress加速

因网络知识浅薄,若有错漏,麻烦不吝指正。 一、AWS CloudFront简单介绍 Amazon CloudFront,即AWS #CDN#,节点分布全球,亚洲国内、#日本#、#香港#、#新加坡#等,除国内节点需要#备案#,其他均不需要。 首年免费,每月送50GB流量。流量只计算出流量,入流量不计。 AWS #CloudFront#官网:https://aws.amazon.com/cn/cloudfront/ 二、AWS CloudFront的注册 AWS CloudFront有中文页面,注册需要手机、#信用卡#验证。 三、AWS CloudFront的申请、设置 以tg.tn为例(在主机处,同时绑定tg.tn和www.tg.tn,访问主域名为tg.tn) 进入AWS CloudFront后台,点击 Create Distribution 选择 WEB 加速 Origin Domain Name:只能是域名,www.tg.tn Origin Protocol Policy:如果安全性重要,就用https Query String Forwarding and Caching:选择全部缓存 Compress Objects Automatically:选YES 申请/导入域名SSL证书:https://console.aws.amazon.com/acm/home?region=us-east-1#/ AWS SSL证书申请,安装说明一步一步,非常简单。 导入证书的话,选择Apache格式的。 这就是创建好的。选择 ID 进入CDN管理,选择EDIT Alternate Domain Names(CNAMEs):填写要加速的域名 SSL Certificate:可以用AWS的(免费),也可以用自己的SSL证书(免费) 三、DNS解析设置 在自己的域名解析处设置(建议国内DNSPOD、DNS.COM、华为云DNS等) www.tg.tn 全网#解析# A记录 为你的主机IP(解析源) …

微信扫一扫,分享到朋友圈

WordPress主题制作教程_WordPress主题结构详解