如何向WordPress网站添加自定义简码
简码是 WordPress 特定的代码,它以更简单的方式执行复杂任务方面做出了很大贡献。使用短代码可以节省时间,并使我们能够以更简单的方式做事,否则需要大量的技术知识和编码。可以嵌入文件或创建通常需要大量复杂代码行的对象。
要使用短代码,只需将其插入 WordPress 页面或帖子即可。短代码看起来像这样 – [Shortcode-name]。本文晓得博客为你介绍如何向WordPress网站添加自定义简码
默认的WordPress简码
对于任何有兴趣修改其 WordPress 网站的工作方式的人来说,简码/短代码是一个强大的工具,提供了最终的定制,而不会强迫您了解很多关于编码的一般知识。本质上是放在括号 [like-this] 中的短词或短语。您可以将 WordPress 短代码放入编辑器中,然后该编辑器会引用您的functions.php文件中的其他信息,以显示您网站前端的某些内容。
WordPress 默认带有以下短代码:
- [dailymotion] 嵌入 DailyMotion 视频。
- [hulu] 嵌入一个 Hulu 视频。
- [ted] 嵌入了 TED 演讲视频。
- [vimeo] 嵌入 Vimeo 视频
- [youtube] 嵌入 YouTube 视频。
- 将上传的音频文件显示为音频播放器
- [spotify] 嵌入来自 Spotify 的音乐。
- [instagram] 嵌入来自 Instagram 的图像。
- [slideshare] 嵌入来自 Slideshare.net 的幻灯片。
- [slideshow] 嵌入上传照片的幻灯片。
- [googleapps] 嵌入来自 Google 文档的文档。
如何创建WordPress自定义简码
假如,需要制作一个短代码,只需在编辑器中输入 [adsense] 即可提供 Google Adsense 模块。(什么是Google Adsense?)
1、将函数放入functions.php
找到WordPress网站的functions.php文件,并将以下函数粘贴到该文件中(建议使用WordPress子主题)。我们使用 Adsense 函数作为一个简单的例子。函数基本上是告诉短代码在您的网站前端显示什么的部分。在这种情况下,当我们在网站中放置 [adsense] 短代码时,它会使用以下功能来显示广告。
function google_adsense() {
return '<script type="text/javascript"><!--
google_ad_client = "<em>your client id</em>";
google_ad_slot = "<em>your ad slot id</em>";
google_ad_width = <em>width</em>;
google_ad_height = <em>height</em>;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
';
}
放入functions.php文件中的这段代码取代了前端的短代码,根据您的功能和简码,可以添加列、自定义按钮、社交媒体小部件等。
推荐:如何在WordPress中添加MailChimp邮件订阅功能
2、将您的短代码链接到函数
创建了简码/短代码和函数并不意味着两者是链接在一起的。现在我们需要添加一个最终调用来配对两者。使用下面的代码:
add_shortcode('adsense', 'google_adsense');
第一个词是您想称呼您的简码。因此,由于我们将其列为“adsense”,WordPress 会自动生成一个 [adsense] 短代码。我们调用了 google_adsense 函数,因此我们调用中的第二个参数告诉 WordPress,只要您在网站上放置正确的短代码,它就需要使用该特定函数。
3、使短代码在您的 WordPress 网站上工作
要查看您的短代码在您网站的实际前端生成的内容,您需要在 WordPress 中打开一个页面或发帖,并将 [adsense] 短代码放入文本中。单击以预览您网站上显示的内容或发布页面或帖子以使其永久化。就是这样!您现在可以通过使用短代码来减少大量时间。
使用插件添加自定义简码
如果您不想弄乱功能,只需激活一个插件即可为您完成繁琐的工作。这里推荐两款插件。
1、WordPress Shortcodes Plugin
如果您不想自己创建简码/短代码,Shortcodes Ultimate 是更受欢迎的选择之一。查找新标签、框、按钮、滑块等的简码。如果要开始更频繁地使用它们,可以升级到高级版本。请记住,当您选择短代码插件时,您需要确保设计具有响应性,以便您可以在其他设备上操作您的短代码,并且当短代码显示在前端时,它们实际上会响应各种设备。
2、Shortcoder
Shortcoder 是对传统短代码插件的独特诠释。不仅提供预置的代码,还有助于开发您自己的自定义短代码。您将 HTML 或其他片段存储在插件本身中,并将其链接到您想要的任何短代码。可视化编辑器非常适合查看您正在创建的内容,对初学者和专家都适用。
总结
以上是晓得博客为你介绍的如何向WordPress网站添加自定义简码的全部内容,希望这篇文章能帮助您为WordPress网站添加快捷方式,如果对 WordPress短代码选项以及如何在您的网站上使用它们有任何疑问,可留言交流。