首页>建站相关>从零开始做一个wordpress主题系列

从零开始做一个wordpress主题系列

一直想DIY一个wordpress主题,虽然梦想还是要有的,但念念不忘,至今也没有什么回响。博客里倒是攒了几篇相关的文章,眼瞅着孩子快放寒假,假期不再需要迎来送往,可能会空一点,就准备整理一下,顺便重拾这份初心。因为是随手做的笔记,所以阅读体验可能不是那么连贯,也请各位看官见谅。

折腾于安装与重置之间

在阿里云上手动搭建wordpress博客
如何重新安装一个wordpress

没有后台的主题是不完整的

分支一:自定义页面

创建自定义WordPress主题设置页面

可以跳过不看的异想天开的js版本主题设置页面:

用javascript实现wordpress主题后台设置页面

分支二:customizer API

为什么用get_theme_mod()获取主题设置会更慢一些

食之无味的customizer语法简介:
WP自定义组件Customizer中的add_panel
WP自定义组件Customizer中的add_section
WP自定义组件Customizer中的add_setting
WP自定义组件Customizer中的add_control
移除wordpress默认的自定义节点(站点身份,菜单,静态首页)

做自己的后台

分支一

利用WordPress Settings API制作一个单页,保持同wordpress后台一致的风格,大佬AJ Clarke为此写了一个帮助类,这样我们可以从繁杂的语法中解脱出来,轻松组织两个数组就可以构建一个设置页面了。

利用WordPress Settings API制作主题设置页

拼凑历史与新知的进度条

Wordpress有许多预设的函数,用不完,根本用不完;

Wordpress主题开发笔记之零 劝退函数列表

但是两个文件就能组成一个史上最小Wordpress主题,虽然这和“Hello World”一样没有什么意义;

Wordpress主题开发笔记之一 文件结构

一个动态的站点类似于一块块拼图,我们把一些组件写在不同的php文件里,根据页面的需求灵活的取用;

Wordpress主题开发笔记之二 模板调用

万事开头难,中间难,结尾也难,head部分高低咱得加一些js引用吧,得规定css模板吧,直接写不规范?你得用官方的~,官方的方式会附赠一些可能暂时用不到的内容,下文只是提供了一些屏蔽的方式,不需要屏蔽的,完全可以跳过这篇,记得在主题头尾加上两个函数就可以了,这两个函数分别是:

wp_head();
wp_footer();

Wordpress主题开发笔记之三 wp_head()

在合适位置放置好wp_head()wp_footer(),接下来就不用管他们俩了,他俩就类似两个门牌号,具体门里面放点啥还得依赖我们的入队函数。

Wordpress主题开发笔记之四 wordpress的站点标题被自动转义成#8211的问题

wp_head不光引入资源,还接管了标题管理的工作,但是早期版本(新版本有没有博主不确定,服务器性能原因,目前仅尝试过5.0之前的版本)的wordpress有一个标题自动转义的问题,wp虽好,但水土不服的地方也不少。

Wordpress主题开发笔记之五 引入js以及css等资源文件

部分主题会把入队函数直接写在functions.php文件里,但也有一些主题,会将这些语句封装成类,通过单例模式调用。接下来的这篇会记录一下单例模式,但这个其实并不是必须的,自己学写主题,不一定非得用到,但了解一下这方面的知识,观摩学习大佬们写的主题的时候,不至于一头雾水。所以,下面这个链接,您也可以暂时华丽的跳过

Wordpress主题中的单例模式

标签: wordpress

移动端可扫我直达哦~

推荐阅读

wordpress 2025-03-07

WordPress中add_meta_box函数参数详解

add_meta_box 是 WordPress 中用于在后台编辑页面添加自定义元框(Meta Box)的函数。它允许开发者在文章、页面、自定义文章类型等编辑页面中添加自定义字段或内容。以下是 add_meta_box 函数的参数及其...

建站相关 wordpress

wordpress 2025-03-07

wordpress 手动添加自定义字段

自定义字段可以扩展文章的信息,也有很多相关的成熟的插件,比如Advanced Custom Fields (ACF) 插件,如果希望添加的字段不多,也不愿意为此安装过多的插件,我们也可以考虑手动来添加它。为post文章添加字段// 添...

建站相关 wordpress

wordpress 2025-03-07

wordpress 自定义文章类型

在 WordPress 中,Post Type(文章类型)是指不同类型的内容,例如文章(Post)、页面(Page)、自定义文章类型等。每种文章类型可以使用不同的模板来显示其内容。以下是关于 WordPress 文章类型模板的基本信息...

建站相关 wordpress

wordpress 2025-03-06

wordpress媒体上传一张图片裁剪成多张的问题

wordpress媒体上传的时候会自动帮用户处理图片,根据不同的使用场景,它预设了一套通用的缩略图尺寸,媒体中心的方便之处在于,在媒体中心删除图片的时候,wordpress会贴心的把一整套缩略图一起删除掉。但非图片为主的站点,其实并不...

建站相关 wordpress

wordpress 2025-02-24

在wordpress里实现一个上下滚动的通知栏

浏览网页的时候看到了一个滚动通知栏,觉得挺小巧精致的,就想为自己的站点也添加一个。搜索了一下实现代码,很多代码因为复制粘贴多次的原因,存在一些转义错误而无法跑通。最终修改整理成了下面的代码,有兴趣尝试的亲,可以粘贴保存为index.p...

建站相关 wordpress

wordpress 2025-01-15

利用WordPress Settings API制作主题设置页

关于WordPress设置API在WordPress v2.7中添加了设置API,它允许开发人员创建管理选项页面。界面风格与WordPress后台风格保持一致,只是它使用起来并不那么简单。你不能只定义一个设置数组,您需要编写自己的字段...

建站相关 wordpress

wordpress 2025-01-13

woocommerce历史版本下载页

WooCommerce是一个开源的电子商务插件,专为WordPress网站设计,允许用户在其网站上创建和管理在线商店。自2011年推出以来,WooCommerce迅速成为全球最受欢迎的电商解决方案之一。https://develope...

建站相关 wordpress

wordpress 2025-01-13

关于wp_get_nav_menu_items()这个函数

自己手动书写css的情况,wp的wp_nav_menu()会提供一套分工明确的类,根据其默认类适配css基本就够用了。但应用一些其他框架的时候,不同框架的类名定义显然是不一致的,这个时候wp_nav_menu()提供的自定义功能就有些...

建站相关 wordpress