WordPress极简博客 WordPress极简博客
  • 新鲜事
  • 战疫情
  • UI素材
    • UI素材
    • 电商/节日
    • PPT
      • 节日庆典
      • 工作汇报
      • 商业计划书
    • word
      • 简历竞聘
      • 合同/公文
  • 创客头条
    • 音乐分享
    • 初创文章
    • 极客头条
    • 生活趣事
    • 生活日记
    • 防骗指南
  • 编程教学
    • API日记
    • Linux安全栏目
      • Linux运维安全汇总
      • DDOS攻击防护
      • XSS攻击防护
      • SQL安全防护
    • Python技术栏目
      • Python基础入门
      • Python基础结构
    • WordPress技术栏目
      • WP主题
      • WordPress技术教程
      • RIPRO主题美化
    • WordPress漏洞发布
    • 技术教程汇总
    • 严选源码
  • 专题
  • 基友
  • 隐私
  • 注册
    登录
立即登录
  • 首页
  • 云优化
  • 新疫情
  • 新鲜事
    • 热文
    • 极客
    • 生活
  • 技术篇
    • WP主题
    • 技术教程
    • Python入门
    • Python基础
  • 专题篇
  • 友链君
首页 RiPlus主题栏目 Riplus主题教程-添加多个自定义html模块

Riplus主题教程-添加多个自定义html模块

夏柔 8月 21, 2020

目前的Riplus还是内侧阶段,有很多VIP用户没有用上,预计在2020年8月底上线公测,这款主题夏柔也是获取到内测消息第一时间进行了测试,目前认为在后台 - 首页布局 - 自定义Html模块很实用,方便更多用户及前端开发添加html方便省时,大大降低了美化的水准。

Riplus主题教程-添加多个自定义html模块-WordPress极简博客
自定义html模块

我刚试了下,只是有一个局限性,后台只能添加一处自定义html,对于想要3-4个以上的用户来讲只能去代码里改了

教程开始

由于RiPlus是全新主题,不基于RiPro的目录结构,所以在使用RiPlus的用户请勿对照RiPro的教程去修改  

首先 来到目录: riplus/inc/admin/csf/riplus-opt/options.php

翻到大约223行左右

大概可以看到如下图片里的内容

Riplus主题教程-添加多个自定义html模块-WordPress极简博客

在 'html' => '自定义html代码', 底下添加 'html2' => '骚老板自定义html代码2',

逗号也要加上!!!

添加后保存该文件,然后进入 riplus/template-parts/home/

可以看到有这些文件

Riplus主题教程-添加多个自定义html模块-WordPress极简博客

在该目录里添加新文件 并且命名为: html2.php 并添加该代码

<?php
$html = _cao('site_home_html2');
if (!empty($html)) {
echo $html;
}
?>

并且保存即可,很多朋友到这一步就会问了, site_home_html2 是啥?代表着什么?

别急,还没完事呢!

现在重新回到该目录 riplus/inc/admin/csf/riplus-opt/options.php

来到大约 807行,能看到如图的代码即可

Riplus主题教程-添加多个自定义html模块-WordPress极简博客

您现在将以下代码粘贴到 830行后面回车新建一行粘贴即可。

// 骚老板首页Html2模块
CSF::createSection($prefix, array(
'parent' => 'home_fields',
'title' => '骚老板模块-自定义Html',
'icon' => 'fa fa-home',
'fields' => array(
// 分类CMS
array(
'type' => 'heading',
'content' => '首页自定义Html模块设置',
),
array(
'id' => 'site_home_html2',
'type' => 'code_editor',
'title' => '自定义html代码',
'before' => '',
'settings' => array(
'theme' => 'mbo',
'mode' => 'html',
),
'default' => '<div class="container"> <div class="mt-5 alert alert-warning alert-dismissible fade show text-center" role="alert"> 这是一个自定义HTML代码,可以任意插入html代码方便DIY,html代码布局可以参考 <a target="_blank" href="https://v4.bootcss.com/docs/components/alerts/" class="badge badge-pill badge-danger">Bootstrap 开发文档</a> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div>',
),
),
));

注意, 之前说的 site_home_html2 其实是一个模块的id代表,您继续添加时把数字 2 换成其他任意字符即可,或者把 site_home_html2 全部修改成您想修改成的代码

全部保存后,来到后台 - 首页布局 - 充值当前分区

Riplus主题教程-添加多个自定义html模块-WordPress极简博客
首页布局

重置当前分区 然后看到图片里画圈的字眼即修改成功

Riplus主题教程-添加多个自定义html模块-WordPress极简博客
骚老板

一样,原创,转载注明 来源WordPress极简博客 即可 ,否则其他全部按照侵权处理

#riplus教程#修改html模块#内测#自定义模块
1
等 1 人赞过
J2dcg1.png
16 8月, 2020
站群推广有哪些优势,SEO站群推广引爆流量
夏柔
站长
夏山如碧 - 怀柔天下
1719
文章
25
评论
58145K
获赞
版权声明

文章采用创作共用版权 CC BY-NC-ND/2.5/CN 许可协议,与本站观点无关。

如果您认为本文侵犯了您的版权信息,请与我们联系修正或删除。
投诉邮箱wpsite@aliyun.com

栏目推荐
Python基础入门33
WordPress技术教程267
前沿技术情报所22
城市创新——新消费11
最近有哪些不可错过的热文23
程序员的养生之道0
节
春
  • 新鲜事
  • 疫情实况
  • UI素材
  • 技术教程
  • 音乐分享
  • 专题
  • 友情
  • 隐私
  • 云优化
Copyright © 2019-2025 WordPress极简博客. Designed by 夏柔. 辽公网安备21010502000474号 辽ICP备19017037号-2