根据官方子主题创建教程操作无效细则

哇塞? 发布于 分类:问答

首先说明我想要实现哪些“自定义修改主题的方法”:

  1. functions.php自定义(已解决),我可以新建插件文件,功能性代码放在插件文件得以实现;
  2. 不同的页面添加不同的css样式,根据2015-10-21 22:54:45发布的官方教程实操无效;
  3. 不同的页面引入不同的js脚本,我可以主题外新建js文件,比如:/wp-content/js/*.js.

所以问题就来了:如果使用子主题引入的方式,如何操作才能不会覆盖css样式和js文件?

『我的操作』

① 根据教程在“/wp-content/themes/”新建justnews-child文件夹;

② 在该文件夹下新建style.css, 添加如下代码:

/*
Theme name: justnews child
Template: justnews
*/

/* 引入父主题样式 */
@import url("../justnews/css/style.css")

③ 可是在当前代码后面添加自定义css样式无效,我尝试如下操作依然无效:

1)修改 Theme name 为 JustNews child

2)替换 @import url("") 为绝对路径:域名/wp-content/justnews/css/style.css

3) 修改 子主题文件 为 JustNews-child

官方教程地址:https://www.wpcom.cn/help/8.html
主题命名说明:https://www.wpcom.cn/help/157.html

总结:历来官方教程有提到过命名不规范指导说明,两种命名方式我试过还是没用,这这咋整。

3个回复

  • 哇塞?
    哇塞?

    我大意了,我忘记启用子主题了,实测是有效的!但是需要重新梳理下问题了:

    1. 不同的文章页面(特色页面),就会有不同的css样式,那如果想引入不同css样式文件如何操作?
    2. 不同的文章页面(特色页面),边栏内容可以引入js文件,那如果无边栏的情况下想引入不同js文件如何操作?
    3. 后台显示子主题JustNews-child启动,新版推送,会一起自动更新JustNews主题和JustNews-child主题吗?
  • 哇塞?
    哇塞?

    为什么这么问?想以JustNews主题简约不失优美的样式和丰富的文章组件为原型;wordpress程序的易用性和调用式来管理整合一个个附有功能的特色的html内容。

    主要是这些页面可以使用用户中心高级版功能 ψ(`∇´)ψ

  • Lomu
    Lomu

    1、不同页面引入不同css的话需要判断当前页面,再引入css文件,其实一般不建议引入多个css文件,样式都可以放到子主题的css文件里面;

    2、js/css 文件引入可以通过 wp_enqueue_style/wp_enqueue_script 方法引入,不过需要在对应hook上操作,建议可以通过chatgpt等工具提问获取相关参考代码;

    3、主题更新不会变更子主题的代码

微信咨询
扫码关注

扫码关注微信

关注我们获取最新资讯 关注微信公众号 立即扫码关注我们