如何在WordPress中添加短代码?

您有没有想过在WordPress帖子或页面添加一些专门内容的时间,但不确定如何?也许你想嵌入一个Twitter小部件或一些从某个网站或API回来的内容。如何轻松地将此类内容添加到WordPress帖子?幸运的是,WordPress提供了一种称为短代码的东西,使这种任务非常容易。本教程将指导您完成在WordPress安装中构建,安装和使用短代码的过程。让我们先看一下短代码是什么。

什么是WordPress短代码?

简而言之,短代码是一个特殊的标签,你可以输入到一个帖子中,当实际上被替换为不同的内容查看网站上的帖子。如果您曾在博客中嵌入过WordPress库,那么您已经看到了内置的短代码。

当您使用短代码加载博客页面时,WordPress会将短代码替换为实际显示图像库的所有代码。

从上面的示例中可以看出,shortcode看起来类似于HTML标记,但是用方括号而不是尖括号括起来。当页面实际加载到Web浏览器中时,此代码将替换为其他一些代码。非常酷的是,WordPress允许您创建自己的自定义短代码以显示几乎任何东西!您可以使用它来输出Youtube视频,显示最新的推文,甚至可以随意自定义它。

如果没有意义,让我们看一个例子。假设我想在帖子中输出AdSense广告。我可以进入WordPress内容编辑器的HTML模式,并将Adsense代码块复制并粘贴到其中,但这将是乏味的,并且可能会分散我帖子中所有额外标记的注意力。此外,如果我想更改广告块,我将不得不回到每个帖子将其更改为新帖子。在任何我想要的地方添加Adsense块的更简单方法和更可靠的方法是使用adsense短代码。短代码可能如下所示:

[adsense] 

在实际查看您网站上的帖子时,短代码将替换为Adsense广告块。那么你如何创建这个短代码?显然,你需要告诉WordPress以什么方式替换短代码。让我们看看下一步。

如何创建短代码?

幸运的是,WordPress制作自己的短代码非常简单,所以我们实际上就是实现[adsense]短代码。我们需要做的第一件事是定义一个输出实际Adsense代码的函数。以下所有代码都将放在您主题中的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>  ";  }   

这个函数非常简单 – 它只是将我的Google Adsense代码作为字符串返回。无论这个函数返回什么,我的短代码将被替换,所以我可能已经返回了一个Twitter小部件的html,或者这个的子帖子列表,或其他任何东西。

现在我们有一个函数可以返回我们想要的函数,我们如何将它挂钩到一个短代码?现在,这就是WordPress API的用武之地。再次让我们看看我们是如何做到的,然后解释发生了什么。以下是设置adsense短代码的调用。

  add_shortcode("adsense", "get_adsense");  

而已!传入的第一个参数是短代码的名称,因此在我们的例子中,’adsense’告诉WordPress创建[adsense]短代码。第二个参数指定遇到新短代码时将调用的函数。同样,在我们的例子中,’get_adsense’告诉WordPress用我们的get_adsense方法的结果替换[adsense]。

不是太糟糕了吗?现在这是一个非常简单的短代码,WordPress允许您使用短代码做更多的事情,包括添加参数(也许您想在adsense块之间进行选择?)。可以在WordPress Codex中看到完整的API。

如何使用我的短代码?

这最后一部分很简单,只需在HTML或Visual视图中添加[adsense]短代码即可。帖子或页面内容编辑器。而已!你已经创建了你的第一个短代码。

John Gadbois John Gadbois Domain Superstar是域名工具网站的共同所有者和技术主管。他还经营CalculatorPro,这是一个很酷的计算器网站,里面有各种各样的金融计算器。他喜欢在Ruby on Rails,jQuery,WordPress和PHP上学习和编码。

您有没有想过在WordPress帖子或页面添加一些专门内容的时间,但不确定如何?也许你想嵌入一个Twitter小部件或一些从某个网站或API回来的内容。如何轻松地将此类内容添加到WordPress帖子?幸运的是,WordPress提供了一种称为短代码的东西,使这种任务非常容易。本教程将指导您完成在WordPress安装中构建,安装和使用短代码的过程。让我们先看一下短代码是什么。

什么是WordPress短代码?

简而言之,短代码是一个特殊的标签,你可以输入到一个帖子中,当实际上被替换为不同的内容查看网站上的帖子。如果您曾在博客中嵌入过WordPress库,那么您已经看到了内置的短代码。

当您使用短代码加载博客页面时,WordPress会将短代码替换为实际显示图像库的所有代码。

从上面的示例中可以看出,shortcode看起来类似于HTML标记,但是用方括号而不是尖括号括起来。当页面实际加载到Web浏览器中时,此代码将替换为其他一些代码。非常酷的是,WordPress允许您创建自己的自定义短代码以显示几乎任何东西!您可以使用它来输出Youtube视频,显示最新的推文,甚至可以随意自定义它。

如果没有意义,让我们看一个例子。假设我想在帖子中输出AdSense广告。我可以进入WordPress内容编辑器的HTML模式,并将Adsense代码块复制并粘贴到其中,但这将是乏味的,并且可能会分散我帖子中所有额外标记的注意力。此外,如果我想更改广告块,我将不得不回到每个帖子将其更改为新帖子。在任何我想要的地方添加Adsense块的更简单方法和更可靠的方法是使用adsense短代码。短代码可能如下所示:

[adsense] 

在实际查看您网站上的帖子时,短代码将替换为Adsense广告块。那么你如何创建这个短代码?显然,你需要告诉WordPress以什么方式替换短代码。让我们看看下一步。

如何创建短代码?

幸运的是,WordPress制作自己的短代码非常简单,所以我们实际上就是实现[adsense]短代码。我们需要做的第一件事是定义一个输出实际Adsense代码的函数。以下所有代码都将放在您主题中的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>  ";  }   

这个函数非常简单 – 它只是将我的Google Adsense代码作为字符串返回。无论这个函数返回什么,我的短代码将被替换,所以我可能已经返回了一个Twitter小部件的html,或者这个的子帖子列表,或其他任何东西。

现在我们有一个函数可以返回我们想要的函数,我们如何将它挂钩到一个短代码?现在,这就是WordPress API的用武之地。再次让我们看看我们是如何做到的,然后解释发生了什么。以下是设置adsense短代码的调用。

  add_shortcode("adsense", "get_adsense");  

而已!传入的第一个参数是短代码的名称,因此在我们的例子中,’adsense’告诉WordPress创建[adsense]短代码。第二个参数指定遇到新短代码时将调用的函数。同样,在我们的例子中,’get_adsense’告诉WordPress用我们的get_adsense方法的结果替换[adsense]。

不是太糟糕了吗?现在这是一个非常简单的短代码,WordPress允许您使用短代码做更多的事情,包括添加参数(也许您想在adsense块之间进行选择?)。可以在WordPress Codex中看到完整的API。

如何使用我的短代码?

这最后一部分很简单,只需在HTML或Visual视图中添加[adsense]短代码即可。帖子或页面内容编辑器。而已!你已经创建了你的第一个短代码。

John Gadbois John Gadbois Domain Superstar是域名工具网站的共同所有者和技术主管。他还经营CalculatorPro,这是一个很酷的计算器网站,里面有各种各样的金融计算器。他喜欢在Ruby on Rails,jQuery,WordPress和PHP上学习和编码。

相关推荐

发表回复

房先生
我们将24小时内回复。
2024-06-23 14:04:46
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[加我微信]
chaoneo
注:点击复制微信号并打开微信APP,添加好友后进行聊天。
[电话联系]
13585372227
[电子邮件]
chaoneo@163.com
取消

选择聊天工具: