菜鸡源码,专注精品下载!
当前位置:首页 > 建站教程 > 建站知识

WordPress短代码教程的标题可以是: 1. 学习WordPress短代码的终极指南 2. WordPress短代码入门教程 3. 掌握WordPress短代码的技巧与方法 4. 从零开始学习W

发布时间:2024-01-05  栏目:建站知识   浏览:   分类:wordpress教程

Wordpress短代码教程是一种快速创建网站内容的方法。它使用简短的代码片段来代替冗长的HTML和PHP代码,使网站开发更加高效。例如,您可以使用[gallery]标签来创建一个图片库,或者使用[audio]标签来插入音频文件。此外,还有许多其他可用的短代码,如[link]、[list]、[quote]等。要使用这些短代码,您需要在文本编辑器中输入相应的代码,然后将其保存为草稿或发布文章。在前端页面上,这些短代码将被自动转换为相应的HTML元素。

我知道wordpress有神奇的自定义函数,这个自定义函数基本上可以代替大部分的插件了;我也知道wordpress有神奇的自定义域,虽然用 起来比较麻烦,但是不能不说它真的很强大;今天我才发现,原来wordpress还有更神奇的短代码(简码)的功能!当然,还是得借助 function.php这个文件来实现。

什么是短代码(简码)?就是你在写日志的时候,在编辑器里随便插入几个英文字符,当出现在文章里的时候,它就是千变万化的其他内容了。你说神奇 不?!

一、超链接用[url

1. 打开主题中的functions.php文件。粘贴以下函数到其中:

functionmyUrl($atts,$content=null){extract(shortcode_atts(array("href"=>'http://'),$atts));return'<ahref="'.$href.'">'.$content.'</a>';}add_shortcode("url","myUrl");//把函数转化成简码

2. 简码创建成功,现在就可在日志和页面上使用了。

[urlhref=“http://www.wordpress.com”]WordPressrecipes[/url

日志保存后,简码会显示名为“WordPress recipes”的链接,并指向http://www.wordpress.com。

代码注释:若要正常运行,简码必须处理两个参数:$atts 和 $content。$atts是简码属性,上例中,属性为href,且包括了URL链接。$content是简码内容,位于域名和子目录之间(即 www.example.com和“/subdirectory”之间)。正如以上显示,我们给$atts 和 $content都设置了默认值。

二、创建“发送到 twitter” 的简码

functiontwitt(){return'<divid="twitit"><ahref="http://twitter.com/home?status=Currentlyreading'.get_permalink($post->ID).'"title="ClicktosendthispagetoTwitter!"target="_blank">ShareonTwitter</a></div>';}add_shortcode('twitter','twitt');

三、创建“RSS订阅”简码然后只要在你文章需要的地方插入[twitter]此简码,“发送到Twitter”链接就会只出现放置简码的位置。

functionsubscribeRss(){return'<divclass="rss-box"><ahref="http://feed.happyet.org">Enjoyedthispost?SubscribetomyRSSfeeds!</a></div>';}add_shortcode('subscribe','subscribeRss');

四、定制Google AdSense位置同样用[subscribe]就可以显示了,当然加点css修饰一下就更好了。

functionshowads(){return'<divid="adsense">//googleadsensecodehere</div>';}add_shortcode('adsense','showads');

五、嵌入RSS阅读器使用[adsense]在你需要的位置调用google ad,记得给外包的那个div设置CSS样式。

//Thisfileisneededtobeabletousethewp_rss()function.include_once(ABSPATH.WPINC.'/rss.php');functionreadRss($atts){extract(shortcode_atts(array("feed"=>'http://',"num"=>'1',),$atts));returnwp_rss($feed,$num);}add_shortcode('rss','readRss');

feed属性(attribute)即是要嵌入的feed URL,num即是要显示的条目数量。使用简码的时候输入:[rss feed=“http://feed.happyet.org” num=“5”]

六、使用简码从WordPress数据库中提取文章

functionsc_liste($atts,$content=null){extract(shortcode_atts(array("num"=>'5',"cat"=>''),$atts));global$post;$myposts=get_posts('numberposts='.$num.'&order=DESC&orderby=post_date&category='.$cat);$retour='<ul>';foreach($mypostsas$post):setup_postdata($post);$retour.='<li><ahref="'.get_permalink().'">'.the_title("","",false).'</a></li>';endforeach;$retour.='</ul>';return$retour;}add_shortcode("list","sc_liste");

代码注释:系统提取参数并创建全局变量$posts后,sc_liste()函数使用了 get_posts(),numberposts, order, orderby和category参数以从类别Y中获取X篇最新日志。完成后,系统就会以无序的HTML列表形式显示日志。在WordPress编辑器中使用以下简码:[liste num=“3” cat=“1”],系统将从ID为1的类别中提取3篇文章。

七、获取日志中的最新图像

functionsc_postimage($atts,$content=null){extract(shortcode_atts(array("size"=>'thumbnail',"float"=>'none'),$atts));$images=&get_children('post_type=attachment&post_mime_type=image&post_parent='.get_the_id());foreach($imagesas$imageID=>$imagePost)$fullimage=wp_get_attachment_image($imageID,$size,false);$imagedata=wp_get_attachment_image_src($imageID,$size,false);$width=($imagedata[1]+2);$height=($imagedata[2]+2);return'<divclass="postimage"style="width:'.$width.'px;height:'.$height.'px;float:'.$float.';">'.$fullimage.'</div>';}add_shortcode("postimage","sc_postimage");

代码注释:sc_postimage()函数首先提取了简码属性,然后它使用get_children(), wp_get_attachment_image() 和wp_get_attachment_image_src()这些WordPress函数检索图像。完成后,系统就会返回图像并插入到文章内容中。使用代码:[postimage size=“” float=“left”]

八、在侧边栏微件中添加简码

add_filter('widget_text','do_shortcode');

好是好,function.php文件得爆炸了……不知道会不会对速度有影响。

评论
建站知识
建站知识
使用技巧
调试安装
运营推广