wordpress添加「列表模式」和「摘要模式」切换 -云顶国际

通常主题yd77699云顶国际首页的文章列表,有两种模式,一般分为显示摘要和图片,另一种就是简单的列表模式,只显示文章和阅读等相关信息,那么能不能让两者自动切换呢?

让yd77699云顶国际首页文章添加列表模式和摘要模式切换

这里我们来给添加一个功能按钮,使它支持yd77699云顶国际首页文章下的文章模式:列表模式和图文摘要模式相互切换的功能。

效果图如上,这里我们开始代码教程吧。

实现原理

简单的说,这个功能就是通过点击事件来改变css,那么一般都是通过js来实现的。点击一个变换到另外一个,改变css,这个就是思路。

js代码

css代码

.displaynone
{
display:none;
}
#zy{
display:none;
}

上面的js和css代码大家加入到全站通用的公共文件就好了,至于dux 的话就直接加入到主题后台的代码栏目里面也行,这里测试的也是dux主题。

调用代码

 列表模式 摘要模式

将调用代码加到想要添加按钮的地方即可,通常是在index.php文件里面添加。

# 更多技巧,请关注「专题」

         
网站地图