WEB主题公园
WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园
WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!
wordpress相册短代码的应用
我们都知道,wordpress有一些短代码直接在文章编辑时插入到文章,便可以很方便的实现很多的内容,比如相册啦、音乐啦、视频啦,所以今天我们就来介绍一下wordpress短代码的使用。
这里我们主要详解相册短代码的使用,我们知道,wordpress3.5更新之后,媒体库的使用大大增强了,并且非常方便好用,我们对此相册开发了一些滑块功能,以供大家的使用,只需要在文章中插入相册,就能很轻松的获得一个非常棒的滑块,这样非常方便,具体可以见免费wordpress主题:《无线日志》
如果我们想要这样的滑块(如下图)应该如何去做呢? 下面的图片是淘宝等电商的一种展示模式,相信很多朋友也比较喜欢这样的滑块功能,这样的方式让相册滑块出现在正文外面,与标题同行,而不是出现在文章正文内部,那么我们应该如何去做呢?

下面的代码和思路可以告诉你,如何实现这一功能。
首先我们需要判断,文章中是否有相册的短代码,从而判断是否出现滑块,如果有则出现滑块,没有可以调用一张特色图片:
<?php
if(has_shortcode( $post->post_content, 'gallery' )==true){ //判断如果插入了相册
echo do_shortcode( $post->post_content, 'gallery' ); //输出相册
} else{
echo the_post_thumbnail( 'customized-post-thumb'); // 如果没有则输出一张特色图片
}
?>
这样就可以将相册输出到你想要的位置了
现在写好你的css,将相册滑块美化好,最后用js或者css将文章正文中的相册隐藏或者删除即可实现上图所示的效果。
你现在学会了吗?今后这样的方式会应用到我们所开发的商铺类主题中,你会喜欢吗?
如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。
本文地址:https://www.themepark.com.cn/wordpressxcddmdyy.html
推荐阅读
- 2016年11月30日
- 2018年12月3日
- 2013年7月31日
- 2016年8月27日
- 2013年6月12日
- 2015年7月7日
- 2018年11月14日
- 2013年5月27日
- 2016年12月24日
- 2013年8月18日




