WordPress

WordPress短代码添加flash

LensNews

wordpress 插件
文章中最后一幅“图”,不是图,而是一个flash全景图,在画面中旋转,就会出现神奇的效果。

接触wordpress之后,一直有一个想法就是把flash全景图插入到wordpress文章中。

打算下次骑行滇藏线时,把一路的重要景点都制作为flash全景图,360度全景观看一路的重要美景,想想都很兴奋。

今天终于找到了答案,添加一段短代码就可以解决。

一、在主题的 functions.php 里添加如下代码:

  1. function swf_player($atts$content = null) {   
  2. extract(shortcode_atts(array("width"=>'650',"height"=>'366'),$atts));   
  3. return '<embed type="application/x-shockwave-flash" class="flash" width="'.$width.'" height="'.$height.'" src="'.$content.'"></embed>';   
  4. }  
  5. add_shortcode('swf','swf_player');

上段代码可设置的两个参数,分别是width和height,默认为宽650高366。

二、编写文章时,在HTML编辑视图中添加如下代码,即可添加一个flash。(远方的雪山》集成了这一功能,请把下面两行中的“{}”大括号改为“[]”中括号。

  1. {swf}Flash文件地址{/swf}  

三、如果要自定义插入的flash大小可修改代码为:

  1. {swf width="650" height="366"}Flash文件地址{/swf}  

四、萨龙龙建议设置一个CSS样式,已经为flash添加了一个class,可根据主题设置样式:

  1. .flash {   
  2.     backgroundnone repeat scroll 0 0 #FFFFFF;   
  3.     border1px solid #1E8DCC;   
  4.     height366px;   
  5.     width650px;   
  6.     padding8px;   
  7.     margin:0 0 0 20px;   
  8. }  

这是我添加的一个flash全景图,为之兴奋了一会,以后有机会多拍全景图放在网站中,期待下一次的滇藏线骑行之旅能把一路的重要景点都制作成flash全景图,放在《远方的雪山》。

(0)

本文由 远方的雪山 作者:萨龙龙 发表,转载请注明来源!

LensNews

热评文章

发表评论

评论: 17 条评论,访客:5 条,博主:2 条 ,当前引用:10 条

  • 德均吧
    德均吧 发布于:  回复

    代码很给力啊

  • DuuLuu
    DuuLuu 发布于:  回复

    这个东西真的挺炫的,不过加载花了很长时间,如果是高清图是不是会更久。

    • 萨龙龙
      萨龙龙 发布于:  回复

      是啊,效果很好。加载时间长是因为flash有点大,1M多,而且我的服务器速度也慢,过段时间就换新主机了。

  • I'm H
    I'm H 发布于:  回复

    这段代码不错。学习了

    • 萨龙龙
      萨龙龙 发布于:  回复

      很实用,很强大的一段代码,相当方便在文章中插入flash。

当前外部引用:10 条

  • 西湖360全景图—湖滨晴雨 | 远方的雪山
  • 著名网盘Dropbox打造flash外链 | 远方的雪山
  • HTML5/CSS3响应式Salong主题 | 远方的雪山
  • 360全景图的简介与拍摄 | 远方的雪山
  • 360全景图的后期合成(Autodesk Stitcher Unlimited的使用) | 远方的雪山
  • 360全景图转换成flash(Pano2VR的使用) | 远方的雪山
  • 360全景图的后期合成(Autodesk Stitcher Unlimited的使用) | Concise主题演示站点
  • 360度全景图拍摄于制作[转载] | TAHOROOM
  • 360全景图的后期合成(Autodesk Stitcher Unlimited的使用) | 央金玛藏文
  • 360全景图的简介与拍摄 | Concise主题演示站点