通用

本文档描述了 PANDA Studio 开发的 WordPress 主题(R)的二次开发特性。开始前,请阅读并同意下面的声明:

免责声明:

  1. 文档仅供参考:本文档仅在R主题二次开发中提供参考、辅助作用。开发者尽可能保持文档内容的最新及可用性,但无法保证文档本身100%正确。请根据实际情况酌情参考
  2. 后果及风险:若根据本文档二次开发后,对法律法规、社会舆论、网站数据等产生了任何影响,由二次开发人员自行承担责任
  3. 漏洞自行负责:二次开发会影响主题本身的功能、特性、稳定性!任何二次开发后导致的BUG请自行负责。若认为BUG是原主题所致,必须完全删除主题(包含二次开发内容)并重新安装以确保BUG不是由二次开发导致的,然后再反馈。若反馈的BUG并非原主题所致,开发者将拒绝为您提供任何售后
  4. 若您根据本文档进行了任何二次开发操作,则表示您默认同意上述条款

WordPress的二次开发主要是PHP、JS、CSS的编辑与开发,本文档主要讲述如何在 无需修改主题源代码 的前提下,使用 钩子 实现二次开发。

在使用钩子前,我们先来学习如何 不需修改主题源码 实现:

  • 自定义Function
  • 自定义JavaScript
  • 自定义CSS

注:二次开发需要开发人员熟练掌握以下工具和技能:

  1. FTP 工具
  2. 后端 PHP 相关知识
  3. 前端 HTML、Javascript、CSS 等相关知识
  4. 英文阅读理解能力以便查阅 WordPress 官方文档

自定义Function

步骤:

  1. 在 R/pandastudio_plugins 文件夹中新建一个文件夹,名称自拟,如:custom_theme
  2. 在 R/pandastudio_plugins/custom_theme 文件夹中上传一个 index.php 文件,文件内容为:
<?php
//您可以在这个文件中编写您的自定义function了

自定义CSS、JS

步骤:

  1. 在刚才的文件夹中上传一个 sample_custom_css.css 文件和一个 sample_custom_js.js 文件
  2. 在刚才的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即可得到自定义效果