wordpress短代码:开启wordpress短代码功能之旅

文章目录

暗淡的黑个人网站今天起开启wordpress短代码板块,今后将不断的收集、整理、扩大我们的wordpress短代码功能。此篇为wordpress短代码板块的开篇,暂且讲明wordpress短代码的含义及创建规则。

wordpress 简码定义

wordpress短代码功能,既wordpress shrotcode,wordpress简码功能,是wordpress的一种特殊标签,以嵌入式方式将外部内容引入到我们的文章中,达到对某一特定功能的方便、快捷实现。

wordpress 简码创建规则:

1.首先要在function.php文件中创建我们所需的wordpress 简码功能,定义某一特定函数,比如:

1
2
3
4
function hello() /*通过function定义hello()函数*/
{
return '基友们,你们好!'; /*返回字符串*/
}

2.将定义的函数绑定为wordpress简码:

1
add_shortcode('hi','hello'); /*通过add_shortcode()函数,将hello功能绑定为短代码,并命名为'hi'*/

3.后台-写文章,插入[hi],发布文章,便可预览效果。

wordpress 简码实例:

下面我们来实际操作,创建一则wordpress简码实例。

1.定义hello()函数功能:

1
2
3
4
5
6
7
8
9
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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.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.发布文章,插入[hi]查看效果。以下为显示效果:

这个地方是测试wordpress简码效果

文件信息:
文件名称:wordpress简码测试源代码
分类目录:wordpress短代码
更新时间:2013年12月28日
关于广告:麻烦大神们小手一抖,点击【下载列表】页面中的广告,感谢!
下载地址:360网盘百度网盘

PS:特别鸣谢--宝贝老婆大人!

声明:本站除特别声明外,均为本站原创,转载请注明出处:暗淡的黑IT网络,谢谢!