Title: Infinite Scroll for Genesis Author: Amar Ilindra Published: 2020 年 7 月 28 日 Last modified: 2022 年 9 月 21 日 --- 搜尋外掛 ![](https://ps.w.org/infinite-scrolling/assets/banner-772x250.png?rev=2348888) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://ps.w.org/infinite-scrolling/assets/icon-256x256.png?rev=2347636) # Infinite Scroll for Genesis 由 [Amar Ilindra](https://profiles.wordpress.org/amarilindra/) 開發 [下載](https://downloads.wordpress.org/plugin/infinite-scrolling.1.1.zip) * [詳細資料](https://tw.wordpress.org/plugins/infinite-scrolling/#description) * [使用者評論](https://tw.wordpress.org/plugins/infinite-scrolling/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/infinite-scrolling/#installation) * [開發資訊](https://tw.wordpress.org/plugins/infinite-scrolling/#developers) [技術支援](https://wordpress.org/support/plugin/infinite-scrolling/) ## 外掛說明 Easily add infinite scroll to your Genesis child themes. You have a couple of options to load more posts on a button click (without page reload) or automatically when the user scrolls to the end of the last post. 10 different loading animations gives you plenty of options to choose from. You can literally set any color to the loading icons that suit your brand color. [View Demo](https://www.geekdashboard.com/category/news/) **Features of Infinite Scroll for Genesis:** * Lightweight implementation. * Flexible options to enable/disable infinite scroll on the home page, blog, tags, categories, author archives, and search results. * 2 options to load more posts – Either on button click or automatically on the scroll. * 10 Pure CSS loading animations. * Infinite color options. * No CSS files added to your pages. * Proper conditional checking to execute the plugin only on the selected pages. * No additional load on your regular posts since infinite scroll on posts is meaningless. * SEO Friendly. Your regular Pagination (/page/1, /page/2, etc.) still work with proper canonical links. [Learn more about Infinite Scroll for Genesis Features](https://www.geekdashboard.com/add-infinite-scroll-to-genesis/) If you have any questions about our plugin, don’t hesitate to contact us from our official website [Geek Dashboard](https://www.geekdashboard.com/) **Video Tutorial** ### Should I enable infinite scroll everywhere? Maybe Yes or No. It depends on your preferences and theme design. If you are using a custom-developed page instead of regular posts layout as your front page/home page, you need to disable infinite scroll on it. For example, check the home page of the [Geek Dashboard](https://www.geekdashboard.com/). Here we are using a custom-coded front page and infinite scroll is not possible since it is a combination of different sections. However, if you are using the theme’s default latest posts as home page, you can enable infinite scroll on it. ### Loading posts “Automatically on scroll” or “On Button Click”. Which one to use and why? Both options have their own pros and cons. If you have important information in site footer or sidebar(on mobiles), you should use “On Button Click” to load more posts. So the user will have a chance to view your sidebar and footer. If you wish to save a user click and no critical information is available in the sidebar or the footer, you can choose to load posts automatically when the user scrolls to the end of the list. ## 螢幕擷圖 [⌊Plugin options⌉⌊Plugin options⌉[ Plugin options [⌊Available Animations⌉⌊Available Animations⌉[ Available Animations [⌊All Animations Preview⌉⌊All Animations Preview⌉[ All Animations Preview [⌊Color Picker for Button and Animations⌉⌊Color Picker for Button and Animations⌉[ Color Picker for Button and Animations ## 安裝方式 The quickest method for installing the WP Droid is: 1. Visit Plugins -> Add New in the WordPress dashboard. 2. Search for `Infinite Scroll for Genesis` without quotes in the search box. 3. Click “Install”. 4. Finally, click `Activate Plugin`. If you would prefer to do things manually then follow these instructions: 1. Extract the downloaded plugin file. 2. Upload the `infinite-scroll-for-wp` folder to the `/wp-content/plugins/` directory 3. Activate the plugin through the ‘Plugins’ menu in WordPress ## 常見問題集 ### How does this plugin works This plugin uses Genesis default hooks and infinite-scroll JavaScript library to enable infinite scroll on selected pages. ### Will it slows down my site No, the JavaScript file in hosted locally, and no additional HTTP request to the enteral site is made. We have also taken the utmost care to inline the CSS and JS only when required. ### Can I use it on any theme? Currently, our plugin works only on themes running on Genesis Framework. In the future, we’ll plan to support more themes. Hopefully! ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈Infinite Scroll for Genesis〉的開發相關工作。 參與者 * [ Amar Ilindra ](https://profiles.wordpress.org/amarilindra/) * [ ikvaesolutions ](https://profiles.wordpress.org/ikvaesolutions/) [將〈Infinite Scroll for Genesis〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/infinite-scrolling) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/infinite-scrolling/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/infinite-scrolling/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/infinite-scrolling/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/infinite-scrolling/)。 ## 變更記錄 #### v1.1 (05 October 2020) * NEW: Customize Load More button text and end of page message. * Bug Fix: JS error when pagination is not available on the page. #### v1.0.2 (31 July 2020) * Minor Bug Fixes. #### v1.0.1 (30 July 2020) * Minor Bug Fixes. #### v1.0 (28 July 2020) * Initial release. ## 中繼資料 * 版本 **1.1** * 最後更新 **4 年前** * 啟用安裝數 **20+** * WordPress 版本需求 ** 4.7 或更新版本 ** * 已測試相容的 WordPress 版本 **6.0.12** * PHP 版本需求 ** 5.2.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/infinite-scrolling/) * 標籤: * [genesis](https://tw.wordpress.org/plugins/tags/genesis/)[infinite scroll](https://tw.wordpress.org/plugins/tags/infinite-scroll/) [pagination](https://tw.wordpress.org/plugins/tags/pagination/)[ui](https://tw.wordpress.org/plugins/tags/ui/) [user experience](https://tw.wordpress.org/plugins/tags/user-experience/) * [進階檢視](https://tw.wordpress.org/plugins/infinite-scrolling/advanced/) ## 評分 這個項目尚無任何評論記錄。 [Your review](https://wordpress.org/support/plugin/infinite-scrolling/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/infinite-scrolling/reviews/) ## 參與者 * [ Amar Ilindra ](https://profiles.wordpress.org/amarilindra/) * [ ikvaesolutions ](https://profiles.wordpress.org/ikvaesolutions/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/infinite-scrolling/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://ikvaesolutions.com/go/donate)