【性价之王】	【线路之王】	【价格之王】	【配置之王】
【免费之王】	【香港首推】	【梯子之王】	【独服之王】

前面讲过怎么样张wordpress增加优酷视频解析教程，自己感觉了一下还挺实用的，今天为大家介绍如果给你的博客增加youtube视频解析功能，同时增加短代码，当然，首先你要能打开youtube视频，如果你的博客是面向外国人的，可以这样做，原理其实和增加优酷视频一样的。

一、找解析地址

这个网上的大佬们也有提供，首先我们找到一个youtube的视频地址：（可以百度找一个）

https://www.youtube.com/watch?v=WrY6n0gDuAc

同样的，我们需要只是上面红色部分，因为是要增加短代码，解析地址为：https://www.youtube.com/embed/+上面红色部分

二、增加短代码

我们需要把短代码增加到函数文件中，所有主题的函数文件都是functions.php，但是有一些主题这个文件里的代码非常少，会解析到另外的地址，只要看一下代码就可以，我们在这里面增加以下代码：

function youtube($atts,$content=null,$code=""){ $return = '<div class="video-container"><iframe height="498" width="100%" src="https://www.youtube.com/embed/'; $return .= $content; $return .= '" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>'; return $return;}add_shortcode('youtube','youtube');function more_button_a(){ if(!current_user_can('edit_posts')&&!current_user_can('edit_pages')) return; if(get_user_option('rich_editing')=='true'){ add_filter('mce_external_plugins','add_plugin'); add_filter('mce_buttons','register_button'); }}add_action('init','more_button_a');function register_button($buttons){ array_push($buttons," ","youku"); array_push($buttons," ","youtube"); return $buttons;}function add_plugin($plugin_array){ $plugin_array['youku'] = get_bloginfo('template_url').'/buttons/more.js'; $plugin_array['youtube'] = get_bloginfo('template_url').'/buttons/more.js'; return $plugin_array; }

1234567891011121314151617181920212223242526

function youtube($atts,$content=null,$code=""){    $return = '<div class="video-container"><iframe height="498" width="100%" src="https://www.youtube.com/embed/';    $return .= $content;    $return .= '" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>';    return $return;}add_shortcode('youtube','youtube');function more_button_a(){   if(!current_user_can('edit_posts')&&!current_user_can('edit_pages')) return;   if(get_user_option('rich_editing')=='true'){     add_filter('mce_external_plugins','add_plugin');     add_filter('mce_buttons','register_button');   }}add_action('init','more_button_a'); function register_button($buttons){    array_push($buttons," ","youku");    array_push($buttons," ","youtube");    return $buttons;}function add_plugin($plugin_array){    $plugin_array['youku'] = get_bloginfo('template_url').'/buttons/more.js';    $plugin_array['youtube'] = get_bloginfo('template_url').'/buttons/more.js';    return $plugin_array;  }

因为之前我增加了优酷，所以下面的调用图片的地方直接增加就可以了，同时video-container可以在CSS设置样式，同样的，需要去more.js里增加调用按钮图片，打开JS文件，增加：

tinymce.create('tinymce.plugins.youtube', { init : function(ed, url) { ed.addButton('youtube', { title : 'YouTube', image : url+'/images/youtube.png', onclick : function() { ed.selection.setContent('[youtube]' + ed.selection.getContent() + '[/youtube]'); } }); }, createControl : function(n, cm) { return null; }, }); tinymce.PluginManager.add('youtube', tinymce.plugins.youtube);

123456789101112131415

tinymce.create('tinymce.plugins.youtube', {        init : function(ed, url) {            ed.addButton('youtube', {                title : 'YouTube',                image : url+'/images/youtube.png',                onclick : function() {                     ed.selection.setContent('[youtube]' + ed.selection.getContent() + '[/youtube]');                }            });        },        createControl : function(n, cm) {            return null;        },    });    tinymce.PluginManager.add('youtube', tinymce.plugins.youtube);

找一个你想要的图标文件，放入buttons文件夹里，后台写文章的面板里就会出有这个图标了。短代码格式如下：

[youtube]9Yam5B_iasY[/youtube]
我是访问不了youtube的，不过让朋友试了一下，可以正常显示视频。

[wordpress]历史优惠活动内容

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

bluehost介绍–支持中文界面，wordpress官方推荐

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过

Openshift online+wordpress免费建站套路，主机空间域名全免费

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho

webhostingbuzz-专业wordpress主机5折/VPS8折(onapp/管理型

简单两步干掉WordPress里面的fonts.googleapis

黑5→mediatemple-5折/虚拟主机/wordpress主机

给WordPress添加百度无线sitemap

TemplateMonster-模板7折/wordpress/Joomla/PrestaSh

WordPress主机推荐→WordPress官方推荐专用主机

WordPress主机推荐→WordPress官方推荐专用主机

#黑色星期5# themeforest-一律5折,上百款WordPress收费主题

#黑色星期5# themeforest-一律5折,上百款WordPress收费主题

经验→在themeforest购买超便宜WordPress主题模板

腾讯云+云数据库 搭建WordPress博客

wordpress主题推荐（1）→newspaper 1个通杀40个 上百种组合 万能建站主

themeforest -wordpress收费主题5折促销推荐 低至14美元

售卖了2.5万份的wordpress收费主题sahifa黑5期间5折限时促销

Namecheap→$14.88/年 专业WordPress主机

Share Hosting→搭建WordPress网站用什么主机比较好？

嫌弃WordPress 5.x？来把WordPress版本降级处理吧！

推荐下→WordPress国产知名收费主题站6折优惠中！

推荐下→WordPress国产知名收费主题站6折优惠中！