WordPress

WordPress短代码添加flash

萨龙龙萨龙龙 WordPress 12年前
1.53W 17
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.     background: none repeat scroll 0 0 #FFFFFF;   
  3.     border: 1px solid #1E8DCC;   
  4.     height: 366px;   
  5.     width: 650px;   
  6.     padding: 8px;   
  7.     margin:0 0 0 20px;   
  8. }  

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

赞()
赏

本文由 远方的雪山 作者：萨龙龙 发表，转载请注明来源！

关键词：, , , , ,
萨龙龙

萨龙龙

 文章：290 画廊：33 视频：37

一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！

相关文章

LensNews

热评文章

评论：

17 条评论，访客：0 条，博主：0 条
  1. 德均吧
    德均吧发布于： 
    回复

    代码很给力啊

  3. 那时年少
    那时年少发布于： 
    回复

    这个东西真不错，哈哈

  4. DuuLuu
    DuuLuu发布于： 
    回复

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

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

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

  5. I'm H
    I'm H发布于： 
    回复

    这段代码不错。学习了

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

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

发表回复