[wordpress插件] ClearCode Shortcode LibraryClearCode简码库

wordpress 插件 文章 2020-03-26 10:10 0 19 全屏看文
评分
100
描述

Shortcodes used by ClearCode in their WordPress sites.

ClearCode在其WordPress网站中使用的短代码。

How to read this guide

如何阅读本指南

There are so many different shortcodes in this plugin that it’s impractical to list out all of the seperate use-cases that are available

此插件中有太多不同的短代码,以致无法列出所有可用的单独用例

The following shortcode declaration is an annotated guide describing how to read this documentation

以下短代码声明是带注释的指南,描述了如何阅读本文档

Shortcode: [SHORTCODE_NAME] This is the base shortcode that is being described

简码: [SHORTCODE_NAME] 这是正在描述的基本简码

Parameters — A list of the different parameters (eg: [SHORTCODE_NAME PARAMETER1="VALUE" BOOLEAN1="Y"])

参数-不同参数的列表(例如: [SHORTCODE_NAME PARAMETER1 =“ VALUE” BOOLEAN1 =“ Y”]

* PARAMETER1: The VALUE to assign to this parameter
 

* PARAMETER1:分配给该参数的值
 

* Default: The default value that is assigned to this parameter, for example: “This is a test”

*默认值:分配给此参数的默认值,例如:“这是一个测试”

* BOOLEAN1: Set to “Y” if something is true, otherwise leave blank

* BOOLEAN1:如果为true,则设置为“ Y”,否则留空

Aliases — If this shortcode can also be called as [ALIAS1] or [ALIAS2] it will be noted here

别名-如果此短码也可以称为 [ALIAS1] [ALIAS2] ,则会在此处注明

* ALIAS1

* ALIAS1

* ALIAS2

* ALIAS2

Description of the shortcode and a general description of what it does.

简码的说明及其用途的一般说明。

If it has to be nested within another shortcode, that too will be documented in this area, like this.

如果必须嵌套在另一个简码中,则也将在此区域中对此进行记录,如下所示。

Required Parent: [SHORTCODE_PARENT_NAME]

必填的父级: [SHORTCODE_PARENT_NAME]

Short Codes

短代码

Shortcode: [splits]

简码: [splits]

Parameters

参数

* None

*无

container for a row of splits

一排分割的容器

Shortcode: [one_half]

简码: [one_half]

Parameters

参数

    • first: Set to “Y” if it is the first one in the set
    • 第一个:如果它是集合中的第一个,则设置为“ Y”

    • last: Set to “Y” if it is the first one in the set
    • last:如果它是集合中的第一个,则设置为“ Y”

    Creates an element that is one-half of it’s container’s width.

    创建一个元素,该元素为其容器宽度的一半。

    Required Parent: [splits]

    必填项的父项: [拆分]

    Shortcode: [one_third]

    简码: [one_third]

    Parameters

    参数

      • first: Set to “Y” if it is the first one in the set
      • 第一个:如果它是集合中的第一个,则设置为“ Y”

      • last: Set to “Y” if it is the first one in the set
      • last:如果它是集合中的第一个,则设置为“ Y”

      Creates an element that is one third of it’s container’s width.

      创建一个元素,该元素为其容器宽度的三分之一。

      Required Parent: [splits]

      必填项的父项: [拆分]

      Shortcode: [two_thirds]

      简码: [two_thirds]

      Parameters

      参数

        • first: Set to “Y” if it is the first one in the set
        • 第一个:如果它是集合中的第一个,则设置为“ Y”

        • last: Set to “Y” if it is the first one in the set
        • last:如果它是集合中的第一个,则设置为“ Y”

        Creates an element that is two thirds of it’s container’s width.

        创建一个元素,该元素为其容器宽度的三分之二。

        Required Parent: [splits]

        必填项的父项: [拆分]

        Shortcode: [one_fourth]

        简码: [四分之一]

        Parameters

        参数

          • first: Set to “Y” if it is the first one in the set
          • 第一个:如果它是集合中的第一个,则设置为“ Y”

          • last: Set to “Y” if it is the first one in the set
          • last:如果它是集合中的第一个,则设置为“ Y”

          Creates an element that is one fourth of it’s container’s width.

          创建一个元素,其宽度为其容器宽度的四分之一。

          Required Parent: [splits]

          必填项的父项: [拆分]

          Shortcode: [two_fourths]

          简码: [two_fourths]

          Parameters

          参数

            • first: Set to “Y” if it is the first one in the set
            • 第一个:如果它是集合中的第一个,则设置为“ Y”

            • last: Set to “Y” if it is the first one in the set
            • last:如果它是集合中的第一个,则设置为“ Y”

            Creates an element that is two fourths of it’s container’s width.

            创建一个元素,该元素为其容器宽度的四分之二。

            Required Parent: [splits]

            必填项的父项: [拆分]

            Shortcode: [three_fourths]

            简码: [three_fourths]

            Parameters

            参数

              • first: Set to “Y” if it is the first one in the set
              • 第一个:如果它是集合中的第一个,则设置为“ Y”

              • last: Set to “Y” if it is the first one in the set
              • last:如果它是集合中的第一个,则设置为“ Y”

              Creates an element that is three fourths of it’s container’s width.

              创建一个元素,该元素为其容器宽度的四分之三。

              Required Parent: [splits]

              必填项的父项: [拆分]

              Shortcode: [one_fifth]

              简码: [one_fifth]

              Parameters

              参数

                • first: Set to “Y” if it is the first one in the set
                • 第一个:如果它是集合中的第一个,则设置为“ Y”

                • last: Set to “Y” if it is the first one in the set
                • last:如果它是集合中的第一个,则设置为“ Y”

                Creates an element that is one fifth of it’s container’s width.

                创建一个元素,该元素为其容器宽度的五分之一。

                Required Parent: [splits]

                必填项的父项: [拆分]

                Shortcode: [two_fifths]

                简码: [two_fifths]

                Parameters

                参数

                  • first: Set to “Y” if it is the first one in the set
                  • 第一个:如果它是集合中的第一个,则设置为“ Y”

                  • last: Set to “Y” if it is the first one in the set
                  • last:如果它是集合中的第一个,则设置为“ Y”

                  Creates an element that is two fifths of it’s container’s width.

                  创建一个元素,其宽度为其容器宽度的五分之二。

                  Required Parent: [splits]

                  必填项的父项: [拆分]

                  Shortcode: [three_fifths]

                  简码: [three_fifths]

                  Parameters

                  参数

                    • first: Set to “Y” if it is the first one in the set
                    • 第一个:如果它是集合中的第一个,则设置为“ Y”

                    • last: Set to “Y” if it is the first one in the set
                    • last:如果它是集合中的第一个,则设置为“ Y”

                    Creates an element that is three fifths of it’s container’s width.

                    创建一个元素,其宽度为其容器宽度的五分之三。

                    Required Parent: [splits]

                    必填项的父项: [拆分]

                    Shortcode: [four_fifths]

                    简码: [four_fifths]

                    Parameters

                    参数

                      • first: Set to “Y” if it is the first one in the set
                      • 第一个:如果它是集合中的第一个,则设置为“ Y”

                      • last: Set to “Y” if it is the first one in the set
                      • last:如果它是集合中的第一个,则设置为“ Y”

                      Creates an element that is four fifths of it’s container’s width.

                      创建一个元素,其宽度是容器宽度的五分之四。

                      Required Parent: [splits]

                      必填项的父项: [拆分]

                      Shortcode: [clear]

                      简码: [清除]

                      Parameters

                      参数

                        • none
                        • 无人

                        Creates an element that does clear:both

                        创建一个可清除的元素:两者

                        Shortcode: [more]

                        简码: [更多]

                        Parameters

                        参数

                          • title: the text to display when content is hidden

                          • title:隐藏内容时显示的文本

                              • Default: Learn More… / Spoilers…
                              • 默认:了解更多…/扰流板……

                            Aliases

                            别名

                            * Spoiler

                            *扰流板

                            * Spoil

                            *破坏

                            Creates a link that shows a hidden area of content when clicked

                            创建一个链接,该链接在单击时显示隐藏的内容区域

                            Shortcode: [tabs]

                            简码: [tabs]

                            Parameters

                            参数

                              • class: CSS class(es) to assign to the outer element
                              • class:分配给外部元素的CSS类

                              Creates a tabbed area.

                              创建一个选项卡式区域。

                              Shortcode: tab

                              简码: tab

                              Parameters

                              参数

                                • title: the tab’s title

                                • 标题:标签的标题

                                    • Default: New Tab
                                    • 默认:新标签页

                                  Creates a tab Required Parent: [tabs]

                                  创建选项卡必需的父级: [tabs]

                                  Shortcode: [slider]

                                  简码: [slider]

                                  Parameters

                                  参数

                                    • height: Height in css-compatible units.

                                    • height:以css兼容单位表示的高度。

                                        • Example: 400px
                                        • 示例:400px

                                      Creates a slider container

                                      创建一个滑块容器

                                      Shortcode: [slide]

                                      简码: [幻灯片]

                                      Parameters

                                      参数

                                        • none
                                        • 无人

                                        • src: Background image.

                                        • src:背景图片。

                                          Can be either url or media ID.

                                        • 可以是网址或媒体ID。

                                        • href|slug|id|link : Where to go when the slide is clicked.

                                        • href | slug | id | link:单击幻灯片时要去哪里。

                                          Can be a url, slug, post/page ID, or any other link format.

                                        • 可以是url,slug,帖子/页面ID或任何其他链接格式。

                                        Makes a slide.

                                        制作一张幻灯片。

                                        Required Parent: [slider]

                                        必填项的父项: [slider]

                                        Shortcode: [hover]

                                        简码: [hover]

                                        Parameters

                                        参数

                                          • class: CSS class(es) to assign to the element
                                          • class:要分配给元素的CSS类

                                          Creates an area that toggles between two different content ares on hover

                                          创建一个在悬停时两个不同内容区域之间切换的区域

                                          Shortcode: [on]

                                          简码: [on]

                                          Parameters

                                          参数

                                            • none
                                            • 无人

                                            designates the content displayed when there is no hover.

                                            指定没有悬停时显示的内容。

                                            Required Parent: [hover]

                                            必填的父级: [悬停]

                                            Shortcode: [off]

                                            简码: [off]

                                            Parameters

                                            参数

                                              • none
                                              • 无人

                                              designates the content displayed when there is hover.

                                              表示悬停时显示的内容。

                                              Required Parent: [hover]

                                              必填的父级: [悬停]

                                              Shortcode: [background]

                                              简码: [背景]

                                              Parameters

                                              参数

                                                • bgcolor: the background color
                                                • bgcolor:背景色

                                                • src: Background image.

                                                • src:背景图片。

                                                  Can be either url or media ID.

                                                • 可以是网址或媒体ID。

                                                • position: Background Position.

                                                • position:背景位置。

                                                    • Default: top left
                                                    • 默认:左上方

                                                  • repeat: Background Repeat.

                                                  • 重复:背景重复。

                                                      • Default: no-repeat
                                                      • 默认:不重复

                                                    • height: Height in css-compatible units.

                                                    • height:以css兼容单位表示的高度。

                                                        • Example: 400px
                                                        • 示例:400px

                                                      • width: width in css-compatible units.

                                                      • width:以css兼容单位表示的宽度。

                                                          • Example: 100%
                                                          • 示例:100%

                                                          • Default: 100%
                                                          • 默认值:100%

                                                        • class: CSS class(es) to assign to the element
                                                        • class:要分配给元素的CSS类

                                                        • color: the foreground color
                                                        • 颜色:前景色

                                                        • padding: padding of element

                                                        • 填充:元素的填充

                                                            • Default: “0px 0px 0px 0px”
                                                            • 默认:“ 0px 0px 0px 0px”

                                                          creates a div with a background you set

                                                          使用您设置的背景创建div

                                                          Shortcode: [flashcard]

                                                          简码: [抽认卡]

                                                          Parameters

                                                          参数

                                                            • height: Height in css-compatible units.

                                                            • height:以css兼容单位表示的高度。

                                                                • Example: 400px
                                                                • 示例:400px

                                                              • width: width in css-compatible units.

                                                              • width:以css兼容单位表示的宽度。

                                                                  • Example: 100%
                                                                  • 示例:100%

                                                                  • Default: 100%
                                                                  • 默认值:100%

                                                                • class: CSS class(es) to assign to the element
                                                                • class:要分配给元素的CSS类

                                                                click to rotate from [front] to [back]

                                                                单击以从 [front] 旋转到 [back]

                                                                Shortcode: [front]

                                                                简码: [front]

                                                                Parameters

                                                                参数

                                                                  • click : what to click to toggle the flip

                                                                  • click:单击以切换翻转的内容

                                                                      • Default: all
                                                                      • 默认:全部

                                                                      • Example: .close
                                                                      • 示例:.close

                                                                    Front side of the FlashCard Required Parent: [flashcard]

                                                                    抽认卡的正面必需的父代: [抽认卡]

                                                                    Shortcode: [back]

                                                                    简码: [返回]

                                                                    Parameters

                                                                    参数

                                                                      • click : what to click to toggle the flip

                                                                      • click:单击以切换翻转的内容

                                                                          • Default: all
                                                                          • 默认:全部

                                                                          • Example: .close
                                                                          • 示例:.close

                                                                        Back side of the FlashCard Required Parent: [flashcard]

                                                                        抽认卡的背面必需的父代: [抽认卡]

                                                                        Shortcode: [linkmap]

                                                                        简码: [linkmap]

                                                                        Parameters

                                                                        参数

                                                                          • height: Height in css-compatible units.

                                                                          • height:以css兼容单位表示的高度。

                                                                              • Example: 400px
                                                                              • 示例:400px

                                                                            • width: width in css-compatible units.

                                                                            • width:以css兼容单位表示的宽度。

                                                                                • Example: 100%
                                                                                • 示例:100%

                                                                                • Default: 100%
                                                                                • 默认值:100%

                                                                              • class: CSS class(es) to assign to the element
                                                                              • class:要分配给元素的CSS类

                                                                              • src: Background image.

                                                                              • src:背景图片。

                                                                                Can be either url or media ID.

                                                                              • 可以是网址或媒体ID。

                                                                              • hover_src: Alternate Background image.

                                                                              • hover_src:备用背景图片。

                                                                                Can be either url or media ID.

                                                                              • 可以是网址或媒体ID。

                                                                              • flashcard: Set to “y” to make clicking an area flip to the content of that area
                                                                              • 抽认卡:设置为“ y”可使点击区域翻转到该区域的内容

                                                                              • bgcolor: The background color

                                                                              • bgcolor:背景色

                                                                                  • Default: transparent
                                                                                  • 默认:透明

                                                                                Image map replacement using divs.

                                                                                使用div替换图像映射。

                                                                                Use one image for the background, then alter that image for all of the hover changes.

                                                                                使用一张图像作为背景,然后针对所有悬停更改更改该图像。

                                                                                Create a [maplink] for each clickable area in the image.

                                                                                为图像中的每个可点击区域创建一个 [maplink]

                                                                                A clickable area in a linkmap Required Parent: [linkmap]

                                                                                链接图中的可点击区域必需的父对象: [linkmap]

                                                                                Shortcode: [link]

                                                                                简码: [链接]

                                                                                Parameters

                                                                                参数

                                                                                  • class: CSS class(es) to assign to the element
                                                                                  • class:要分配给元素的CSS类

                                                                                  • href|slug|id|link : Where to go when the slide is clicked.

                                                                                  • href | slug | id | link:单击幻灯片时要去哪里。

                                                                                    Can be a url, slug, post/page ID, or any other link format.

                                                                                  • 可以是url,slug,帖子/页面ID或任何其他链接格式。

                                                                                  Get a link

                                                                                  获取链接

                                                                                  Shortcode: [title]

                                                                                  简码: [title]

                                                                                  Parameters

                                                                                  参数

                                                                                    • id|slug : an identifier for the post/page/etc… to get the title for
                                                                                    • id | slug:帖子/页面/等的标识符,以获取标题

                                                                                    Get the title for a page/post/etc… in your WordPress install

                                                                                    在WordPress安装中获取页面/帖子/等的标题

                                                                                    Shortcode: [buttons]

                                                                                    简码: [buttons]

                                                                                    Parameters

                                                                                    参数

                                                                                      • align: the alignment of the inner of the area
                                                                                      • align:区域内部的对齐方式

                                                                                      Designate a area that holds buttons

                                                                                      指定一个包含按钮的区域

                                                                                      Shortcode: [button]

                                                                                      简码: [按钮]

                                                                                      Parameters

                                                                                      参数

                                                                                        • class: CSS class(es) to assign to the element
                                                                                        • class:要分配给元素的CSS类

                                                                                        • title: the text displayed in the button
                                                                                        • 标题:按钮中显示的文字

                                                                                        Create a div that’s a button so jQuery can be used on it

                                                                                        创建一个作为按钮的div,以便可以在其上使用jQuery

                                                                                        Full Examples

                                                                                        完整示例

                                                                                        Splits

                                                                                        分割

                                                                                        [splits]    

                                                                                          [拆分]    

                                                                                        [one_fourth first="Y"] Hello [/one_fourth]    

                                                                                        [one_fourth first =“ Y”]您好[/ one_fourth]    

                                                                                        [one_fourth] World!

                                                                                        [四分之一]世界!

                                                                                        [/one_fourth]    

                                                                                        [/四分之一]    

                                                                                        [one_fourth last="Y"] I am Mike [/one_fourth]

                                                                                        [one_fourth last =“ Y”]我是麦克[/ one_fourth]

                                                                                        [/splits]

                                                                                        [/拆分]

                                                                                        Tabs

                                                                                        标签

                                                                                        [tabs]    

                                                                                          [tabs]    

                                                                                        [tab title="Tab 1"]        

                                                                                        [标签标题=“标签1”]        

                                                                                        Content    

                                                                                        内容    

                                                                                        [/tab]    

                                                                                        [/标签]    

                                                                                        [tab title="Tab 2"]        

                                                                                        [标签标题=“标签2”]        

                                                                                        Content 2    

                                                                                        内容2    

                                                                                        [/tab]

                                                                                        [/标签]

                                                                                        [/tabs]

                                                                                        [/ tabs]

                                                                                        Link & Title
                                                                                            

                                                                                        链接和标题
                                                                                            

                                                                                        This will contain a link to the page whose id is 5 and it’s title: [link id=”5″][title id=”5″][/link]

                                                                                        这将包含一个指向其ID为5的页面的链接,其标题为:[link id =” 5”] [title id =“ 5”] [/ link]

                                                                                        Future Plans

                                                                                        未来计划

                                                                                          • Code Comments
                                                                                          • 代码注释

                                                                                          • Examples / How to
                                                                                          • 示例/方法

                                                                                          • Document advanced shortcodes better, get screenshots/video of them in action:

                                                                                          • 更好地记录高级简码,获取它们的屏幕截图/视频:

                                                                                              • Linkmap
                                                                                              • 链接地图

                                                                                              • FlashCard
                                                                                              • FlashCard

                                                                                              • Slider
                                                                                              • 滑块

                                                                                            • TinyMCE Integration

                                                                                            • TinyMCE集成

                                                                                                • Buttons to create/edit shortcodes
                                                                                                • 创建/编辑简码的按钮

                                                                                                • Content filters that display shortcodes output in the editor and when focused on allow you to click the aforementioned button again to edit it’s info – like bold or italic
                                                                                                • 可在编辑器中显示输出简码的内容过滤器,当您专注于该过滤器时,您可以再次单击上述按钮以编辑其信息,例如粗体或斜体

                                                                                              Known Issues

                                                                                              已知问题

                                                                                                • [email_form] needs to be tied into WordPress’ email system and should actually send out an email
                                                                                                • [email_form] 需要绑定到WordPress的电子邮件系统中,并且实际上应该发送一封电子邮件

                                                                                                • [person] needs formatting
                                                                                                • [person] 需要格式化

安装步骤

    1. Upload cngann-shortcodes to the /wp-content/plugins/ directory
    2. cngann-shortcodes 上载到 / wp-content / plugins / 目录

    3. Activate the plugin through the ‘Plugins’ menu in WordPress
    4. 通过WordPress中的“插件”菜单激活插件

下载地址
https://downloads.wordpress.org/plugin/cngann-shortcodes.4.0.zip
-EOF-