[wordpress插件] Chameleon Pure CSS AccordionChameleon纯CSS手风琴

Chameleon Pure CSS Accordion changes its colors to match the theme colors of your site and does not divert the attention away from the information that you want visitors to see on your site.

Chameleon Pure CSS手风琴会更改其颜色以使其符合您网站的主题颜色，并且不会将注意力转移到希望访问者在您的网站上看到的信息上。

This is a highly customizable accordion builder for wordpress.

这是一个高度可定制的wordpress手风琴制造商。

You can easy sort your accordion position using shortcodes, set height of items, title tag, limit of items in your accordion.

您可以使用短码，设置项目的高度，标题标签，项目的限制来轻松地排序手风琴的位置。

Check Demos

检查演示

• Chameleon Pure CSS Accordion – Live Demo
• 变色龙纯CSS手风琴–现场演示

• Read more about Chameleon Pure CSS Accordion Settings

• 详细了解Chameleon Pure CSS手风琴设置

  li>

  li>

• GitHub project
• GitHub项目

Features Of Plugin

插件功能

• Responsive Design
• 响应式设计

• Limitless accordion anywhere in the theme
• 无限手风琴在主题中的任何地方

• Use via shortcodes
• 通过简码使用

• Widget option available
• 可用的窗口小部件选项

• The accordion inherits the theme style, disguises itself as your theme colors.
• 手风琴继承了主题风格，伪装成您的主题颜色。

• Highly customized for User Experience
• 高度定制的用户体验

• The accordion show the posts from the taxonomies you set in the shortcode
• 手风琴显示您在短代码中设置的分类法中的帖子

Accordion Shortcode

手风琴简码

[chameleon_accordion item="1" id="x, y, z"]
  [cham​​eleon_accordion item =“ 1” id =“ x，y，z”]
 
Here “1” is your accordion shortcode number.
在这里，“ 1”是您的手风琴简码号码。
You can add unlimited accordions and use any number of shortcode.
您可以添加无限制的手风琴并使用任意数量的简码。
example: [chameleon_accordion item="1" id="1"]
 示例：[cham​​eleon_accordion item =“ 1” id =“ 1”]
 
Accordion shows you all uncategorized posts ( or all terms id=”1″, or term_taxonomy_id = “1” )
手风琴向您显示所有未分类的帖子（或所有术语id =“ 1”或term_taxonomy_id =“ 1”）
Create a few posts in the category that will be displayed in your accordion.
在将在您的手风琴中显示的类别中创建一些帖子。
The accordion does not show the item if the item’s id is the same as the id of the current page.
如果项目的ID与当前页面的ID相同，则手风琴不会显示该项目。
So on the home page the accordion does not show the item with post_id = 1 “Hello World!”
因此，在主页上手风琴不会显示post_id = 1“ Hello World！”的项目。
We assume that there is no need to show the item in the accordion if the user has already opened  the page of this item.
我们假设如果用户已经打开了该项目的页面，则无需在手风琴中显示该项目。
ACCORDION SETTINGS
手风琴设置
Add ANY TAXONOMIES.
添加任何分类。
You can use any taxonomies ids:
您可以使用任何分类法ID：
[chameleon_accordion item="1" id="1, 2, 3"]
  [cham​​eleon_accordion item =“ 1” id =“ 1、2、3”]
 
You can use any categories, tags or woocommerce categories via ids of column “term_id” from table “wp_terms” of your wordpress MySQL database,
您可以通过wordpress MySQL数据库“ wp_terms”表中“ term_id”列的ID使用任何类别，标签或woocommerce类别，
OR use url-reference of the category in the backend admin panel
或者在后台管理面板中使用类别的url-reference 
wp-admin/term.php?taxonomy=category&tag_ID=1
  wp-admin / term.php？taxonomy = category＆tag_ID = 1
 
See Accordion Settings
 请参阅手风琴设置 
Create ANY NUMBER of ACCORDIONS:
创建任意数量的伴奏：
Set number of your accordion.
设置手风琴的编号。
For example: item=’1′ …
例如：item ='1'…
[chameleon_accordion item="1" id="1, 2, 3"]
  [cham​​eleon_accordion item =“ 1” id =“ 1、2、3”]
 
Accordion does not work without №(number) of accordion ( for example: item=”1″ ) and without id  of taxonomy( for example: id=”1, 2, 3″ )
没有手风琴的数量（例如：item =” 1”）和没有分类法的id（例如：id =“ 1、2、3”），手风琴就无法工作
The style file will not load if the accordion does not have any posts(items).
如果手风琴没有任何帖子（项目），则样式文件将不会加载。
For example: write shortcode
例如：写简码
[chameleon_accordion item="1" id="1"]
  [cham​​eleon_accordion item =“ 1” id =“ 1”]
 
to place accordion with Uncategorized posts WordPress where you want
将手风琴与未分类的帖子WordPress放置在您想要的位置
title=”…”
  title =”…”  
Add the TITLE of the ACCORDION.
添加手风琴的标题。
[chameleon_accordion item="1" id="1" title="My Accordion" ]
  [cham​​eleon_accordion item =“ 1” id =“ 1” title =“我的手风琴”]
 
tag=”…”
 标签=”…”  
Set the POSTS’ TITLE TAG – p, div, h1, h2, h3, h4 …
设置帖子的标题标签-p，div，h1，h2，h3，h4…
[chameleon_accordion item="1" id="1, 2, 3" tag="h4" ]
  [cham​​eleon_accordion item =“ 1” id =“ 1、2、3”标签=“ h4”]
 
