首页 > 新闻资讯 > 怎么样在wordpress中添加一段代码

怎么样在wordpress中添加一段代码

6条评论
标签:
更多

     你曾经是否在你的wordpress的文章和页面中添加一些专门的内容,但是你又不知道如何去做?也许你想过嵌入一个twitter部件或者从其他的网站的应用程序编程接口接入一些内容。怎么样才能添加特殊类型的内容在你的wordpress中呢?幸运的是,wordpress提供一种叫做简码嵌入的方式使得你做这类事情变得简单了。本文将从过程建设、安装以及使用简码在wordpress中的应用,让你了解这一过程。

     什么是wordpress简码?

     简单的说,简码就是一个特殊的标签,当你查看网站上的帖子时,你进入一个帖子你可以替换成你想要的内容。假如你曾嵌入一个wordpress画廊在的博客中,那么你会发现一段简码在wordpress中,这个你也可以做到。

    当你加载你的博客页面时,你的图片画廊就呈现在里的面前,你的画廊的那段简码已经被wordpress加载了,替换了原先的了。

    正如你看到的刚才那个简短的例子,一个简码看起来更像是HTML标签,但是要提醒的用方括号替换尖括号。这段代码替换其他代码当页面在WEB端加载时。非常不错的是wordpress允许你使用自己定制的代码,使得显示更加的灵活。你可以用它来输出YOUTUBE的视频,展示你最新的TWEETS,或者定制你自己喜欢的等等。

    让我们来看一个例子,可能前面讲的不能给你留下太深的映像。例如我们想在我的帖子里添加一个广告联盟的广告。进入wordpress内容编辑的代码模式,然后复制粘贴广告联盟的代码模块,但是这个可能会产生额外的标签在我们的帖子里面。另外,假如你想改变代码模块,我们就需要进入每个帖子进行修改。一个简单更加实用的方法是添加一个广告联盟代码块,然后我们调用这段代码。这样的简码看起来像这样:

1 [adsense]

     当我们看你的网站的帖子时,这个简码将替代原来广告联盟的代码块。所以剩下的问题我们如何创建这样的代码块呢?显然你需要让wordpress知道如何来调用这段简码。让我们接着往下看。

     如何创建一段简码?

    幸运的是,wordpress中制作一段简码是简单的,所以让我们来实现广告联盟的简码。第一件事我们需要定义一个函数,让它输出实际的广告联盟的代码。下面的代码放在你主题下面的functions.php文件中。明白了吗,让我们来看看这段代码。

function get_adsense($atts) { 
return '<script type="text/javascript"><!-- 
google_ad_client = "pub-546321545321589"; 
/* 468x60, created 9/13/10 */
google_ad_slot = "54321565498"; 
google_ad_width = 468; 
google_ad_height = 60; 
//--> 
</script> 
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
</script> 
'; 
}

    这段代码是非常简单的,它返回的是GOOGLR广告联盟代码的一个字符串。不论这个方法返回什么,它将被简码代替,所以可能返回的是一个twitter的html插件,或者是一个文章列表或者其他什么。

 

    现在有一个函数,它将返回我们需要的东西。如何调用简码?现在我们就进入wordpress的API。再次让我们看看怎么做和如何用。这里来设置广告联盟简码。

add_shortcode('adsense', 'get_adsense');

    就这样,第一个参数是简码的名称,在我们的例子里面,‘adsense’告诉wordpress去创建一段简码。第二个是函数的名称,当遇到新的简码是被调用。这个例子'get_adsense'告诉wordpress去替换 [adsense]用我们定义的get_adsense返回的结果。这个是非常简单的简码的例子,wordpress允许你添加更多你自己的简码,这个用户需要多研究研究,wordpress的API是非常强大的。

    我如何使用我的简码?
    总结一句话,就是在你的HTML或者可视化编辑器中添加[广告]简码。就这样,你可以尝试,你或许收获更多。

 

来源:http://www.wpbeginner.com/wp-tutorials/how-to-add-a-shortcode-in-wordpress/

* 版权声明:作者WordPress啦! 转载请注明出处。

#1
文章非常不错,学习了,谢谢分享~
#2
这个比较实用呢
#3
代码我看懂了,但是加了这个代码给wordppress带来的是什么样的不同呢
#4
不错谢谢啊
#5
感谢你网站的字有点小了。看着比较累。 有点图就更好了。
#6
写得好