零基础建站培训介绍

当前位置:

WordPress 文章图片实现灯箱轮播展示效果

现在很多网站的文章图片都是采用灯箱轮播展示的,非常高大上。对于WordPress网站要实现文章图片实现灯箱轮播展示效果也非常简单,只需要一个插件即可。

responsive lightbox 这个灯箱插件是我使用一款主题时提示安装的,安装后即可使用,配置界面是英文的,比较简单,有五个灯箱效果可供选择。插件是免费的,在WordPress后台搜索 responsive lightbox 安装即可,不需要太多设置。

WordPress 文章图片实现灯箱轮播展示效果

这是后台配置界面

1、General settings

WordPress 文章图片实现灯箱轮播展示效果

开始的红框中选择灯箱效果,可以看到第三项就是fancybox的效果,我就是使用的第四种,看起来舒服,大家可以根据自己喜好自己选择看看效果。下面的红框enable后可以让灯箱能有上一张下一张,这款插件也支持键盘左右键切换上一张下一张。选择了这两个选项,插件就可以很好的工作了,也不需要额外设置。其他选择有兴趣朋友可以自己调试一下。

2、lightbox settings

WordPress 文章图片实现灯箱轮播展示效果

这是 responsive lightbox 设置界面,下面框起来的是灯箱效果选项,有渐隐,缩放,左滑入,右滑入等,可以根据喜好选择。

下一项是点击遮罩层关闭灯箱,就是点击非图片的地方退出灯箱,默认启用。在下面一项是是否启用键盘控制,也就是按键盘的左右键可以切换上下一张,按esc退出灯箱,默认也是启用。

这款插件,非常的强大,而且免费,非常感谢作者。很多东西,收费的或者有名气不一定好,反而很多名不见经传的,很低调的东西很称手,很多好东西需要大家发现。

上一课: 下一课:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 大家都知道如果黑客入侵我们的网站后,他们是可以肆意的在上面搭载钓鱼页面,传播恶意软件,盗取敏感信息等,这特别不利于我们网站。垃圾内容和黑
  • 什么是百度MIP百度MIP (Baidu Mobile Instant Pages - 百度移动网页加速器), 是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-
  • 如果你的空间不理想或是需要升级服务器,这个时候很可能需要进行网站数据搬家,而数据搬家本身是一件很简单的事情。并且学建站网页专门有这样的课程教
  • 在今日头条上引流,很多人又会说,不会写文章,所以做了不引流,那么今天我教大家一招,无需写文章,一样可以引流一万,不要写文章?相信对大家来说够
  • 1、在学习零基础建站教程时,有不少的朋友提到过博客在用多说社会化评论插件,第一是因为多说跨博客回复提醒功能,第二是自带了同步文章到社交平台;
  • wordpress网站文章同步到微信上,主要分二步:一、Wordpress安装WeChat Subscribers Lite微信插件1、WeChat Subscribers Lite官网: 1、
  • 做网站时,避免不了网站上有大量的图片。网站上的图片显示就需要使用img图片标签。HTML img图片标签写法[cce_html]<img src="图片地址" alt=
  • html中marquee标签让图片水平滚动可以如下写法:[cce_html]<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"
  • CSS中可以给一个DIV设置背景图片,甚至可以设置背景的样式和位置。(相关教程:CSS3视频教程)控制背景图片位置:background-position:水平方向
  • 我们大家都知道通过搜索引擎获取的客户是特别精准的,要不就不会有那么多中小企业以及个人去做竞价、搜搜推广了,每天都是几十万的投入,当然这些适合
  • 在网页制作和网站开发过程中,网页上使用的字体往往由于浏览者电脑中没有相应的字体,达不到我们设计的效果。为了解决这个问题,我们可以直接使用我们
  • 现在很多网站的文章图片都是采用灯箱轮播展示的,非常高大上。对于WordPress网站要实现文章图片实现灯箱轮播展示效果也非常简单,只需要一个插件即可
  • jQuery幻灯片介绍jQuery图片轮播切换代码是一款美女网站用的带左右箭头自动轮播切换的焦点图幻灯片代码。幻灯片里的图片可以换成自己的图片。jQue
  • 想要使用fireworks制作字体效果,那么这里给大家讲解一个简单的制作字体的方法,使用的软件名称:fireworks8简体中文版 (含序列号)1、首先到啊fir
  • 在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.CSS设置阴影效果的样式为box-shadow属性,使用方
  • 专题由于追求时效性和转化率,往往会忽略掉很多SEO细节,导致难以获取SEO流量,本文就常见的一些营销活动专题经常遇到的SEO问题具体分析一下,进而提