首页 > 后端开发 > php教程 > 了解 WordPress 中的短代码:初学者指南

了解 WordPress 中的短代码:初学者指南

Linda Hamilton
发布: 2024-11-13 10:07:02
原创
628 人浏览过

Understanding Shortcodes in WordPress: A Beginner’s Guide

在 WordPress 世界中,短代码是一个非常强大的功能。它们允许您使用简单的代码片段将复杂的功能插入到您的帖子和页面中。如果您刚刚开始 WordPress 开发,本指南将帮助您了解什么是短代码、它们如何工作以及如何创建您自己的短代码!

简码到底是什么?

短代码是添加到帖子、页面或小部件以包含动态内容的小代码片段。它们充当占位符,在页面加载时 WordPress 会处理并替换为更复杂的功能。

例如,[year] 可以是用于动态显示当前年份的简码。

为什么应该使用短代码?

它们提供了一种向您的内容添加高级功能的简化方法。您可以创建可重用的短代码来节省时间并保持一致性,而不是重复编写相同的代码。短代码非常适合向多个页面添加自定义功能,例如联系表单、按钮或图库,并且能够从一个位置控制它们。

现在,让我们进入重点部分:如何创建自定义短代码。

如何创建自定义简码

在 WordPress 中创建您自己的基本短代码只需要一点 PHP。

1. 打开你的functions.php 文件。

2. 为您希望短代码执行的操作创建一个函数。

例如:

function cta_button_shortcode() {
    return '<a href="#">



<h3>
  
  
  3. Register the shortcode.
</h3>

<p>The add_shortcodefunction takes two parameters: the first is the name of the shortcode, for example, [cta_button]. The second is the callback function that will handle all the logic and render the result—in this case, our cta_button_shortcode function.<br>
</p>

<pre class="brush:php;toolbar:false">add_shortcode('cta_button', 'cta_button_shortcode');
登录后复制

4. 使用您的简码!

现在,您可以在任何帖子或页面中使用 [cta_button],它将显示一个带有文本“单击此处!”的链接元素。

将参数添加到短代码中

您还可以向短代码添加参数,这些参数充当将信息传递给短代码函数的属性。这使您可以更改按钮的文本或链接,而无需编辑代码或创建其他短代码。使用参数,您还可以定义默认值,以防短代码中未提供它们。

我强烈建议您查看有关短代码属性的 WordPress 官方文档。

参见下面的示例:

函数 cta_button_shortcode($atts) {
    $atts = 简码_atts(
        大批(
            '文本' => '单击此处!', // 默认值
            '网址' => '/', // 默认值
        ),
        $atts,
        'cta_按钮'
    );
    return '<a href="' .esc_url($atts['url']) . '">



<p>现在我们可以将其用作 [cta_button text="Learn More" url="https://example.com"],如果我们需要更改文本和链接,我们可以在不修改短代码的情况下进行操作.</p><hr>

<p>现在您已经了解了 WordPress 短代码的基础知识!只需几行代码,您就可以创建强大而灵活的内容元素,使您的网站更加动态且更易于管理。无论您是要构建按钮、表单还是独特的设计元素,短代码都可以让您作为开发人员的生活变得更轻松、更有趣。</p>

<p>所以,继续尝试,看看您可以创建哪些很酷的功能! ?短代码就像小魔术一样,您可以随时使用,让 WordPress 变得更加令人惊叹。快乐编码! ?</p>


          

            
        
登录后复制

以上是了解 WordPress 中的短代码:初学者指南的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板