wordpress主题建站,选择WEB主题公园中文原创企业网站模板!

WordPress技术博客 news
您现在的位置:首页 > WordPress技术博客 > wordpress相册短代码的应用

本周推荐网站模板

WordPress主题视频教程

最近更新的WordPress主题
最新更新过的网站模板

wordpress相册短代码的应用

发布时间:2013/09/16 WordPress技术博客 wp应用技术 1428 0

我们都知道,wordpress有一些短代码直接在文章编辑时插入到文章,便可以很方便的实现很多的内容,比如相册啦、音乐啦、视频啦,所以今天我们就来介绍一下wordpress短代码的使用。

这里我们主要详解相册短代码的使用,我们知道,wordpress3.5更新之后,媒体库的使用大大增强了,并且非常方便好用,我们对此相册开发了一些滑块功能,以供大家的使用,只需要在文章中插入相册,就能很轻松的获得一个非常棒的滑块,这样非常方便,具体可以见免费wordpress主题:《无线日志》

如果我们想要这样的滑块(如下图)应该如何去做呢? 下面的图片是淘宝等电商的一种展示模式,相信很多朋友也比较喜欢这样的滑块功能,这样的方式让相册滑块出现在正文外面,与标题同行,而不是出现在文章正文内部,那么我们应该如何去做呢?

themepark-shortcode-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将文章正文中的相册隐藏或者删除即可实现上图所示的效果。

你现在学会了吗?今后这样的方式会应用到我们所开发的商铺类主题中,你会喜欢吗?

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园

如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。

============关于WEB主题公园=============

WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

分享WordPress开发,网站维护经验,分享更多有用的WordPress知识

WEB主题公园--做最好的中文原创WordPress主题,网站模版。