前言介紹
- 這款 WordPress 外掛「Ui Slider Filter By Price」是 2015-08-04 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 60 個安裝啟用數。
- 上一次更新是 2023-02-01，距離現在已有 823 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
slider | UI Slider | jquery slider | draggable slider | shortcode slider |
內容簡介
Ui Slider Filter by price 是一個優秀的 WordPress 和 jQuery UI Slider 插件，它可以按價格篩選文章。當使用者拖曳 Slider 時，會即時篩選出價格在拖曳範圍內的文章。
Slider 功能特色
無限數量的 Slider
Slider 標題和獨特的 ID
可能在不同的文章/頁面使用不同的 Slider
自動產生簡短碼方便在文章/頁面/模板中加入 Slider
可使用會員簡短碼在 widget 中加入 Slider
可篩選無限數量的文章，由 Slider 的範圍決定
可重新排序篩選出來的文章
拖曳功能。可直接拖曳文章以重新排序該 Slider 的篩選結果
Ui Slider Filter By Price 使用步驟指南
步驟 1. 新增 Slider
在 WordPress 後台 Ui Sliders > 新增，新增 Slider。
1.1：Slider 類型
使用單選按鈕設定 Slider 類型。有兩種 Slider 類型：3D 和經典。您可以在按鈕下看到具體效果。
1.2：Slider 設定
Slider 名稱：指定 Slider 名稱，例如 post_page_slider41。
Slider 寬度 [僅限經典]：設定 Slider 寬度（% 為流動寬度，px 為固定寬度）。若超過 100%，Slider 將顯示為預設高度。
Range Start：Slider 範圍起點，必須填入有效數字。
Range End：Slider 範圍終點，必須填入有效數字。
Range Steps：用戶可在這些數字之間拖曳 Slider。
Default Step：頁面載入後 Slider 拖曳針的初始位置。
Slider 顏色 [僅限經典]：使用 jQuery 顏色選取器指定 Slider 顏色。
Filter Categories：瀏覽所有文章類別，可單選或多選（Ctrl + 選擇）。只會顯示在您所選擇的類別下的文章，若未選擇任何類別，則會顯示所有文章。
1.3：輸出
拖曳輸出順序以在 Slider 搜尋結果畫面上呈現以下內容-
文章標題：文章的標題。
特色圖片：文章的特色/附加圖片。若沒有特色圖片，將自動使用文章中的第一張圖片。
文章內容：文章內容，數字為固定字數。
價格：每篇文章的自訂價格。
1.4：儲存 Slider
點選此按鈕以儲存您的 Slider。
步驟 2. 設定價格
在文章編輯畫面中，設置自訂價格欄位。文章將依據該值篩選。
步驟 3. 編輯 Slider
在 WordPress 後台 Ui Sliders > 所有 Slider，點選要編輯的 Slider 名稱。編輯流程與步驟 1 相同。
搜尋/重設：在文字框輸入搜索條件，然後點擊「搜尋」按鈕查找匹配的 Slider 名稱。點擊「重設」按鈕會刷新畫面回復到初始。
刪除 Slider：點選 Slider 名稱旁邊的刪除連結將永久刪除該 Slider。
步驟 4. 在文章/頁面中加入 Slider
在 WordPress 後台 Ui Sliders > 所有 Slider，您可以看到所有 Slider 列表。接著從您想要加入的 Slider 右側複製簡短碼，即可在任何文章/頁面中加入 Slider。
原文外掛簡介
Ui Slider Filter by price is a great WordPress and jquery ui slider plugin which filters posts by price, on ui slider drag.
The features of the slider
Unlimited amount of sliders
Slider title and unique id
Possibility to use differen sliders for different posts/pages
Autogenerated shortcode for the easier process of adding the slider to the posts/pages/templates
Possibility to add slider in widgets using shortcode by members.
Filter unlimited posts by slider drag value
Possibility to reorder slider filtered result
Drag and Drop functionality. Drag and drop to rearrange slider filtered result
Ui Slider Filter By Price step by step guide
Step 1 . Add New Slider
To add a slider go to Ui Sliders>Add New from your wordpress admin Dashboard.
1.1 : Slider Type
Choose slider type either using the radio button .There are two types of sliders, 3d and classic. You can see which type of slider will look like as image under the radio button.
1.2: Slider Properties
Slider Name : Specify the Slider name. For example, post_page_slider41
Slider Width [ Classic Only ] : Set the width of the slider ( % for fluid width px for fixed ). If you put more then 100% slider will be set to default height.
Range Start : Set the start of the range where slider starts, requires valid number.
Range End: Set the end of the range where slider ends, requires valid number.
Range Steps : Set the steps where user can drag the slider only within these numbers.
Default Step : Set the number where slider dragger needle stays after page load.
Slider Color [ Classic Only ] : Specify the slider color using jquery color picker.
Filter Categories : This is a multiple select box where all available categories of posts are showed. You can choose a single or multiple categories ( ctrl + select ) .
Posts inside only your selected categories will be showed as slider filter result. If no category selected by default post from all categories will be showed in result.
1.3 Output
Drag and drop output order to show in slider search result with following items-
Post Title : Title of the post.
Featured Image : Post featured /attached image. If no featured image found automatically first image of the post used in search result.
Post Content : Post content , limited to fixed number of words.
Price : Value of the custom price field of each post.
1.4 Save Slider
Click this button to save your slider.
Step 2. Set Price
Set the Custom price field in post edit screen . Post will be filtered by the value of this field.
Step 3. Edit a Slider
To edit a slider go to Ui Sliders>All sliders from your wordpress admin Dashboard. Then Click on the slider name you want to edit. Editing process same as Step 1 .
Search/reset : Write search term in the textbox and click Search button to find matching slider name. Clicking reset will refresh the screen to default.
Delete Slider : To delete any slider click on the delete link which is seen in the right side of the slider name in same screen. Slider will be deleted Permanently.
Step 4. Inserting a Slider in post/page
To insert a slider in any post/page , go to Ui Sliders>All sliders from your wordpress admin Dashboard. You can see a list of all sliders, here. Then copy the shortcode from right side of the slider you want to insert. Paste the shortcode in the post/page you want to insert your slider.
Step 5. Inserting a Slider in Template file
To insert a slider in theme template file, go to Ui Sliders>All sliders from your wordpress admin Dashboard. You can see a list of all sliders, here. Then copy the shortcode from right side of the slider you want to insert.
replace the text your shortcode with the one you just copied and save template file. an example will be like this..
Step 6. Uninstall
To completely uninstall Ui slider filter by price plugin go to Ui Sliders>Uninstall from your wordpress admin Dashboard. You need to confirm the uninstall by clicking the uninstall button to completely remove all data from database of the plugin.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Ui Slider Filter By Price」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Cf7 UI slider 》此外掛包含 jQuery UI Slider，可供 Contact Form 7 使用。如果您有一個數字欄位，想要使用滑桿改變其值，那您來對地方了。, 為您的聯絡表單使用者提供簡單優...。