首页>文档>Rouse开发文档>R主题二次开发概述

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

R主题二次开发概述

主题使用文档在下面:

R主题二次开发概述-Npcink
R主题二次开发概述-Npcink

安装和启用

主题开发文档在下面 根据WordPress的安装要求,从WordPress官方下载最新版WordPress,并在自己的服务器上安装好WordPress环境 从售后群下载本主题的安装包 将安装包解压缩到电脑上,得到R文件夹 使用FTP软件,连接上您WordPress所在的地址,将上一步得到的R文件夹上…

通用

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

免责声明:

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

若您根据本文档进行了任何二次开发操作,则表示您默认同意上述条款

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即可得到自定义效果

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索