Title: InDesign Random Quotes Widgets Author: InDesign Media Published: 2020 年 12 月 16 日 Last modified: 2026 年 9 月 2 日 --- 搜尋外掛 ![](https://ps.w.org/indesign-random-quotes/assets/banner-772x250.png?rev=3678162) ![](https://ps.w.org/indesign-random-quotes/assets/icon-256x256.png?rev=3678162) # InDesign Random Quotes Widgets 由 [InDesign Media](https://profiles.wordpress.org/indesignmedia/) 開發 [下載](https://downloads.wordpress.org/plugin/indesign-random-quotes.2.0.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/indesign-random-quotes/#description) * [使用者評論](https://tw.wordpress.org/plugins/indesign-random-quotes/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/indesign-random-quotes/#installation) * [開發資訊](https://tw.wordpress.org/plugins/indesign-random-quotes/#developers) [技術支援](https://wordpress.org/support/plugin/indesign-random-quotes/) ## 外掛說明 Add a random quote to any page, post, or widget area with a single shortcode. Pick from 16 layouts, run a fading carousel of your full list, and manage everything from a clean admin that saves as you type. #### What you get * Two shortcodes: `[id_popular_quotes]` for one random quote and `[id_popular_quotes_carousel]` for a fading slideshow. * 16 layouts: Classic, Modern Blockquote, Minimalist, Vibrant Card, Glassmorphism, Gradient Border, Dark Sleek, Quote Bubble, Elegant Serif, Neon Glow, Paper Note, Brutalist, Typewriter, Floating Shadow, Cyber Punk, Retro Wave. * A default layout you set once in the admin. Any shortcode without a `layout` attribute uses that default. * Two sources: your own manual quotes, or the built-in list of 100 popular quotes. * Auto-saving admin. No Save button, no unsaved state to worry about. * Drag-to-reorder your quotes, edit or delete any of them inline. * Live preview of the active default layout so you always know what visitors see. * No jQuery on the front end. One small CSS file, plus a tiny inline script for the carousel. #### Shortcode examples Single random quote using the site-wide default layout: [id_popular_quotes] Pick a specific layout: [id_popular_quotes layout=”neon-glow”] Fading carousel: [id_popular_quotes_carousel] Carousel with a specific layout and speed (seconds per slide): [id_popular_quotes_carousel layout=”glass” speed=”5″] Every layout works for both the single shortcode and the carousel. #### The admin (Quotes Studio) The settings screen lives under **ID Quotes** in the main WordPress admin menu. It has two tabs: * **Quotes.** Pick your source (Manual or Universal). In Manual mode, add quotes with a two-field form, edit or delete any card, drag the handle to reorder. In Universal mode, browse the built-in 100 quotes with a live search box. * **Layouts.** Click any of the 16 preview cards to make it the site-wide default. The status banner at the top and the live preview both update instantly. Every change on this screen saves automatically. A small toast in the corner confirms each save. ## 螢幕擷圖 [⌊Quotes Studio: the auto-saving Quotes tab with the mode picker and card-based quote list.⌉⌊Quotes Studio: the auto-saving Quotes tab with the mode picker and card-based quote list.⌉[ Quotes Studio: the auto-saving Quotes tab with the mode picker and card-based quote list. [⌊Layouts tab: click any preview to set the site-wide default layout.⌉⌊Layouts tab: click any preview to set the site-wide default layout.⌉[ Layouts tab: click any preview to set the site-wide default layout. ## 安裝方式 1. Upload the `indesign-random-quotes` folder to `/wp-content/plugins/`, or install the zip from the Plugins screen. 2. Activate the plugin from the Plugins menu. 3. Open **ID Quotes** in the admin menu to add your own quotes or pick a default layout. 4. Drop `[id_popular_quotes]` into any page, post, or shortcode-aware widget. ## 常見問題集 ### How do I show a random quote on my site? Paste `[id_popular_quotes]` into any page, post, or shortcode-aware widget. Each page load picks a fresh random quote from your active list. ### How do I add my own quotes? Open **ID Quotes** in the admin menu, make sure Manual is selected, and use the “ Add a new quote” form. Type the quote, type the author, click Add. It appears in the list below as a card. ### Do I need to click Save? No. Everything on the settings screen saves automatically as you click, type, edit, or drag. A small toast in the corner confirms each save. ### Can I edit or delete a quote after I added it? Yes. Each quote card has a pencil icon (edit inline) and a trash icon (delete). Both save straight away. ### Can I reorder my quotes? Yes. Grab the six-dot handle on the left of any card and drag it up or down. The new order saves automatically. ### How do I set a default design for every shortcode at once? Open the **Layouts** tab and click any preview card. That layout becomes the site- wide default, and any shortcode without a `layout` attribute uses it from then on. The status banner at the top of the page updates instantly. ### How do I use a specific design in one shortcode? Add the `layout` attribute with the layout slug, for example `[id_popular_quotes layout="typewriter"]` or `[id_popular_quotes_carousel layout="cyber-punk"]`. Layouts set this way override the site-wide default for that shortcode only. ### What is the difference between Manual and Universal mode? Manual serves only the quotes you add. Universal serves the built-in list of 100 popular quotes. Switch between them at any time by clicking the mode card. Your manual quotes stay saved even when Universal is active. ### What happens if Manual mode is on but I have no quotes yet? The plugin falls back to the built-in universal list, so visitors never see a blank space. ### How do I run a carousel and change the fade speed? Use `[id_popular_quotes_carousel]` and add `speed="10"` in seconds to control the interval. For example, `[id_popular_quotes_carousel layout="glass" speed="5"]` fades every five seconds. ### Can I put multiple shortcodes on the same page? Yes. Each one runs on its own, so different layouts and carousels can coexist on the same page. ### Where can I copy the shortcode for a specific layout? Open the **Layouts** tab. Each preview card has two ready-to-copy shortcodes: one for the single quote and one for the carousel. Click either to copy. ### Can I search the built-in Universal collection? Yes. In the admin, switch to Universal mode and use the search box above the list to filter by quote text or author name. ### Does the plugin work with Elementor, Divi, or other page builders? Yes. The shortcodes work in any builder that supports shortcodes. In Elementor, use a Shortcode widget or Text Editor. In Divi, use a Code module. In Beaver Builder, use a Text module. ### Will it slow down my site? No. The front end loads one small CSS file and adds no JavaScript unless a carousel is on the page. Quotes are stored in a WordPress option, so there are no extra database queries per page load. ### What happens to my quotes if I deactivate the plugin? Your quotes and settings stay in the database, so if you reactivate the plugin later everything is exactly where you left it. ### Does the plugin use jQuery? No. The admin uses vanilla JavaScript. The front end loads a single small CSS file and only prints a tiny inline script when you use the carousel shortcode. ## 使用者評論 ![](https://secure.gravatar.com/avatar/a3e613adc6c1df8e1c64220d881ca3c91f9f221aac125a96b03244dfd7c6b359? s=60&d=retro&r=g) ### 󠀁[GreatDeals99](https://wordpress.org/support/topic/greatdeals99/)󠁿 [greatdeals99](https://profiles.wordpress.org/greatdeals99/) 2020 年 12 月 17 日 Finally I got the correct clean and dynamic plugin that just simply show the quotes without any advance settings. Anyone can use it its just about install and paste the shortcode that much simple. Thanks InDesign Cheers!!! ![](https://secure.gravatar.com/avatar/b716734f871f4e79fbda24948f3759cc5d05a5a8bda3f2f1d3a854b32333641f? s=60&d=retro&r=g) ### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-29011/)󠁿 [ashishhayurai](https://profiles.wordpress.org/ashishhayurai/) 2020 年 12 月 17 日 This is a simple plugin that works really well. Thanks for creating this. ![](https://secure.gravatar.com/avatar/8913624cd680d163e22c8cdc0041f4f21c62ad44dfc18857d090fb50982953a4? s=60&d=retro&r=g) ### 󠀁[Very Useful and efficient](https://wordpress.org/support/topic/very-useful-and-efficient-4/)󠁿 [karansoni243](https://profiles.wordpress.org/karansoni243/) 2020 年 12 月 17 日 It really saved time and very easy to use. ![](https://secure.gravatar.com/avatar/c6f4f079ceb8297a234bb6b4e05b5e0ac903997fe240492321c2015ecbee7b45? s=60&d=retro&r=g) ### 󠀁[Wonderful plugin](https://wordpress.org/support/topic/wonderful-plugin-603/)󠁿 [yodinadk](https://profiles.wordpress.org/yodinadk/) 2020 年 12 月 17 日 Found exactly what I was looking for. Thankyou for such a wonderful plugin. Highly recommended! [ 閱讀全部 5 則使用者評論 ](https://wordpress.org/support/plugin/indesign-random-quotes/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈InDesign Random Quotes Widgets〉的開發相關工作。 參與者 * [ InDesign Media ](https://profiles.wordpress.org/indesignmedia/) [將〈InDesign Random Quotes Widgets〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/indesign-random-quotes) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/indesign-random-quotes/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/indesign-random-quotes/)，或 透過 [RSS](https://plugins.trac.wordpress.org/log/indesign-random-quotes/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/indesign-random-quotes/)。 ## 變更記錄 #### 2.0.0 * Renamed the plugin to “InDesign Random Quotes Widgets”. * New Quotes Studio admin with two tabs, pill navigation, and a live status banner that shows the active mode, pool size, and default layout. * New default layout picker. Click a preview card to set the site-wide default. Shortcodes without a `layout` attribute fall back to this setting. * New card-based quote manager. Add, edit, delete, and drag the handle to reorder your quotes. * Universal mode now shows the built-in 100 quotes in a scrollable, searchable list. * Every change saves automatically over AJAX. The Save button is gone. A small toast in the corner confirms each save. * Refactor: split the single-file plugin into a small `includes/` folder. * Security: nonce and capability checks on every AJAX endpoint. Strict allowlists for mode and layout values. #### 1.4 * Refactor into an `includes/` folder with per-concern files. * Layouts driven by a single registry so front-end output and admin previews stay in sync. * `wp_rand()` replaces `rand()`. Strict allowlist for mode. Capability check on the settings screen. * Fixed a stray CSS declaration in the admin styles. * Text Domain header added. #### 1.0.4 * Expanded the Frequently Asked Questions with more detailed entries. #### 1.3 * Doubled the number of layouts from 8 to 16, including Elegant Serif, Cyber Punk, Floating Shadow, Neon Glow, and Retro Wave. * Added the `[id_popular_quotes_carousel]` shortcode for a fading slideshow. * Redesigned the admin screen with a live preview grid. * Added 1-click shortcode copy buttons. * Added the Quick Add form for manual quotes. * Grew the built-in universal collection to 100 quotes. * Removed hardcoded author name prefixes across layouts. #### 1.2 * Moved the settings panel to a top-level admin menu item. * Added sanitization callbacks for settings storage. #### 1.1 * Added the settings page for managing custom quotes. * Added the `layout` attribute for design variants. * Shortcode returns output instead of echoing it. #### 1.0 * Initial release. ## 中繼資料 * 版本 **2.0.0** * 最後更新 **4 週前** * 啟用安裝數 **10+** * WordPress 版本需求 ** 5.0 或更新版本 ** * 已測試相容的 WordPress 版本 **7.1.2** * PHP 版本需求 ** 7.3 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/indesign-random-quotes/) * 標籤: * [random quotes](https://tw.wordpress.org/plugins/tags/random-quotes/)[shortcode](https://tw.wordpress.org/plugins/tags/shortcode/) * [進階檢視](https://tw.wordpress.org/plugins/indesign-random-quotes/advanced/) ## 評分 5 星，滿分為 5 星 * [ 4 個 5 星使用者評論 ](https://wordpress.org/support/plugin/indesign-random-quotes/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/indesign-random-quotes/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/indesign-random-quotes/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/indesign-random-quotes/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/indesign-random-quotes/reviews/?filter=1) [撰寫評分](https://wordpress.org/support/plugin/indesign-random-quotes/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/indesign-random-quotes/reviews/) ## 參與者 * [ InDesign Media ](https://profiles.wordpress.org/indesignmedia/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/indesign-random-quotes/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://indesignmedia.net/)