前言介紹
- 這款 WordPress 外掛「Sidebar Widgets by CodeLights」是 2015-11-20 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 50000 個安裝啟用數。
- 上一次更新是 2019-02-10，距離現在已有 2274 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
- 有 35 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 0%
外掛協作開發者
rsukhar |
外掛標籤
widget | widgets | shortcode | responsive | shortcodes |
內容簡介
❗ 很抱歉，由於 SiteOrigin 的 widgets API 完全更改，CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案：您仍然可以在純文字編輯器中創建 CodeLights 短碼，然後將此短碼添加到 SiteOrigin 編輯器中。
❗ 招募開發人員：如果您能幫助改進和開發這個有超過 100K 活躍安裝的外掛，並成為其中的作者之一，請fork Convertful，並使用您的改進創建拉取請求。
六個內建元素
1. 彈出視窗（Modal Popup）
彈出視窗是在當前頁面上顯示的對話框/彈出式窗口。當您想要添加一些特殊內容並同時使原始內容保持乾淨時，它是一個非常有用的工具。
特色：
有 5 種彈出視窗大小可選擇。
有 7 種基於 CSS3 的精美出現/隱藏動畫。
有 4 種彈出視窗顯示觸發器：按鈕點擊、文字點擊、圖像點擊和頁面加載。
彈出視窗展示和範例
2. 統計計數器（Stats Counter）
一個很好的工具，可以引起訪問者對數字表示的數據的注意，例如：您的銷售額、完成的項目數或客戶滿意度指數。您可以設置初始和最終值，當訪問者到達計數器時，它會以最自然的方式進行動畫：逐漸更改數字。
特色：
有 6 種國際數字格式，包括中文和印度語。
提供會計格式化，負數帶括號。
指定小數點後的位數，或使用沒有小數位的整數。
一個計數器中有多個數位，因此您可以將 “0 / 0” 轉換為 “24 / 7”，例如強調您的服務工作時間。
將任何東西轉換為任何東西：就連基於字母的字符串也會以最自然的方式轉換。
非常易於使用：只需輸入初始和最終字符串，我們的智能腳本就會處理其餘部分。
統計計數器展示和範例
3. 翻轉盒（FlipBox）
翻轉後顯示額外信息的雙面卡片，在您將鼠標懸停在其上時使用。
特色：
有 4 種動畫類型：卡片翻轉、方塊傾斜、方塊翻轉和覆蓋打開。
對每一個動畫配有 8 種方向。
完全基於 CSS3 的動畫以提高性能。
最靈活的翻轉盒：有 34 種不同的選項，但易於使用。
翻轉盒展示和範例
4. 互動文字（Interactive Text）
2015 年的熱門元素：當您需要強調您有多項服務時，可以平滑地更改標語的服務名稱部分，而其餘部分保持不變。這僅僅是這個元素可以使用的無限語言豐富度和用法的一個微小示例！
特色：
免費 WordPress 插件中的唯一一個。
選擇 5 種美麗的動畫類型之一。
在不同的步驟中更改句子的不同部分。
非常易於使用：只需輸入所有句子狀態，我們的智能腳本就會處理其餘部分。
原文外掛簡介
❗ Unfortunately, CodeLights no longer supports SiteOrigin Page Builder natively due to the SiteOrigin’s complete change of widgets API. Workaround: you still can create a CodeLights shortcode in a plain text editor, and add this shortcode to the SiteOrigin editor.
❗ Developers Wanted: If you can help to improve and develop this 100K+ active installs plugin, and become one of authors, please fork Convertful, and create pull requests with your improvements.
Six Built-in Elements
1. Modal Popup
Modal Popup is a dialog box/popup window that is displayed on top of the current page. It is a very useful tool when you want to add some special content and to keep the original content clean at the same time.
Special Features:
5 popup sizes to choose from.
7 awesome CSS3-based show/hide animations.
4 popup show triggers: button click, text click, image click and page load.
Modal Popup Showcase and Examples
2. Stats Counter
A great tool to draw visitors’ attention to a data that can be expressed in numbers, like: your sales, number of completed projects or your customer satisfaction index. You set initial and final values and when your visitor will reach a counter, it will animate in a most natural way: gradually changing the number.
Special Features:
6 international number formattings including Chinese and Indian ones.
Accounting formatting available, where negative numbers are framed with parentheses.
Specify amount of numbers after the decimal point or use integers with no decimal part at all.
Several numbers within a single counter, so you can animate “0 / 0” into “24 / 7”, lets say, to emphasize your service working hours.
Animate anything into anyting: even letter-based string will be turned into the other one in a most natural way.
Simple to use: just type in the initial and final strings and our smart scripts will do the rest.
Stats Counter Showcase and Examples
3. FlipBox
Two-sided card that flips to reveal additional information, when you hover over it.
Special Features:
4 animation types: Card Flip, Cube Tilt, Cube Flip and Cover Open.
8 animation directions for each of the animations.
100% CSS3-based animations to improve performance.
Most flexible FlipBox ever: 34 different options, yet easy-to-use.
FlipBox Showcase and Examples
4. Interactive Text
Trending element in 2015: when you need to emphasize that you are great at several services, you can smoothly change the service-name part of the slogan, leaving the rest unchanged. And that’s just one tiny example of how this element can be used: the richness of language and it’s usages are limitless!
Special Features:
The only of it’s kind in free WordPress plugins.
Choose one of 5 beautiful animation types.
Change different parts of sentence at different steps.
Incredibly easy-to-use: just type in all the sentence states, and our smart scripts will do the rest.
Interactive Text Showcase and Examples
5. Interactive Banner
Element powered by great CSS animations, can be used to attend visitors to the needed page or even to showcase some products listing. Some of the animations reveal additional data, which can be used to highlight important details or call to action.
Special Features:
10 awesome animations.
Adjustable responsive behavior.
Incredibly customizable: 18 options, yet easy-to-use.
Interactive Banner Showcase and Examples
6. Testimonial
A great tool to share your current Clients’ experience with your new visitors, and to emphasize your credibility one more time.
Special Features:
3 testimonial types: Quote, Scanned document and Video.
5 quote layouts.
You can specify the author source for even better credibility.
Testimonial Showcase and Examples
… and more elements are coming!
Use Them the Way You Like
Shortcode Builder
Both in visual and text modes you’ll see an additional button that helps you to create and edit shortcodes using convenient tabbed forms. Create and modify the elements you want in seconds!
Check the screenshots or download the plugin for more details.
Sidebar Widgets
Use the convenient rich controls when creating and editing sidebars widgets both from admin page and customizer mode. The last option helps you to preview changes instantly.
Check the screenshots or download the plugin for more details.
… and more supported editors are coming!
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Sidebar Widgets by CodeLights」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0 | 1.1 | 1.2 | 1.3 | 1.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | trunk | 1.0.10 | 1.0.11 |
延伸相關外掛（你可能也想知道）
WP Shortcodes Plugin — Shortcodes Ultimate 》Shortcodes Ultimate 是一個全面的視覺與功能性元素收集，您可以在文章編輯器、文字小工具甚至是範本檔案中使用。使用 Shortcodes Ultimate，您可以輕鬆地建...。
MW WP Form 》MW WP Form 可以使用 shortcode 創建帶有確認畫面的郵件表單。, , 使用 shortcode 創建表單, 可以使用確認頁面。, 頁面可以使用相同的 URL 或個別的 URL 進行...。
Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在，這些捷徑可以在文章/頁面中使用，並且該片段將取代其位置。, ✍ 輕鬆建立...。
Display Posts – Easy lists, grids, navigation, and more 》Display Posts 讓您輕鬆地列出網站上的所有內容。首先在內容編輯器中新增此短碼，以列出最近的文章清單：, [display-posts], , 按類別篩選, 若只想顯示特定類...。
Widget Shortcode 》這個短碼需要小工具的ID，但不需要猜測，外掛會為你生成代碼。如果你想要覆蓋小工具的標題，你可以使用 "title" 參數：, [widget id=”text-1″...。
Woody code snippets – Insert Header Footer Code, AdSense Ads 》需要專業的支援嗎？, 免費獲取支援, 開始獲得高級支援, , 停止反覆使用相同的內容！, 停止插入 function.php 中的 PHP 代碼！, 停止將 Google Analytics、Yan...。
Column Shortcodes 》此外掛提供簡單易用的短碼，在您的文章或頁面中輕鬆創建欄位。有時候，您只需要將網頁切成不同的欄位。使用此外掛，您只需選擇一個欄位的短碼，便可將欄位加...。
amr shortcode any widget 》使用shortcode將小工具或多個小工具或整個小工具區域（側邊欄）插入到頁面中。, 首先在正常的側邊欄中設置小工具。 檢查它是否正常運作。, 然後將所選小工具...。
Shortcode in Menus 》此外掛讓你可以在 WordPress 導覽選單中使用簡碼，以便可以動態生成連結。也可以讓你在導覽選單中添加完整的 HTML 段落。, 使用方法, 查看截圖。, 另外，查看...。
Advanced iFrame 》看起來您正在尋找一個 WordPress 外掛 - Advanced iFrame Pro。這個外掛可讓您使用 iframe 包含其他網頁到您的網站中，同時具有隱藏和修改元素、自動調整高度...。
Insert Pages 》Insert Pages 可讓您使用 Shortcode API，將任何 WordPress 內容（例如，頁面、文章、自訂文章類型）嵌入其他 WordPress 內容。它還包括一個小工具，可將頁面...。
Shortcodes by Angie Makes 》Shortcodes by Angie Makes 外掛為您的 WordPress 主題新增一系列易於使用的短碼，這些短碼與 Angie Makes WordPress 主題 完美搭配。, 範例, 請到此查看這些...。
Team Members 》這個外掛會為管理員面板增加一個「團隊」區塊，讓您可以輕鬆地在網站上展示您的員工/職員。您可以快速地將成員加入您的團隊，加入他們的照片、職位、個人簡介...。
Post Snippets – Custom WordPress Code Snippets Customizer 》, 建立自訂短碼和可重複使用的內容，並將它們插入到您的文章和頁面中。, , 此外掛讓您建立 HTML、PHP 程式碼或常用文字片段的庫。在文章和頁面中，您可以使用...。
Donations via PayPal 》此外掛會在 WordPress 中新增 PayPal 捐款的短代碼和側邊欄小工具。使用選項選單可以設定 PayPal ID 和一些其他可選設定。你可以選擇要使用哪個捐款按鈕，或...。