( default paragraph “p” )
（默认段落为“ p”）
height=”…”
  height =”…”  
Set the HEIGHT (px) of ALL POSTS in the accordion.
设置手风琴中所有帖子的高度（px）。
[chameleon_accordion item="1" id="1, 2, 3" height="100" ]
  [cham​​eleon_accordion item =“ 1” id =“ 1、2、3”高度=“ 100”]
 
( default = 45 px )
（默认= 45像素）
If the height of the item is less than 215px, when you hover the mouse over the item it opens to the height = your_item_height + 150px, if the height is more than 215px, the item opens to its maximum height.
如果项目的高度小于215像素，则将鼠标悬停在该项目上时，它将打开到高度= your_item_height + 150px，如果高度大于215像素，则项目将打开到其最大高度。
limit=”…”
  limit =”…”  
LIMIT the number of POSTS in the accordion, using limit = “5”.
使用limit =“ 5”限制手风琴中的POSTS数量。
[chameleon_accordion item="1" id="1" limit="5"]
  [cham​​eleon_accordion item =“ 1” id =“ 1” limit =“ 5”]
 
Items can be permanent or temporary.
项目可以永久或临时。
Remove only temporary items from the accordion using the LIMIT function.
使用LIMIT功能只能从手风琴中取出临时物品。
Articles that do not need to be deleted using the LIMIT function must contain a shortcode with the accordion number in which these posts are to be kept permanently:
使用LIMIT功能不需要删除的文章必须包含带有手风琴编号的简码，这些帖子将被永久保存在其中：
[chameleon_kit item="1" ]
  [cham​​eleon_kit item =“ 1”]
 
If the post contains the shortcode [chameleon_kit item = “1”], this post will not be deleted using the LIMIT function and is a permanent post.
如果该帖子包含简码[cham​​eleon_kit item =“ 1”]，则不会使用LIMIT函数删除该帖子，它是永久帖子。
Temporary posts are posts that do not contain shortcodes [chameleon_kit item = “1”].
 临时帖子是不包含简码[cham​​eleon_kit item =“ 1”] 的帖子。
Among the temporary posts, if your limit allows, there remain posts in which the last ones were modified.
在临时职位中，如果您的限制允许，则剩余的职位被修改。
The oldest posts are removed from the accordion.
最早的帖子已从手风琴中删除。
ACCORDION ITEMs’ SETTINGS
手风琴项目的设置
Add
添加
[chameleon_kit item="..." ]
  [cham​​eleon_kit item =“ ...”]
 
to the item’s text to set up HEIGHT or ORDER of this item.
 转到项目的文本以设置此项目的高度或顺序。
[chameleon_kit item="..." height="..." ]
  [cham​​eleon_kit item =“ ...” height =“ ...”]  
Set HEIGHT (px) of any ITEM in the accordion.
设置手风琴中任何ITEM的高度（px）。
Add
添加
[chameleon_kit item="1" height="600" ]
  [cham​​eleon_kit item =“ 1” height =“ 600”]
 
to the post(item) text.
到帖子（项目）文本。
[chameleon_kit item="..." order="..."]
  [cham​​eleon_kit item =“ ...” order =“ ...”]  
Set ORDER of ITEMs.
设置ITEM的订单。
All items are ordered by last modified in the item, but you can change the order of the items by specifying the order of the item in the text of this item;
所有项目按项目中的最后修改顺序排序，但是您可以通过在此项目的文本中指定项目的顺序来更改项目的顺序； 
order=”last” if the item should be the last in the accordion, or order=”1″,if the item must be the top one in the accordion:
order =“ last”（如果该项目应该是手风琴中的最后一个），或者order =“ 1”（如果该项目必须是手风琴中的第一个）
[chameleon_kit item="1" order="1"] …
  [cham​​eleon_kit item =“ 1” order =“ 1”]…
[chameleon_kit item="1" order="last"]
[cham​​eleon_kit item =“ 1” order =“ last”]
 
Use DRAFT to create item without link to the post.
使用 DRAFT 创建项目，但不链接到帖子。
If post has “post_status” “draft” in your accordion and has shortcode
如果post在您的手风琴中有“ post_status”“草稿”并且有简码
for example:
例如：
[chameleon_kit item="1"]
  [cham​​eleon_kit item =“ 1”]
 
then the post does not have the link to the post and the link “read more” to the post.
然后，该帖子没有指向该帖子的链接，也没有指向该帖子的“阅读更多”链接。
To DELETE DRAFT POST from accordion you have delete shortcode [chameleon_kit item=”1″] from the text of the post.
要从手风琴中删除草稿，您已经从文章的文本中删除了简码[cham​​eleon_kit item =” 1”]。
Unlimited Shortcode
无限的简码
Here you can create unlimited accordion group with unlimited shortcodes.
在这里您可以创建具有无限短代码的无限手风琴组。
So using shortcodes you can display your accordion on multiple page and post.
因此，您可以使用简码在多个页面上显示您的手风琴并张贴。
Accordion Widget
手风琴小工具
There a widget option is integrated with this plugin, you will need just add shortcode [chameleon_accordion item=”…” id=”…”] in your widget area to display your accordion.
此插件集成了一个小部件选项，您只需在小部件区域添加简码[cham​​eleon_accordion item =”…” id =”…”]即可显示您的手风琴。
It’s works With Your Theme
适用于您的主题
We have tested on with multiple popular themes and work on every themes.
我们已经测试了多个受欢迎的主题，并致力于每个主题。
So design is very clean and works with your theme as well.
因此，设计非常简洁，并且可以与您的主题配合使用。