typecho自定义字段添加tab优化，变得更短

最新推荐文章于 2024-02-25 16:02:54 发布

听风在努力.

最新推荐文章于 2024-02-25 16:02:54 发布

阅读量474

点赞数

文章标签： php

本文链接：https://blog.csdn.net/atinni_/article/details/120716603

版权

本文适合主题开发者，介绍如何通过修改functions.php文件，为Typecho自定义字段添加Tab，以改善视觉效果和使用体验。教程包括在functions.php中添加代码，设置Tab ID和Class，以及解释各个部分的作用。

摘要由CSDN通过智能技术生成

由于写某主题，看见自定义段，设置太多了，并且过长，看起来头晕目眩的，如果设置了tab的话，那么就舒服多了，效果如下图

请输入图片描述

❤️ 本文适合主题开发者食用，小白不建议食用

不多说了，直接上教程，

步骤1、改动文件：functions.php

添加以下代码

//自定义字段扩展
Typecho_Plugin::factory('admin/write-post.php')->bottom = array('diyfield', 'one');
Typecho_Plugin::factory('admin/write-page.php')->bottom = array('diyfield', 'one');
class diyfield {
    public static function one()
    {
    ?>
    <style>
        .tabss{margin:10px;clear:both;display:block;height:30px;padding:0}.tabss a{outline:none!important}
    </style>
  
    <script>
        $(function(){
            var tabs = '<ul class="typecho-option-tabs tabss"