主题使用文档在下面:
安装和启用
通用
本文档描述了 PANDA Studio 开发的 WordPress 主题(R)的二次开发特性。开始前,请阅读并同意下面的声明:
免责声明:
- 文档仅供参考:本文档仅在R主题二次开发中提供参考、辅助作用。开发者尽可能保持文档内容的最新及可用性,但无法保证文档本身100%正确。请根据实际情况酌情参考
- 后果及风险:若根据本文档二次开发后,对法律法规、社会舆论、网站数据等产生了任何影响,由二次开发人员自行承担责任
- 漏洞自行负责:二次开发会影响主题本身的功能、特性、稳定性!任何二次开发后导致的BUG请自行负责。若认为BUG是原主题所致,必须完全删除主题(包含二次开发内容)并重新安装以确保BUG不是由二次开发导致的,然后再反馈。若反馈的BUG并非原主题所致,开发者将拒绝为您提供任何售后
若您根据本文档进行了任何二次开发操作,则表示您默认同意上述条款
WordPress的二次开发主要是PHP、JS、CSS的编辑与开发,本文档主要讲述如何在 无需修改主题源代码 的前提下,使用 钩子 实现二次开发。
在使用钩子前,我们先来学习如何 不需修改主题源码 实现:
- 自定义Function
- 自定义JavaScript
- 自定义CSS
注:二次开发需要开发人员熟练掌握以下工具和技能:
- FTP 工具
- 后端 PHP 相关知识
- 前端 HTML、Javascript、CSS 等相关知识
- 英文阅读理解能力以便查阅 WordPress 官方文档
自定义Function
步骤:
- 在
R/pandastudio_plugins
文件夹中新建一个文件夹,名称自拟,如:custom_theme - 在
R/pandastudio_plugins/custom_theme
文件夹中上传一个index.php
文件,文件内容为:
<?php
//您可以在这个文件中编写您的自定义function了
自定义CSS、JS
步骤:
- 在刚才的文件夹中上传一个
sample_custom_css.css
文件和一个sample_custom_js.js
文件 - 在刚才的index.php中增加下面的自定义function代码即可引入css和js文件:
add_action( 'get_header', function() {
//注册脚本
wp_register_script(
'sample_custom_js',
get_stylesheet_directory_uri().'/pandastudio_plugins/custom_theme/sample_custom_js.js',
array(),
filemtime(__DIR__.'/sample_custom_js.js')
);
//注册样式
wp_register_style(
'sample_custom_css',
get_stylesheet_directory_uri().'/pandastudio_plugins/custom_theme/sample_custom_css.css',
array(),
filemtime(__DIR__.'/sample_custom_css.css')
);
wp_enqueue_script( 'sample_custom_js' );
wp_enqueue_style( 'sample_custom_css' );
},10);
现在,编辑sample_custom_css.css和sample_custom_js.js即可得到自定义效果