WordPress中的shortcode短代码功能使用详解-6ren

WordPress中的shortcode短代码功能使用详解

转载作者：qq735679552 更新时间：2022-09-28 22:32:09

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章WordPress中的shortcode短代码功能使用详解由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

WordPress 从 2.5 的版本开始，增加了一个 shortcode (短代码) API ,类似于 BBS 上的 BBCode ， shortcode 也可以很方便的为文章或页面增加功能，并且 shortcode 的比起 BBCode 更加灵活和强大。下面 Kayo 为大家介绍一下 shortcode .

一.shortcode 简介 shortcode 可以让开发者通过以函数的形式创建宏内容来生成内容，或许这个概念看上去有点模糊，但实际上它是一个很简单而实用的功能，只要会编写基本的 PHP 函数，即可使用 shortcode ，下文会以实际的例子来说明 shortcode 的使用方法.

二.shortcode 形式 shortcode 支持封闭标签和自闭（自动封闭）标签，并且支持在标签内使用参数，至于 shortcode 具体是何种形式，这就决定于开发者怎样编写这个 shortcode 了.

 
         [myshortcode]Some Content[/myshortcode]  
         // 封闭标签 
        
         [myshortcode]  
         // 自闭标签 
        
         [myshortcode id="codetool">

三.shortcode 例子在使用 shortcode 前，首先必须在主题的 functions.php 文件中定义 shortcode ，例如:

 
          
           
            
            ? 
            
            
             
              
               
               
                 1 
                
               
                 2 
                
               
                 3 
                
               
                 4 
                
               
                 5 
                
               
                 6 
                
               
                 7 
                
               
                 8 
                
               
                 9 
                
               
                 10 
                
               
                 11 
                
               
                 12 
                
               
                 13 
                
               
                 14 
                
               
                 15 
               
  
               
                
                 
                 function 
                 myshortcode_function($atts, $content =  
                 null 
                 ){  
                 // $atts 代表了 shortcode 的各个参数，$content 为标签内的内容 
                 
                 
                   
                 
                 
                   
                 extract(shortcode_atts(array(  
                 // 使用 extract 函数解析标签内的参数 
                 
                 
                   
                 "title" 
                 =>  
                 '标题' 
                 // 给参数赋默认值，下面直接调用 $ 加上参数名输出参数值 
                 
                 
                   
                 ), $atts)); 
                 
                 
                   
                 // 返回内容 
                 
                 
                   
                 return 
                 '<div class="myshortcode"> 
                 
                 
                      
                 <h3>' 
                 . $title . 
                 '</h3> 
                 
                 
                      
                 <p> 
                 
                 
                       
                 ' 
                 . $content . 
                 ' 
                 
                 
                      
                 </p> 
                 
                 
                     
                 </div>' 
                 ; 
                 
                 
                 } 
                 
                 
                   
                 
                 
                 add_shortcode( 
                 "msc" 
                 ,  
                 "myshortcode_function" 
                 );  
                 // 注册该 shortcode，以后使用 [msc] 标签调用该 shortcode

把上面的代码添加到 functions.php 中，一个简单的 shortcode 便创建好了，我们可以通过 [msc][/msc]标签调用该 shortcode ，如:

 
          
           
            
            ? 
            
            
             
              
               
               
                 1 
               
  
               
                
                 
                 [msc id="codetool"> 
                   
                    
                  
  
                 
               
在文章或页面内容中输入上面的调用，可以在相应的位置输出一段欢迎语句，在 style.css 中定义相应的 CSS ，即可为短代码赋予样式.
Kayo 简略的介绍了 WordPress 的短代码(shortcode) 功能，主要是介绍了 shortcode 的主要概念和使用方法。在本文中， Kayo 将会更加详细的介绍一下 shortcode 中较为重要的 API ，希望有助于各位开发较为复杂的 shortcode .
四.函数 add_shortcode 。
该函数用于注册一个 shortcode ，它有两个参数：短代码名与 shortcode 处理函数名，引用上文的例子: 
                
                 
                  
                   
                    
                    ? 
                    
                    
                     
                      
                       
                       
                         1 
                        
                       
                         2 
                        
                       
                         3 
                        
                       
                         4 
                        
                       
                         5 
                        
                       
                         6 
                        
                       
                         7 
                        
                       
                         8 
                        
                       
                         9 
                        
                       
                         10 
                        
                       
                         11 
                        
                       
                         12 
                        
                       
                         13 
                        
                       
                         14 
                        
                       
                         15 
                       
  
                       
                        
                         
                         function 
                         myshortcode_function( 
                         $atts 
                         ,  
                         $content 
                         = null){  
                         // $atts 代表了 shortcode 的各个参数，$content 为标签内的内容 
                         
                         
                           
                         
                         
                           
                         extract(shortcode_atts( 
                         array 
                         (  
                         // 使用 extract 函数解析标签内的参数 
                         
                         
                           
                         "title" 
                         =>  
                         '标题' 
                         // 给参数赋默认值，下面直接调用 $ 加上参数名输出参数值 
                         
                         
                           
                         ),  
                         $atts 
                         )); 
                         
                         
                           
                         // 返回内容 
                         
                         
                           
                         return 
                         '<div  
                         class 
                         = 
                         "myshortcode" 
                         > 
                         
                         
                              
                         <h3> 
                         '. $title .' 
                         </h3> 
                         
                         
                              
                         <p> 
                         
                         
                               
                         '. $content .' 
                         
                         
                              
                         </p> 
                         
                         
                             
                         </div>'; 
                         
                         
                         } 
                         
                         
                           
                         
                         
                         add_shortcode( 
                         "msc" 
                         ,  
                         "myshortcode_function" 
                         );  
                         // 注册该 shortcode，以后使用 [msc] 标签调用该 shortcode 
                         
                       
  
                      
                     
                    
                   
                  
                  
                   
                    
                   
                  
               
msc 即为短代码名，以后在写文章或页面时可以直接使用 [msc][/msc] 标签调用该短代码，而 "myshortcode_function" 即为例子中的短代码处理函数的名称。下面重点分析短代码处理函数.
五.短代码处理函数 。
shortcode 处理函数是一个 shortcode 的核心， shortcode 处理函数类似于 Flickr（WordPress 过滤器），它们都接受特定参数，并返回一定的结果。 shortcode 处理器接受两个参数， $attr 和 $content ， $attr 代表 shortcode 的各个属性参数，从本质上来说是一个关联数组，而 $content 代表 shortcode 标签中的内容.
如上面的例子，若在文章内作出调用，输出一段欢迎语句:
[msc php" id="highlighter_111994"> 。 
                
                 ? 
               
 
                 
                  
                   
                    
                    
                      1 
                    
  
                    
                     
                      
                      array 
                      (  
                      'title' 
                      =>  
                      '欢迎' 
                      ) 
                      
                    
  
                   
                  
                 
                 
                  
                   
                  
                
在输出结果时，可以直接使用 $参数名 的形式进行输出，如例子中的情况即以 $title 输出该属性值.
六.shortcode_atts 。
shortcode_atts 是一个很实用的函数，它可以为你需要的属性参数设置默认值，并且删除一些不需要的参数.
shortcode_atts() 包含两个参数 $defaults_array 与 $atts ， $attr 即为属性参数集合， $defaults_array 是代表需要设置的属性默认值，举个例子: 
                 
                  
                   
                    
                    ? 
                    
                    
                     
                      
                       
                       
                         1 
                        
                       
                         2 
                        
                       
                         3 
                        
                       
                         4 
                        
                       
                         5 
                        
                       
                         6 
                        
                       
                         7 
                       
  
                       
                        
                         
                         $result 
                         = shortcode_atts(  
                         array 
                         ( 
                         
                         
                           
                         'title' 
                         =>  
                         '新标题' 
                         , 
                         
                         
                           
                         'description' 
                         =>  
                         '描述内容' 
                         
                         
                         ),  
                         $atts 
                         ); 
                         
                         
                         $attr 
                         依然为 
                         
                        
                            
                         
                         
                         array 
                         (  
                         'title' 
                         =>  
                         '欢迎' 
                         ) 
                         
                       
  
                      
                     
                    
                   
                  
                  
                   
                    
                   
                  
                
这时 $result 的结果为 。 
                 
                  
                   
                    
                    ? 
                    
                    
                     
                      
                       
                       
                         1 
                       
  
                       
                        
                         
                         array 
                         (  
                         'title' 
                         =>  
                         '新标题' 
                         ,  
                         'description' 
                         =>  
                         '描述标题' 
                         ) 
                         
                       
  
                      
                     
                    
                   
                  
                  
                   
                    
                   
                  
                
'title' 由于在 $defaults_array 有不同的值，因此以这个新的值为准更新了 'title' ，同时也增加了 'description' 这个值。值得注意的是， shortcode_atts() 会过滤 $defaults_array 中没有的属性，假如 $attr 中还有一个 'ohter' 的属性，那么 $result 的结果仍然是上面的结果，因为 $defaults_array 中并没有 'other' 这个属性。当然，这里说的值只是属性的默认值，真正输出的值还是 shortcode 调用时填写的值.
七.进一步解析属性与设置属性默认值 。
extract() 函数用于进一步解析属性并设置属性默认值，其中一个功能是把各属性参数值赋予给一个形如 "$参数名" 的变量保存起来(如例子中的 $title )，方便调用，使用该函数配合 shortcode_atts() 就可以很安全的输出结果。这点的具体使用可以参见本文第一点“一.函数 add_shortcode”的例子.
另外，属性名中的大写字母在传递给处理函数前会先转化为小写字母，因此建议在编写属性名时直接使用小写字母. 
                 
                  
                 
                 
                 
                 
                  
                   
                  WordPress 
                  短代码 
                  shortcode 
                  
                  
                   
                  
                 
                 
                  
                  延伸 · 阅读 
                  
                  
                  2021-01-22详解WordPress中添加友情链接的方法 
                  2021-01-16WordPress中设置Post Type自定义文章类型的实例教程 
                  2021-01-15CentOS下搭建PHP环境与WordPress博客程序的全流程总 
                  2021-01-14Docker搭建 Nginx+PHP+MySQL 环境并部署WordPress实践 
                  2021-01-10在CentOS系统上从零开始搭建WordPress博客的全流程 
                  2021-01-03调用WordPress函数统计文章访问量及PHP原生计数器 
                  
                 
                 
                 
                 
                  
                   
                  
                 
                 
                 
                   精彩推荐 
                  
                 
                 
                  
                   
                    
                   
                  Wordpress 
                    
                    WordPress中非插件实现嵌套回复效果的方法 
                    Wordpress博客从2.7版本就自带了嵌套回复功能，但是很多主题都没有添加该效果，大部分博主也用博客插件来实现该功能，可博客插件的嵌套回复的内容样式... 。 
                     
                     博客吧 
                     275 
                     2019-10-06 
                     
                   
  
                  Wordpress 
                    
                    wp-Syntax wordpress高亮插件使用方法 
                    前些天在博客上安装了这款 wp-Syntax 插件，在使用的过程中遇到了不少问题，经过不断的尝试都一一解决。今天把自己的学习过程给大家做下汇总，希望可... 。 
                     
                     wordpress教程网 
                     548 
                     2019-09-23 
                     
                   
  
                  Wordpress 
                    
                    wordpress给文章生成二维码的方法 
                    这篇文章主要为大家介绍了wordpress给文章生成二维码的方法,涉及google接口的调用技巧以及本地缓存的应用技巧,具有一定的参考借鉴价值,需要的朋友可以参... 。 
                     
                     WordPress大学 
                     426 
                     2019-09-07 
                     
                   
  
                  Wordpress 
                    
                    WordPress打开速度非常慢的解决办法 
                    WordPress博客程序是当前最为成熟的博客程序之一，也是全球使用人数最多的博客程序，而随着您博客的小工具越来越多，插件越加越多，随之而来的就是您... 。 
                     
                     WordPress大学 
                     223 
                     2019-09-27 
                     
                   
  
                  Wordpress 
                    
                    wordpress 博客优化历程(速度) 
                    自从换了域名，换了主题以后，我一直努力令博客的浏览体验更加好，但因此也挂载了大量的JS文件，页面的载入速度一度变得非常缓慢。于是优化就迫在... 。 
                     
                     wordpress教程网 
                     272 
                     2019-10-07 
                     
                   
  
                  Wordpress 
                    
                    WordPress给博客标题加上页码的方法 
                    这篇文章主要为大家介绍了WordPress给博客标题加上页码的方法,可通过修改模板代码实现这一功能,是进行网站优化非常实用的技巧,需要的朋友可以参考下... 。 
                     
                     WordPress建站网 
                     394 
                     2019-09-09 
                     
                   
  
                  Wordpress 
                    
                    WordPress中发送HTML邮件的方法 
                    WordPress发送邮件的函数是wp_mail()，默认以纯文本（text/plain）格式发送，通过wp_mail()提供的filter函数可以更改为以HTML格式发送，也可以通过制定wp_mail()的第... 。 
                     
                     WordPress建站网 
                     394 
                     2019-09-27 
                     
                   
  
                  Wordpress 
                    
                    Wordpress自动提取内容中第一张图片作缩略图的方法 
                    这篇文章主要为大家介绍了Wordpress自动提取内容中第一张图片作缩略图的方法,可通过在模板中添加自定义函数实现该功能,是非常实用的技巧,需要的朋友可... 。 
                     
                     Wordpress之家 
                     331 
                     2019-09-07 
                     
                   
  
                  
                 
                 
                  
                   
                  
                  
                   
                   最近更新 
                   
                   
                    
                    详解WordPress中添加友情链接的方法 
                    WordPress中的shortcode短代码功能使用详解 
                    WordPress中设置Post Type自定义文章类型的实例教 
                    在CentOS系统上从零开始搭建WordPress博客的全流 
                    调用WordPress函数统计文章访问量及PHP原生计数 
                    
                   
                  
                  
                   
                  
                  
                   
                   编辑推荐 
                   
                   
                    
                     
                      
                       
                       
                       服务器是干什么的？有什么用途？ 
                       
                      
                    2 
                      
                      云服务器是什么，云主机干什么用的？ 
                      2020-07-22 
                      
                    3 
                      
                      2020最新好用的web服务器软件推荐 
                      2020-05-17 
                      
                    4 
                      
                      服务器操作系统有哪些? 
                      2020-04-06 
                      
                    5 
                      
                      web服务器配置（图文详解） 
                      2020-04-06 
                      
                    6 
                      
                      企业如何选择阿里云服务器配置? 
                      2019-10-18 
                      
                    7 
                      
                      五大免费主机管理系统优缺点对比及推荐 
                      2019-06-14 
                      
                    8 
                      
                      2019最新三款Windows下连接Linux的ssh软件下载推荐 
                      2019-05-28 
                      
                    9 
                      
                      服务器常用管理软件盘点 
                      2019-05-27 
                      
                    10 
                      
                      Nginx服务器究竟是怎么执行PHP项目 
                      2019-05-24 
                      
                    
                   
                  
                  
                   
                  
                  
                   
                   阅读排行 
                   
                   
                    
                    1 WordPress提示require_once() Failed opening required的解 
                    2 WordPress语言切换（例如中文版和英文版转换） 
                    3 WordPress中的shortcode短代码功能使用详解 
                    4 WordPress中设置Post Type自定义文章类型的实例教 
                    5 详解WordPress中添加友情链接的方法 
                    6 WordPress自带thumbnail缩略图功能使用介绍 
                    7 调用WordPress函数统计文章访问量及PHP原生计数 
                    8 在CentOS系统上从零开始搭建WordPress博客的全流 
                    9 为wordpress增加网站公告功能 
                    10 WordPress 插件直接将服务器文件导入媒体库 
                    
                   
                  
                  
                   
                  
                  
                   
                   热门标签 
                   
                   
                   
                     502 　 shortcode 　 WP-No-Category-Base 　 静态化 　 静态缓存文件 　 博客系统 　 搜索引擎优化 　 网站运行速度 　 页面压缩 　 加速 　 网站访问 　 速度优化 　 网站被挂马 　 中文留言 　 fastcgi_cache 　 分类链接 　 wp-cron.php 　 相册插件 　 标点符号 　 自动替换 　 WordPres 　 管理面板 　 文章类型 　 后台地址 　 幻灯片 　 附件下载地址 　 SAE 　 静态化插件 　 php-cgi 　 负载过高 　 
                    
                   
                  
                  
                   
                  
                 
                 
                 
                  
                  © 2019-2020 我 版权所有 www.zzvips.com  
                  关于我们联系我们版权申明网站地图

最后此篇关于WordPress中的shortcode短代码功能使用详解的文章就讲到这里了,如果你想了解更多关于WordPress中的shortcode短代码功能使用详解的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

文章推荐： Python装饰器使用实例：验证参数合法性

文章推荐： Guake 终端：一个灵感来自于 FPS 游戏的 Linux 终端

文章推荐：如何更深入的给女朋友解释什么是微服务？

文章推荐： PHP QRCODE生成彩色二维码的方法

java - JFrame 中的 JPanel 中的 JScrollPane 中的 JTextPane
我想做的是让 JTextPane 在 JPanel 中占用尽可能多的空间。对于我使用的 UpdateInfoPanel: public class UpdateInfoPanel extends JP
java - JFrame 中的 JPanel 中的 JTextArea 中的 JScrollPane 出现问题
我在 JPanel 中有一个 JTextArea，我想将其与 JScrollPane 一起使用。我正在使用 GridBagLayout。当我运行它时，框架似乎为 JScrollPane 腾出了空间，但
ios - iOs Xcode 中的 UIViewController 中的 UIView 中的 UITableView
我想在 xcode 中实现以下功能。我有一个 View Controller 。在这个 UIViewController 中，我有一个 UITabBar。它们下面是一个 UIView。将 UITab
sql - 与 SQL 中的 STUFF 等效的函数(MySQL 中的 GROUP_CONCAT/Oracle 中的 LISTAGG)
有谁知道Firebird 2.5有没有类似于SQL中“STUFF”函数的功能？我有一个包含父用户记录的表，另一个表包含与父相关的子用户记录。我希望能够提取用户拥有的“ROLES”的逗号分隔字符串，而
Mirth 中的 Json 解析或 Mirth 中的 Json 或 Mirth 中的 HL7 到 JSON
我想使用 JSON 作为 mirth channel 的输入和输出，例如详细信息保存在数据库中或创建 HL7 消息。简而言之，输入为 JSON 解析它并输出为任何格式。最佳答案 var objec
python - 如果文件 1 中的 A 列 = 文件 2 中的 A 列，则替换为文件 2 中的 B 列
通常我会使用 R 并执行 merge.by，但这个文件似乎太大了，部门中的任何一台计算机都无法处理它! (任何从事遗传学工作的人的附加信息)本质上，插补似乎删除了 snp ID 的 rs 数字，我只剩
Javascript 中的 HAML 中的 Javascript
我有一个以前可能被问过的问题，但我很难找到正确的描述。我希望有人能帮助我。在下面的代码中，我设置了varprice，我想添加javascript变量accu_id以通过rails在我的数据库中查找记
HTML 中的 SVG 中的 HTML
我有一个简单的 SVG 文件，在 Firefox 中可以正常查看 - 它的一些包装文本使用 foreignObject 包含一些 HTML - 文本包装在 div 中:
ruby - Ruby 中的 If block 中的 "Or"
所以我正在为学校编写一个 Ruby 程序，如果某个值是 1 或 3，则将 bool 值更改为 true，如果是 0 或 2，则更改为 false。由于我有 Java 背景，所以我认为这段代码应该有效:
amazon-web-services - 如何从账户 A 中的 Lambda(VPC 中的 Lambda)调用账户 B(VPC 中的此 Lambda)中的 AWS Lambda 函数
我做了什么: 我在这些账户之间创建了 VPC 对等连接互联网网关也连接到每个 VPC 还配置了路由表(以允许来自双方的流量) 情况1: 当这两个 VPC 在同一个账户中时，我成功测试了从另一个 La
php - 如何获取 column1 中的 value1 和 column2 中的 value2 但 column1 中的 value2 在 column2 中没有 value1 的行？
我有一个名为 contacts 的表: user_id contact_id 10294 10295 10294 10293 10293 10294 102
php - Magento 中的 foreach 中的 getChildHtml
我正在使用 Magento 中的新模板。为避免重复代码，我想为每个产品预览使用相同的子模板。特别是我做了这样一个展示: $products = Mage::getModel('catalog/pro
protocols - Elixir 中的 "for"中的 "defimpl"实际上检查了什么？
“for”是否总是检查协议(protocol)中定义的每个函数中第一个参数的类型？编辑(改写): 当协议(protocol)方法只有一个参数时，根据该单个参数的类型(直接或任意)找到实现。当协议(p
javascript - PHP 中的 JavaScript 中的 PHP
我想从我的 PHP 代码中调用 JavaScript 函数。我通过使用以下方法实现了这一点: echo ' drawChart($id); '; 这工作正常，但我想从我的 PHP 代码中获取数据，我使
javascript - html 中的 html 中的 JavaScript
这个问题已经有答案了: Event binding on dynamically created elements? (23 个回答) 已关闭 5 年前。我有一个动态表单，我想在其中附加一些其他 h
javascript - componentDidMount() 中的 .map 中的 setState
我正在尝试找到一种解决方案，以在 componentDidMount 中的映射项上使用 setState。我正在使用 GraphQL连同 Gatsby返回许多 data 项目，但要求在特定的 pat
android - ScrollView 中的 View 中的 OnTouchListener
我在 ScrollView 中有一个 View 。只要用户按住该 View ，我想每 80 毫秒调用一次方法。这是我已经实现的: final Runnable vibrate = new Runnab
android - GetStringUTFChars 中的 dvmDecodeIndirectRef 中的 dvmAbort
我用 jni 开发了一个 android 应用程序。我在 GetStringUTFChars 的 dvmDecodeIndirectRef 中得到了一个 dvmabort。我只中止了一次。为什么会这
android - Activity 中的 FragmentPagerAdapter 中的 RecyclerView
当我到达我的 Activity 时，我调用 FragmentPagerAdapter 来处理我的不同选项卡。在我的一个选项卡中，我想显示一个 RecyclerView，但他从未出现过，有了断点，我看到
android - Activity 中的 DialogFragment 中的 RecyclerView
当我按下 Activity 中的按钮时，会弹出一个 DialogFragment。在对话框 fragment 中，有一个看起来像普通 ListView 的 RecyclerView。我想要的行为是当

qq735679552

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

WordPress中的shortcode短代码功能使用详解

延伸 · 阅读

WordPress中非插件实现嵌套回复效果的方法

wp-Syntax wordpress高亮插件使用方法

wordpress给文章生成二维码的方法

WordPress打开速度非常慢的解决办法

wordpress 博客优化历程(速度)

WordPress给博客标题加上页码的方法

WordPress中发送HTML邮件的方法

Wordpress自动提取内容中第一张图片作缩略图的方法

云服务器是什么，云主机干什么用的？

2020最新好用的web服务器软件推荐

服务器操作系统有哪些?

web服务器配置（图文详解）

企业如何选择阿里云服务器配置?

五大免费主机管理系统优缺点对比及推荐

2019最新三款Windows下连接Linux的ssh软件下载推荐

服务器常用管理软件盘点

Nginx服务器究竟是怎么执行PHP项目