有朋自远方来,不亦乐乎。
为lazycat主题添加一款酷黑皮肤
发布于 3年前 ( 2015-12-23 ) 阅读: 1,302 次 评论: 19 条 百度已收录 隐藏边栏

之前lazycat主题已经存在清新和复古皮肤了,这里添加一款酷黑的皮肤,这皮肤的素材以及css文件都是在@老赵茶馆其他主题中提取出来的。

效果预览:本站现在使用的就是拉~嘎嘎嘎~

入正题,为了方便各位使用lazycat主题的用户,这里直接说几步。文件在下方分享~

1、添加css文件,这里命名为:skin03.css,放到主题目录下skin文件夹下

2、素材文件,放到主题目录下skin/images/文件夹下

3、为主题选项后台添加可切换皮肤的选项,打开主题目录下cs-framework/config/framework.config.php文件,搜索i_skin02,看整个代码(就是添加个’i_skin03′ => ‘酷黑’,)

// 自定义皮肤
        array(
          'id'        => 'i_skin',
          'type'      => 'select',
          'title'     => '自定义皮肤',
          'options'   => array(
          'i_skin01' => '复古',
          'i_skin02' => '清新',
	  'i_skin03' => '酷黑',
          ),
          'default'   => 'i_skin01',
          'help'      => '皮肤随版本更新而增加,另可定制个人专属皮肤',
        ),

4、打开主题目录下functions.php,同样搜索skin02,直接贴整个自定义皮肤代码(其中加了一个引入skin03.css的代码,和一个判断语句)

/* 自定义皮肤 */
wp_register_style('switcher', get_template_directory_uri() . "/skin/switcher.php", array() , '0.2', 'screen');
wp_register_style('skin01', get_template_directory_uri() . "/skin/skin01.css", array() , '0.2', 'screen');
wp_register_style('skin02', get_template_directory_uri() . "/skin/skin02.css", array() , '0.2', 'screen');
wp_register_style('skin03', get_template_directory_uri() . "/skin/skin03.css", array() , '0.2', 'screen');
    $skin = cs_get_option('i_skin');
    $switcher = cs_get_option('i_switcher');
    if ($switcher == true) {
        wp_enqueue_style('switcher');
    }else {
		switch ($skin) {
			case "i_skin01":
				wp_enqueue_style('skin01');
				break;
			case "i_skin02":
				wp_enqueue_style('skin02');
				break;
			case "i_skin03":
				wp_enqueue_style('skin03');
				break;			
		}	
	}

5、这里就完事了,直接到后台切换皮肤吧。

这里只做分享,代码所有权归作者@老赵所有。

注意:本段内容须"回复本文"后"刷新本页"方可查看!

目前评论:19   其中:访客  10   博主  9

发表评论

有人回复时邮件通知我

请稍候,正在加载新评论...
  1. 楚书业 ( 2016.06.14 17:44:08 ) 福建省漳州市 电信 | Windows 10 | Chrome 47.0.2526.80 #7

    咦,这个代码高亮的样式好简单!

    • 晓庄 ( 2016.06.14 23:44:16 ) 广东省深圳市 电信 | Windows 10 | Chrome 51.0.2704.84

      @楚书业 恩恩。直接用就行,不需要其他设置

  2. Ruingsen ( 2016.07.08 11:36:16 ) 陕西省西安市 联通 | Windows 7 | Chrome 53.0.2763.0 #8

    我是来学习的

    • 晓庄 ( 2016.07.09 12:12:23 ) 广东省深圳市 电信 | Windows 10 | Chrome 51.0.2704.84

      @Ruingsen 欢迎常来