如何在WordPress中添加简码?(入门指南)

简码是将动态内容添加到WordPress帖子,页面和侧边栏中的简便方法。 许多WordPress插件和主题都使用短代码来添加专门的内容,例如联系表格,图像库,滑块等。 在本文中,我们将向您展示如何轻松地在WordPress中添加简码。我们还将向您展示如何在WordPress中创建自己的自定义短代码。 厦门网站建设 什么是简码? WordPress中的短代码是代码快捷方式,可帮助您在WordPress帖子,页面和侧边栏小部件中添加动态内容。它们显示在方括号内,如下所示: [myshortcode] 为了更好地理解短码,让我们来看看为什么首先添加短码的背景。 WordPress过滤所有内容,以确保没有人使用帖子和页面内容在数据库中插入恶意代码。这意味着您可以在帖子中编写基本的HTML,但不能编写PHP代码。 但是,如果您想在帖子中运行一些自定义代码以显示相关的帖子,横幅广告,联系表,画廊等,该怎么办? 这就是Shortcode API的来源。 基本上,它使开发人员可以将他们的代码添加到一个函数中,然后将该函数以shortcode的形式注册到WordPress,因此用户可以轻松使用它而无需任何编码知识。 当WordPress找到简码时,它将自动运行与其关联的代码。 让我们看看如何在WordPress帖子和页面中轻松添加短代码。 在WordPress帖子和页面中添加简码 首先,您需要编辑要在其中添加简码的帖子和页面。之后,您需要单击添加块按钮以插入一个简码块。 添加简码块后,您只需在块设置中输入简码。您可能会使用的各种WordPress插件将提供该短代码,例如WPForms用于联系表单,OptinMonster用于电子邮件营销表单,WP Call按钮用于插入点击通话按钮等。 要了解有关使用块的更多信息,请参见我们的Gutenberg教程以获取更多详细信息。 现在,您可以保存您的帖子或页面并预览所做的更改,以查看正在使用的简码。 在WordPress侧边栏小部件中添加简码 您还可以在WordPress侧边栏小部件中使用简码。只需访问外观»小部件页面,然后将“文本”小部件添加到侧边栏中。 现在,您可以将您的简码粘贴到小部件的文本区域内。 不要忘记单击“保存”按钮来存储您的小部件设置。 之后,您可以访问WordPress网站以在侧边栏小部件中查看短代码的实时预览。 在旧的WordPress经典编辑器中添加简码 如果您仍在WordPress中使用旧的经典编辑器,则可以通过以下方法将短代码添加到WordPress帖子和页面中。 只需编辑要在其中添加简码的帖子和页面。您可以将短代码粘贴到内容编辑器中希望显示的任何位置。只要确保简码在自己的行中即可。 不要忘记保存您的更改。之后,您可以预览您的帖子和页面以查看正在使用的简码。 如何在WordPress主题文件中添加简码 简码应在WordPress帖子,页面和小部件内使用。但是,有时您可能想在WordPress主题文件中使用简码。 WordPress可以轻松做到这一点,但是您将需要编辑WordPress主题文件。如果您以前没有做过,请参阅有关如何在WordPress中复制和粘贴代码的指南。 基本上,您只需添加以下代码即可向任何WordPress主题模板添加简码。 1个 <?php echo do_shortcode( “[your_shortcode]” ); ?> WordPress现在将寻找简码并在主题模板中显示其输出。 如何在WordPress中创建自己的自定义简码 当您想在WordPress帖子和页面中添加动态内容或自定义代码时,简码会非常有用。但是,如果要创建自定义的简码,则需要一定的编码经验。 如果您愿意编写PHP代码,那么这里是一个示例代码,您可以将其用作模板。 1个 2 3 4 5 6 7 8 9 10 11 // function that runs when shortcode is called function wpb_demo_shortcode() { // Things that you want to do. $message = ‘Hello world!’ ; // Output needs to be return return $message ; } // register shortcode add_shortcode( ‘greeting’ , ‘wpb_demo_shortcode’ ); 在这段代码中,我们首先创建了一个运行一些代码并返回输出的函数。之后,我们创建了一个名为“ greeting”的新短代码,并告诉WordPress运行我们创建的功能。 现在,您可以使用以下代码,将此简码添加到帖子,页面和小部件中: [问候] 它将运行您创建的函数并显示所需的输出。 现在,让我们看一下简码的更实际的用法。在此示例中,我们将在简码内显示Google AdSense标语。 1个 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18岁 19 20 21 // The shortcode function function wpb_demo_shortcode_2() { // Advertisement code pasted inside a variable $string .= ‘<script async src= “//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js” ></script> <ins class = “adsbygoogle”       style= “display:block; text-align:center;”       data-ad-format= “fluid”       data-ad-layout= “in-article”       data-ad-client= “ca-pub-0123456789101112”       data-ad-slot= “9876543210” ></ins> <script>       (adsbygoogle = window.adsbygoogle || []).push({}); </script>’; // Ad code returned return $string ; } // Register shortcode add_shortcode( ‘my_ad_code’ , ‘wpb_demo_shortcode_2’ ); 不要忘记用您自己的广告代码替换广告代码。 现在,您可以在WordPress帖子,页面和侧边栏小部件内使用[my_ad_code]简码。WordPress将自动运行与短代码关联的功能并显示广告代码。 简码与古腾堡块 用户经常向我们询问简码与新的Gutenberg块之间的区别。 基本上,如果您发现短代码有用,那么您会喜欢WordPress编辑器块的。块允许您以更用户友好的方式执行相同的操作。

友情提示:点赞熊源码网http://www.dianzanxiong.com点赞熊源码网 » 如何在WordPress中添加简码?(入门指南)
分享到:
赞(0)
广告位820*80