• 这两天,我到底折腾了啥
  • 最近两天没有研究什么内容,只不过在折腾站点里面的功能,那么这段时间我究竟折腾了啥?

    前端模块编辑

    现在WordPress的主题基本都是采用模块化了,想要实现模块化的方法比较多,如果你的主题是二开的。那么想要进行模块化可能比较复杂,可能涉及到整体架构的修改,但是如果你是从0开始或者我这样,直接使用一个主题,将其所有内容全部删除,利用其框架整体全部重来是最简单的。

    无论你是通过什么方式进行主题模块化,编辑模块始终是一个问题,而我就比较讨厌这个问题,每次修改一个设置,刷新一次页面,然后需要不停在页面之间相互切换,效率比较低,所以为了解决这个问题,我花了时间整体重构,最后的效果就是管理员可以直接在前端针对每个模块进行设置自定义,具体效果如下:
    这两天,我到底折腾了啥-WP新手学园

    这两天,我到底折腾了啥-WP新手学园

    功能实现之后还是比较舒畅的,不用再切换来切换去的进行主题模块设置了。

    短代码功能强化

    后端强化

    短代码作为一个使用频率比较高的功能,我也花了不少时间去强化它,无论是功能或者设置方面,均实现了我需要的目标。

    很长一段时间,我都是通过输入法自定义短语来记录短代码的相关参数,但是有些短代码的使用频率比较低,过段时间你可能就忘记了这个参数的逻辑或者应该如何填写了,这个时候再回去翻代码看逻辑就有点浪费时间了。

    为了解决这种问题,我依然采用了可视化的输入,提醒自己这个代码是干啥的,应该输入哪些参数,具体效果如下:
    这两天,我到底折腾了啥-WP新手学园

    输入数据之后直接点击插入就可以在文章中进行插入了,同时为了配合全站模块化的目标,我也继续折腾了前端针对短代码的强化功能。

    前端强化

    为了实现全站模块化,我同样的针对短代码进行了前端的强化。主要强化了了前端针对短代码的参数编辑以及内容编辑,同时针对短代码的设置也实现了前段编辑,具体效果如下:
    这两天,我到底折腾了啥-WP新手学园

    这两天,我到底折腾了啥-WP新手学园

    这两天,我到底折腾了啥-WP新手学园

    这两天,我到底折腾了啥-WP新手学园

    上面的按钮仅针对管理员才会显示,前端编辑带来的便利就是不用进入后台进行二次编辑然后再次点击更新按钮,接着返回进行刷新查看这些较为繁琐的流程。

    当然,如果你的短代码功能使用的比较少,可以直接忽略我这种可能在你看来毫无意义的功能吧。

    更简易的模块排序

    模块排序这个问题我也花了比较长的时间去实现,主要是因为主题使用的框架关联内容比较多,如果想要很好地实现功能,需要修改的方面比较多,好在最终实现了:
    这两天,我到底折腾了啥-WP新手学园

    这两天,我到底折腾了啥-WP新手学园

    这个部分主要实现了勾选已经排序,排序直接使用鼠标上下拖动进行排序,勾选你想要显示的模块即可进行显示。之前我采用的手动输入ID排序有点不太美观,虽然目的一致,但是强化了之后的效果还是比较满意的,虽然UI方面可能比较难受,但是这都不重要,习惯了就好了。

    其它修改

    上面几个是花费时间比较长的内容了,其它花费时间比较少的功能例如后台文章批量指定按钮,批量删除按钮,快速的编辑添加自定义自定控制等等,这些也同样为了方便自己而设计。

    总结

    折腾了这么多的功能,实际上只是方便了我自己。经过不断折腾,了解到了WordPress的功能函数是真的多,有些时候我们需要手动几行的代码,最终实现的功能其实WordPress已经自带了,当你发现之后,你会感觉,WHAT THE FU*K!

    最后,生命不息,折腾不止!

  • 订阅站点了解最新技巧
  • 任何有用的技巧我们均将通过邮件告知你
  • 点击订阅
    高级设置
  • 0
    大惊
    0
    大笑
    0
    发呆
    0
    恶魔
    0
    流泪
    0
    调皮
    0
    笑出泪
    0
    犯困
    0
    坏笑
    0
    疑问
  • 版权声明:整理不易,如无特殊说明,文章内容均为本站原创,转载请注明出处
  • 本文标题:这两天,我到底折腾了啥
  • 本文链接:https://www.wpxsxy.com/391.html [点击复制]
  • W********
  • 2830776172
  • qweqw
  • qwe
  • 啥都没有,没啥好看的
    主页
    关注
    聊天
    Simple CSS:提供最简单自定义CSS的方式
  • 上一篇:
  • Simple CSS:提供最简单自定义CSS的方式
  • 如何高效替换WordPress指定内容
  • 下一篇:
  • 如何高效替换WordPress指定内容
  • 相关推荐
    文章评论
    提交评论
    分类推荐