wordpress短代码：开启wordpress短代码功能之旅
道勤小编网站今天起开启wordpress短代码板块，今后将不断的收集、整理、扩大我们的wordpress短代码功能。此篇为wordpress短代码板块的开篇，暂且讲明wordpress短代码的含义及创建规则。wordpress 简码创建规则：1.首先要在function.php文件中创建我们所需的wordpress 简码功能，定义某一特定函数，比如：function hello() /*通过function定义hello()函数*/{
return '基友们，你们好！'; /*返回字符串*/
}2.将定义的函数绑定为wordpress简码：add_shortcode('hi','hello'); /*通过add_shortcode()函数，将hello功能绑定为短代码，并命名为'hi'*/
3.后台-写文章，插入，发布文章，便可预览效果。wordpress 简码实例：下面我们来实际操作，创建一则wordpress简码实例。1.定义hello()函数功能：function hello($atts, $content=null, $code="")
{
$return = '
<div class="wenchen_hello">'; /*创建返回div标签的名字为return参数*/
$return = $content; /*创建返回参数￥content的return参数*/
$return = '</div>
'; /*创建返回div标签的名字为return参数*/
return $return; /*返回参数$return的内容*/
}2.创建效果CSS：.wenchen_short{
margin:20px 0px;padding: 15px 15px 15px 70px; font-size:12px;
-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); /*火狐浏览器下的边框阴影*/
-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); /*webkit浏览器下的边框阴影*/
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); /*其他浏览器下的边框阴影*/
border-radius:5px; /*浏览的圆弧角度设置*/
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
}
.wenchen_short a:hover{}
.wenchen_short b,.hello_short strong{padding:0px; margin:0px; background: none; font-weight: bold;border-radius:0px;-moz-border-radius:0px;}
.wenchen_short{background: url(images/shortcode/warning.png) no-repeat 20px 20px #fff0b5;border: 1px solid #eac946;color: #b09e56;}
.wenchen_short a{ color:#A84A1E;}3.发布文章，插入查看效果。以下为显示效果：
页:
[1]