前言介紹
- 這款 WordPress 外掛「Chameleon Pure CSS Accordion」是 2017-12-21 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2017-12-26，距離現在已有 2686 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
alterbid |
外掛標籤
Accordion | accordions | accordion plugin | accordions plugin wordpress |
內容簡介
Chameleon Pure CSS Accordion 是一個高度可定制的 WordPress 手風琴外掛，可根據您網站的主題顏色更改其顏色，並不會轉移訪客的注意力。您可以輕鬆使用短碼排序手風琴位置，設定項目高度、標題標籤以及手風琴中項目的數量限制。
查看演示
Chameleon Pure CSS Accordion - Live Demo
閱讀有關 Chameleon Pure CSS Accordion 設置的更多信息
GitHub 專案
外掛功能
響應式設計
任意數量的手風琴
可以透過短碼使用
提供可用的小工具選項
手風琴繼承主題樣式，即可以偽裝成您的主題顏色
針對使用者體驗進行高度定制
手風琴會顯示您在短碼中設置的分類目錄的文章
手風琴短碼
[chameleon_accordion item="1" id="x, y, z"]
這裡的「1」是您手風琴短碼的編號。您可以添加無限的手風琴並使用任意數量的短碼。
舉個例子：[chameleon_accordion item="1" id="1"]
手風琴會顯示您所有未歸類的文章（也可以是所有條件為 id="1" 或 term_taxonomy_id="1" 的文章）。
為您的手風琴中類別創建一些文章。
如果項目的 ID 與當前頁面的 ID 相同，手風琴將不會顯示項目。因此，在首頁，手風琴不會顯示文章 ID 為 1 的「Hello World!」項目。我們假設如果用戶已經打開了這個項目的頁面，就不需要在手風琴中顯示它。
手風琴設置
添加任何分類目錄。
[chameleon_accordion item="1" id="1, 2, 3"]
您可以使用 wp_terms 表中“term_id”列的任何分類目錄、標籤或 WooCommerce 分類目錄 ID，或者在後端管理面板中使用分類目錄的 URL 引用。
查看手風琴設置
創建任意數量的手風琴。
設定您的手風琴號碼。例如：item='1' ...
[chameleon_accordion item="1" id="1, 2, 3"]
沒有手風琴編號 (例如：item="1") 和分類目錄 ID（例如：id="1, 2, 3"）手風琴將無法運作。假如手風琴沒有任何文章 (項目)，樣式文件將無法載入。可以寫 shortcode，例如：[chameleon_accordion item="1" id="1"]，將未分類的文章放在想要的位置。
添加手風琴的標題。
[chameleon_accordion item="1" id="1" title="My Accordion"]
設定文章的標題標籤 - p、div、h1、h2...
tag="..."
原文外掛簡介
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. This is a highly customizable accordion builder for 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
Read more about Chameleon Pure CSS Accordion Settings
GitHub project
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"]
Here “1” is your accordion shortcode number. You can add unlimited accordions and use any number of shortcode.
example: [chameleon_accordion item="1" id="1"]
Accordion shows you all uncategorized posts ( or all terms id=”1″, or 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. So on the home page the accordion does not show the item with 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:
[chameleon_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,
OR use url-reference of the category in the backend admin panel
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′ …
[chameleon_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″ )
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"]
to place accordion with Uncategorized posts WordPress where you want
title=”…”
Add the TITLE of the ACCORDION.
[chameleon_accordion item="1" id="1" title="My Accordion" ]
tag=”…”
Set the POSTS’ TITLE TAG – p, div, h1, h2, h3, h4 …
[chameleon_accordion item="1" id="1, 2, 3" tag="h4" ]
( default paragraph “p” )
height=”…”
Set the HEIGHT (px) of ALL POSTS in the accordion.
[chameleon_accordion item="1" id="1, 2, 3" height="100" ]
( default = 45 px )
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.
limit=”…”
LIMIT the number of POSTS in the accordion, using limit = “5”.
[chameleon_accordion item="1" id="1" limit="5"]
Items can be permanent or temporary. Remove only temporary items from the accordion using the LIMIT function.
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:
[chameleon_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.
Temporary posts are posts that do not contain shortcodes [chameleon_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="..." ]
to the item’s text to set up HEIGHT or ORDER of this item.
[chameleon_kit item="..." height="..." ]
Set HEIGHT (px) of any ITEM in the accordion.
Add
[chameleon_kit item="1" height="600" ]
to the post(item) text.
[chameleon_kit item="..." order="..."]
Set ORDER of ITEMs.
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:
[chameleon_kit item="1" order="1"] …
[chameleon_kit item="1" order="last"]
Use DRAFT to create item without link to the post. If post has “post_status” “draft” in your accordion and has shortcode
for example:
[chameleon_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.
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.
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.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Chameleon Pure CSS Accordion」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
JB Accordion 》這個外掛可在你的 WordPress 主題中啟用手風琴效果。你可以透過短碼把手風琴嵌入到任何你想要的地方，甚至是主題文件中。, 示範按這裡：http://jobairbd.com/...。