WordPress的短代码(shortcode)应用

由 axiu 撰写于 2011/03/10 | 44 条评论

最近才发现WordPress的短代码是好东西，能用代码添加的东西几乎都可以用它实现，什么广告啊、播放器啊、游戏啊、病毒啊无所不包。用了短代码，手不疼了（代码少），脑袋灵光了（记忆简单），走路也有劲儿了……而且关键是，用好短代码，能使你的博客增色不少！~

1、定义特定块

[button color=green size=medium]下载[/button]
这个比较常见了，比如见过利用插件在文章中放入的播放器啊之类的。又比如我给博客添加了一个下载链接的块，主要目的当然是输出下载链接，在文章中直接输入就可以，更改一下地址，样式什么的都不用重新设置，而且相对于css块来说，要输入的代码很少。

function button_shortcode( $atts, $content = null )
{
      extract( shortcode_atts( array(
      'color' => 'blue',
      'size' => 'medium',
      ), $atts ) );
       return '
    <style type="text/css">
       .shortcode_button {
        display:block;
        margin:0 7px 6px 0;
        border:1px solid #dedede;
        border-top:1px solid #eee;
        border-left:1px solid #eee;
        background-color:#f5f5f5;
        font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
        font-size:12px;
        line-height:130%;
        text-decoration:none;
 	text-align:center;
        font-weight:bold;
        padding:5px 10px 6px 7px; /* Links */	}
		.shortcode_button a{color:#222;text-decoration:none;width:100%;height:100%;display:block;}
		.blue:hover {background-color:#dff4ff;}
		.green:hover{background-color:#e6efc2;color: #f0f0f0;}
                .green:active,.blue:active {background-color:#6299C5;border:1px solid #777;color:#FFFFFF;}
		.large	{width: 200px;}
		.medium{width: 120px;}
		.small	{width: 80px;}
		</style>
 
      <div class="shortcode_button ' . $size . ' ' .  $color . '">' . $content . '</div>';
 
}
add_shortcode('button', 'button_shortcode');

示例：

[button color=green size=mediun]下载[/button]

2、插入谷歌广告


谷歌广告只是一个代表，我之所以用它做例子是因为百度广告还没申请通过……其他广告联盟又不敢用，如果有人投放广告当然也可以这么添加。这么做的优点是：不必固定广告的位置，一些文章不想有广告可以略去，文章不会千人一面。

function gad_shortcode() {
return '<div class="g_adsense">
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-xxxxxx";
google_ad_slot = "2514784190";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>';
}
add_shortcode('adsense', 'gad_shortcode');

示例：

[adsese]

以上只是两个小应用，shortcode能做的事情还很多，有空探索一下吧 ~~

» 转载请注明来源：Axiu’s blog » 《WordPress的短代码(shortcode)应用》
» 本文链接地址：http://axiu.me/learning_notes/wordpress_shortcode/

, 的相关文章

评论:43

  1. Reply
    闲云野鹤 闲云野鹤 11/03/14

    是个好东西，文章里面以后弄个视频或者音乐都很方便！

  2. Reply
    asics outlet asics outlet 11/03/15

    好多人都在用这个嘛！学习学习～

  3. Reply
    lionshuang lionshuang 11/03/26

    老外的主题尤其是收费主题里都有这个，一直不明白为啥叫短代码，现在明白了。

  4. Reply
    IM路人 IM路人 11/03/29

    :razz: 插广告这个应用很8错的说~~~

  5. Reply
    英文杂志 英文杂志 11/06/03

    学习了。谢谢~

  6. Reply
    独自流浪 独自流浪 11/06/16

    还真没用过这东西的说~

  7. Reply
    betabone betabone 11/07/30

    记得曾经在这里看到过短代码，这一次自己终于用上了，特地跑来留个爪 :wink:

  8. Reply
    front lace wig front lace wig 11/09/26

    很好的代码上次的也不错

  9. Reply
    Iecho Iecho 11/09/27

    好东西，学习了。

  10. Reply
    PHP教程 PHP教程 12/05/08

    谢谢,代码很实用.

1 2

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

:razz:

您可以使用这些 HTML 标签和属性： <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

引用(关闭):1

pingback from WordPress的短代码(shortcode)应用 | 漠天网摘 2011/03/10