1. 找主题吧首页
  2. 建站教程
  3. WordPress教程
  4. 开发进阶

制作您的第一个WordPress简码

制作您的第一个WordPress简码

该视频和文本快速指南介绍了如何创建WordPress短代码。如果您想学习WordPress简码创建的基础知识,或者想要复习简码,那么您来对地方了。

WordPress简码如何运作

短代码使您可以运行任何类型的PHP代码,然后将结果打印到任何您想要的位置。

例如,我可以使用一个短代码[smart_sounding_quote],该短代码会通过智能发音报价数据库随机洗牌,然后在我将[smart_sounding_quote]短代码本身放置到任何地方的情况下,将其打印到帖子内容中。

我们不建议您使用简码作为界面,让您的用户可以控制自己网站上的内容,因为未经培训的用户通常很难找出它们。但是,对于WordPress开发人员来说,简码具有强大的功能,因为简码可以让您以可以使用,使用和更改的方式将任何PHP代码下载到页面上。

如何创建WordPress简码

下面是简短代码创建的文本指南,并提供了简单的代码示例。

创建第一个WordPress简码的步骤

当然,如果您愿意,可以按照以下逐步步骤制作第一个简码。

  1. 将您的简码写到WordPress网站上帖子或页面的内容中,如下所示:[wpshout_shortcode_example]。(您可以稍后再执行此操作,但是我喜欢先执行此操作,因为这使我在编写任何代码之前考虑一下要调用的短代码。)
  2. 无论是创建一个WordPress插件注册您的简码(这是首选的),或者你的主题范围内做到这一点functions.php的文件。
  3. 打开您要使用的插件或主题,并添加一行PHP,上面写着:add_shortcode( 'name_of_shortcode', 'name_of_function' ).简短名称的命名和功能相同,通常是一个好主意,例如中的  add_shortcode( 'wpshout_shortcode_example', 'wpshout_shortcode_example' )
  4. 声明您的功能。(如果复制并粘贴了上面的内容,则最终会得到一个名为的函数wpshout_shortcode_example()。尽管您可能想要一个更好的名称。)您的函数应遵循以下代码示例中列出的形式,具体取决于它应该能够做。
  5. 无论您的函数如何工作,请记住return要替换帖子正文中的简码的内容。这一点很重要!如果您echo要显示的内容,它将显示在帖子正文的错误部分。

如何创建WordPress简码:代码示例

hi!无论您[wpshout_shortcode_example]在帖子内容中写到什么地方,下面的简码都会打印出来。

add_shortcode( 'wpshout_shortcode_example', 'wpshout_shortcode_example' );
function wpshout_shortcode_example() {
	return 'hi!';
}

I like turtles如果您写入[wpshout_shortcode_example favorite="turtles"]帖子内容,则下面的短代码将打印出来:

add_shortcode( 'wpshout_shortcode_example', 'wpshout_shortcode_example' );
function wpshout_shortcode_example( $atts ) {
	extract(
		shortcode_atts( array( 'favorite' => '' ), $atts )
	);
	return 'I like ' . $favorite;
}

<span style="color: red;">This is red</span>如果您写入[wpshout_shortcode_example]This is red[/wpshout_shortcode_example]帖子内容,则下面的短代码将打印出来:

add_shortcode( 'wpshout_shortcode_example', 'wpshout_shortcode_example' );
function wpshout_shortcode_example( $atts, $content ) {
	return '<span style="color: red;">' . $content . '</span>';
}

 

 

原创文章,作者:主题哥,如若转载,请注明出处:http://www.lovecger.com/wordpress-shortcode.html

发表评论

登录后才能评论