wordpress Shortcode自定义插入视频短代码

当前位置:首页 » wordpress
In 学习  @2015-07-30

wordpress作为我们全球使用量最大的CMS系统,其可扩展可定制性也是前所未有的强大,短代码功能就是一种一项,由于最近常用到要插入视频的代码,一般选择的是iframe标签的代码手动插入,同时需要修改宽度和高度以匹配自己的主题,iframe代码插入的视频可以在移动端完美的加载,所以一般用这个,但不管怎样,手动添加代码加上每次都要手动修改宽度和高度,的确有点坑爹,那么短代码就是我需要的了。
需要实现的功能很简单,在添加视频的时候,我只需要将需要插入的视频地址填上就可以了,宽度和高度应该可以预设一个值,当然为了代码适用性更强,这两个值应该是可以自定义的。实现如下:
首先在function.php模板函数文件中添加以下函数:

/*Add Video Shortcode*/
function video_url($atts, $content = null) {   
extract(shortcode_atts(array("width"=>'600',"height"=>'400'),$atts));    
return'';
}  
add_shortcode('video','video_url');

注:代码中的class=”video”是为了方便自定义CSS样式什么的,可以不要。

然后在需要插入视频的时候,首先从视频网站上得到视频的“flash地址”,然后在文章中加入代码:


代码中视频的预设宽度和高度值是width=”600″ height=”400″,如果需要自定义,就用下面的代码:


视频高度和宽度可以在这里自定义输入。

强调一下,这里面用到的是视频的flash地址,以优酷为例,在这里可以找到:
wordpress自定义视频插入短代码
以上代码测试可以适用于与国内各大门户视频网站:优酷,土豆,爱奇艺,56,搜狐等。

标签: , , ,   评论: 5枚 

代码高亮WP-Syntax换成WP-GeSHi-Highlight

当前位置:首页 » wordpress
In 学习  @2015-06-30

  刚开始用代码高亮插件的时候选了一款简单实用的轻量级插件WP-Syntax(见文章:代码高亮插件wp-syntax插件使用方法),一晃2年多过去了,这个插件已经2年没更新了,那天看到别人用黑色背景的代码高亮插件很炫,我也想试试,找到了一款功能及其强大的插件Crayon Syntax Highlighter,各种主题,各种功能设置,眼花缭乱,几乎你能想到的功能都有,但这不是我想要的了,然后我就找到了今天要给大家推荐的WP-GeSHi-Highlight这个插件。
  WP-GeSHi-Highlight输出代码更加简洁,更加轻型以及超简单使用用法。跟进最新的 WordPress API 调用,完全兼用 WP-Syntax,使用方法也几乎是一样的:

//这里添加代码……

  其中,lang=”html”表示代码语言html,支持240种语言,基本上全部吧; line=”1″ 表示显示行号,如果不需要,去掉即可;escaped=”true” 是为了防止代码转义,如果不需要,去掉即可。
  使用文档:https://gehrcke.de/wp-geshi-highlight-demo/

标签: , , ,   评论: 4枚 

wordpress升级4.2后出现的大量报错的故障处理

当前位置:首页 » wordpress
In 网络  @2015-04-28

导读:wordpress升级到4.2后,控制台出现大量错误,调用wordpress官方emoji表情引起,类似http://s.w.org/images/core/emoji/72×72/1f61b.png这样的表情地址无法打开,并且一直在加载,一直在报错。

报错信息:

http://s.w.org/images/core/emoji/72x72/1f61b.png Failed to load resource: net::ERR_CONNECTION_TIMED_OUT
1076.html:1 GET http://s.w.org/images/core/emoji/72x72/1f61b.png net::ERR_CONNECTION_TIMED_OUT

wordpress升级4.2大量报错表情图片
wordpress的推送一般有我就直接自动升级,从3.0到现在也一直这样,没出现过什么大问题,中间有一次google fonts的问题,有个插件就解决了,不算什么大问题。这次wordpress升级到4.2也是一样,以为一切正常的,今天说装个sohu畅言试试,发现有问题,起初以为是畅言的问题,我还专门去他们的圈子里提问了,后来发现http://s.w.org/是wordpress官方的地址,就想起来有可能是这次升级导致的,前台代码中有一段输出:


		

显然是有函数调用了http://s.w.org/里面的表情图片,而因为GWF的原因,这些图片无法访问,所以才会出现这么多的报错。
经过查找,发现大神张戈同学已经解决了这个问题,那我就借鉴了他的第二个方法:
在function模板函数中屏蔽掉这些引用http://s.w.org/表情图片的代码;

//修复404错误请求问题
remove_action( 'wp_head','print_emoji_detection_script',7);

至此,解决了这个问题,你要是也遇到这个问题,可以去张戈博客看看,那边有更深入的研究! (更多…)

标签:   评论: 9枚