天兴工作室

主题演示站

主题的暗黑模式是什么?怎么设置和使用暗黑模式?

天兴工作室制作的部分zblog主题内置了暗黑模式,有的用户不太明白这个暗黑模式是什么东西,怎么设置和使用。本文就来详细解释下zblog主题里面的暗黑模式。


先来解释下暗黑模式是啥?

这玩意类似于手机的夜间模式,就是切换后界面显示成黑底白字,适合用户在夜间浏览你的网站而不会被白色强光源刺激到眼睛。是一个提升用户体验的小功能。


怎么设置和使用?

天兴工作室制作的zblog主题里面的暗黑模式都是在主题配置里面设置,一般是基础设置或者其他设置选项卡里面。设置界面如下图:

1.png

由一个开关和两个下拉框组成。

首先要打开暗黑模式开关,开启后要设置下面的暗黑模式开始时间和结束时间。暗黑模式有两种逻辑,一种是用户在前台手动点击按钮切换为暗黑模式,第二种是在指定时间内自动显示为暗黑模式。

1、手动切换暗黑模式:

将开始时间和结束时间都设置为“前台手动切换”,这种模式下你网站前台页面会显示一个暗黑模式切换按钮,一般在页面的右下角,类似于下图所示:

3.png

用户点击这个按钮后会直接切换成夜间模式,整个页面背景会变成黑色的。

2、自动切换暗黑模式:

点击开始时间和结束时间的下拉框,会出现如下界面:

2.png

选定一个时间后,会在你指定的开始时间和结束时间内界面自动显示为夜间模式。例如开始时间设置为20:00,结束时间设置为08:00,那么你网站每天会在晚上八点至第二天早上八点直接自动显示为夜间模式。


zblog主题的暗黑模式设置逻辑步骤就是这样的,如果你还有其他疑问,也可以在本文评论区域留言咨询。

zblog判断插件是否安装或者启用的代码介绍

最近在写zblog主题的时候需要用到判断一个依赖的zblog插件是否启用,zblog本身就有内置的判断函数,本文就来介绍下怎么来判断一个zblog插件是否安装或者启用。 

一个插件有三种状态:未安装;已安装未启用;已安装已启用。

zblog判断插件是否安装的内置函数是:

$zbp->LoadApp('plugin', '插件ID')->isloaded

函数返回值为布尔值,可以直接用if判断,已经安装返回true值,未安装就返回false值。


还有一种判断插件是否安装的方法是通过获取插件内的文件路径,然后通过php自带的“file_exists”函数判断文件是否存在就行。代码如下:

$path = $zbp->path .'zb_users/plugin/插件ID/文件名.php';  //获取文件路径
if(file_exists($path){
    echo '已安装';
}else{
    echo '没有安装';
}

推荐使用第一种zblog内置函数的方法判断,不建议使用第二种判断文件路径方式。


然后就是判断插件安装后是否启用,这个zblog也有内置的函数:

$zbp->CheckPlugin('插件id')

同样的这个函数的返回值为布尔值,可以直接用if判断,插件已经启用返回true值,未启用就返回false值。


PS:zblog的主题也可以用同样的方法来判断,函数里面的“plugin”改成“theme”即可,但是一般是主题依赖插件,很少有插件依赖主题的。所以这个用的少。

translate3d和z-index冲突导致z-inde值无效的解决办法

今天碰到了一个css3效果在pc端和安卓端都正常,但是ios端无法正常显示的问题。经过排查后发现是css3的transform动画效果里面的translate3d和z-index冲突导致的。

1.png

z-index是设置元素显示层级的也相当于是个Z轴,translate3d的Z轴也是表示层级的。如果两个参数都设置了不等于0的数值,那么会以Z轴值为准。这就导致了z-index值的失效。

解决办法就是留一个就行了。个人建议如果那个translate3d效果没什么特别的话直接用translate控制X轴和Y轴就行了,Z轴的用处我暂时还没发现...

<< 1 >>
«    2021年1月    »
123
45678910
11121314151617
18192021222324
25262728293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接

Powered By Z-BlogPHP 1.7.4

天兴工作室主题演示站点,如遇到问题请联系我们的在线qq:207649916咨询