[wordpress插件] Dropdown Content下拉内容

Use a shortcode to define a drop-down form field, and shortcodes to define blocks of content that will be displayed when a specific entry is selected.

使用简码定义下拉表单字段，并使用简码定义在选择特定条目时将显示的内容块。

Usage

用法

To add a content dropdown to a post, you can either select the Content Dropdown icon from the TinyMCE editor, or enter the shortcodes manually.

要将内容下拉列表添加到帖子中，可以从TinyMCE编辑器中选择“内容下拉列表”图标，或手动输入简码。

[dropdown name="controlName" class="customClassName"] - both `name` and `class` are optional;
  [下拉名称=“ controlName” class =“ customClassName”]-名称和类都是可选的；
`name` will default to `dropdown-content`
名称将默认为下拉内容
 
the name is used to identify which content sections are targetted by this dropdown;
  name 用于标识此下拉列表定位的内容部分；
if there is only one dropdown on a page, it is optional;
如果页面上只有一个下拉菜单，则为可选；
if there are multiple dropdowns on a page, each will need a unique name
如果页面上有多个下拉菜单，则每个下拉菜单都需要一个唯一的名称
class can be a space-separated list of class names, or just a single class name
  class 可以是用空格分隔的类名称列表，也可以是单个类名称
only [dropdown-option] shortcodes may be inside this shortcode
仅 [dropdown-option] 短代码可能在此短代码内
[dropdown-option value=”someValue”] – the value field is technically optional, but is required if this option is meant to make a content block visible
 [dropdown-option value =” someValue”] –技术上， value 字段是可选的，但如果此选项旨在使内容块可见，则必填
must be inside a [dropdown] shortcode
必须在 [下拉菜单] 简码中
[dropdown-content name=”controlName” value=”someValue”] – if the name matches a dropdown name, and the value matches the value of an option
 [dropdown-content name =“ controlName” value =“ someValue”] –如果 name 与下拉列表名称匹配，并且 value 与选项的值匹配
within that dropdown, then this content will be displayed when that specific option is selected.
在该下拉菜单中，然后选择该特定选项时，将显示此内容。
again, name is technically optional, but must match a [dropdown] name (also defaults to dropdown-content)
再次
， name 在技术上是可选的，但必须与 [dropdown] 名称（也默认为 dropdown-content ）匹配
>
>
value is required, and must match a value for a [dropdown-option]
  value 是必需的，并且必须与 [dropdown-option]  的 value 相匹配
can be anywhere on the page
可以在页面上的任何地方
Example
示例
Copy and paste the following content to see the plugin in action
 复制并粘贴以下内容以查看实际使用的插件 
[dropdown]
 [下拉菜单] 
[dropdown-option]Select one…[/dropdown-option]
[下拉选项]选择一个…[/下拉选项] 
[dropdown-option value=”option1″]First option[/dropdown-option]
[dropdown-option value =” option1”]第一个选项[/ dropdown-option] 
[dropdown-option value=”option2″]Second Option[/dropdown-option]
[dropdown-option value =” option2”]第二个选项[/ dropdown-option] 
[/dropdown]
[/下拉] 
[dropdown-content value=”option1″]Content for the first option.[/dropdown-content]
 [dropdown-content value =” option1”]第一个选项的内容。[/ dropdown-content] 
[dropdown-content value=”option2″]Content for the second option.[/dropdown-content]
 [dropdown-content value =” option2”]第二个选项的内容。[/ dropdown-content] 
Those were all using the default values from the plugin.
这些都使用了插件中的默认值。
Let’s change it up a bit.
让我们对其进行一些更改。
[dropdown]
 [下拉菜单] 
[dropdown-option value=”option1″]The First[/dropdown-option]
[dropdown-option value =” option1”]第一个[/ dropdown-option] 
[dropdown-option value=”option2″ default=true]The Second[/dropdown-option]
[dropdown-option value =” option2” default = true]第二[/ dropdown-option] 
[dropdown-option value=”option3″]The Third[/dropdown-option]
[dropdown-option value =” option3”]第三[/ dropdown-option] 
[/dropdown]
[/下拉] 
You’ll notice below that the second option will be displayed by default for you.
您会在下面注意到默认情况下将为您显示第二个选项。
[dropdown-content value=”option1″]Some different content for the second first option.[/dropdown-content]
 [dropdown-content value =” option1”]第二个第一个选项的内容有所不同。[/ dropdown-content] 
[dropdown-content value=”option2″]Some different content for the second second option.[/dropdown-content]
 [dropdown-content value =” option2”]第二个第二个选项的内容有所不同。[/ dropdown-content] 
[dropdown-content value=”option3″]Some different content for the second third option.[/dropdown-content]
 [dropdown-content value =” option3”]第二个第三选项的内容有所不同。[/ dropdown-content]