Title: Aploblocks – Styling and Patterns for the block editor Author: aploweb Published: 2023 年 2 月 14 日 Last modified: 2024 年 2 月 26 日 --- 搜尋外掛 ![](https://ps.w.org/aploblocks/assets/banner-772-250.png?rev=2865207) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://ps.w.org/aploblocks/assets/icon-256x256.png?rev=2865210) # Aploblocks – Styling and Patterns for the block editor 由 [aploweb](https://profiles.wordpress.org/antwp9876/) 開發 [下載](https://downloads.wordpress.org/plugin/aploblocks.1.0.2.zip) * [詳細資料](https://tw.wordpress.org/plugins/aploblocks/#description) * [使用者評論](https://tw.wordpress.org/plugins/aploblocks/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/aploblocks/#installation) * [開發資訊](https://tw.wordpress.org/plugins/aploblocks/#developers) [技術支援](https://wordpress.org/support/plugin/aploblocks/) ## 外掛說明 Aploblocks adds extra design features to the core wordpress blocks. It is designed for block themes and helps you achieve incredible designs with very little effort. If you know how to use the block editor then you will know how to use AploBlocks. Don’t know CSS very well or want to speed up your development? This plugin is ideal for you! The growing library of patterns can be added straight in to your design to help you quickly start building beautiful sites. Some of the features below give you an indication of just what you can achieve with absolutely no coding experience. * **Pattern inserter – Add ready made patterns straight in to your design. * **Entrance Animations:** 18 (and growing) options for on-scroll animations with custom speed and delay settings * **Sticky Header:** Make your header template part sticky with the option to hide on scroll. * **Block Styles:** New styles to display cover block content on hover. * **Filters:** Change images to how you want them to look, options for blur, brightness, contrast, opacity, hue & saturation. Configure a filter to be added or removed on hover. * **Shadow Filter:** Customise the offset, blur, opacity & colour of a blocks shadow. Options to add or remove on hover. * **Transforms:** Rotate, scale & move blocks. Transforms can also be added or remove on hover. * **Masks:** Choose from a range of polygon or image masks to shape the block how you want it and then customise to suit your needs. Filters for a group block can be added as a backdrop filter if you want to apply the filter to the background. With a gallery block you can quickly apply filters to all images in the block or even make the filter apply to images that are not hovered over. Aploblocks is designed to simply plug in to any standard block theme and enhance the core blocks. If you want to modify an existing block theme with the features above then you can get started in minutes! Find more information [here](https://aploweb.com/aploblocks-plugin/)! **Basic Usage:** After installation the Aploblocks plugin sidebar will be available in the top right of the editor. From here you can choose to insert patterns. When a block is selected in the editor extra Panels in the block settings will be available to configure the animations, filters, masks etc for the block. The General settings panel in the block editor gives a number of configuration options including mobile options for blocks. ## 螢幕擷圖 [⌊Block masking⌉⌊Block masking⌉[ Block masking [⌊Shadow filter⌉⌊Shadow filter⌉[ Shadow filter [⌊Masking & negative margins⌉⌊Masking & negative margins⌉[ Masking & negative margins [⌊Scale & rotate transforms⌉⌊Scale & rotate transforms⌉[ Scale & rotate transforms [⌊Card pullout on hover⌉⌊Card pullout on hover⌉[ Card pullout on hover [⌊Gallery with switch option⌉⌊Gallery with switch option⌉[ Gallery with switch option ## 安裝方式 This plugin can be installed directly from your site. From the dashboard go the plugins section and add a new plugin. Either search for the plugin or upload it if you have already downloaded it. Install & activate the plugin and you are good to go ## 使用者評論 ![](https://secure.gravatar.com/avatar/a1cd491f977cdc3fa05688eacfca98e89c64be63f78251a58cb7875b2cf32e1d? s=60&d=retro&r=g) ### 󠀁[Absurdly Helpful](https://wordpress.org/support/topic/absurdly-helpful/)󠁿 [samgideone](https://profiles.wordpress.org/samgideone/) 2024 年 5 月 24 日 There are very few plugins I would install immediately, no matter the site. This is one of them! Comes with so many amazing basic features that Gutenberg should have out of the box! ![](https://secure.gravatar.com/avatar/f12b3c4cd022dfd0cebd835b8821cee9a4fccef21ab425208bb2bb41c95e513c? s=60&d=retro&r=g) ### 󠀁[Pretty robust theme](https://wordpress.org/support/topic/pretty-robust-theme/)󠁿 [unionsparky](https://profiles.wordpress.org/unionsparky/) 2023 年 5 月 29 日 I wish it supported more than one navigation bar and menu. ![](https://secure.gravatar.com/avatar/8c0ced2ad5a0c50ec3a0903b1d1946b4309a9b5e4ed01ff7f8d40bc710f49e3e? s=60&d=retro&r=g) ### 󠀁[Really, REALLY GOOD !!!](https://wordpress.org/support/topic/really-really-good-25/)󠁿 [nick6352683](https://profiles.wordpress.org/nick6352683/) 2023 年 2 月 15 日 I played with it for about 5 minutes, and I see nothing wrong with it. I use very similar things with my custom ACF Blocks, animations, etc… but as far as shadows, polygons, etc… I’m using fixed css classes. This will speed things up, and probably force me to remove my similar animations and CSS styles. Excellent work, and I’m almost certain you used clippy for the polygons, at least that’s what I did ! The only thing I would request is to have a RESET EVERYTHING in the General Styles panel, it would make things so much better… [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/aploblocks/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Aploblocks – Styling and Patterns for the block editor〉 的開發相關工作。 參與者 * [ aploweb ](https://profiles.wordpress.org/antwp9876/) [將〈Aploblocks – Styling and Patterns for the block editor〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/aploblocks) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/aploblocks/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/aploblocks/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/aploblocks/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/aploblocks/)。 ## 變更記錄 #### 1.02 – 23 February 2024 * Fix – Allow overflow on cover block * Fix – Formatting of range controls in editor #### 1.0.1 – 10 April 2023 * Fix – z-index wasn’t set on sticky header! #### 1.0 – 08 April 2023 * added – pattern inserter will indicate if a theme colour isn’t set * fix, only load patterns when pattern modal opened * added social links to supported blocks #### 0.9.5 – 04 April 2023 * removed pattern group from plugin code as this is theme specific * added extra polygon clip options * added extra rotate and perspective transforms * added remove clip on mobile option * added extra entrance animations * added color to shadow filter * added image mask panel & remove mask mobile option * added reverse column stack option * added pattern inserter functionality * added unit selection to pull styles (breaking change – blocks will need to be updated on backend) * changed transforms/filters on media&text to now target media rather than whole block (potentially breaking) * added sticky header functionality * added registered styles – image caption, cover hover, navigation underline, sticky column, separator styles, sticky header #### 0.8.6 – 12 February 2023 * Added version constant * Removed console logging #### 0.8.5 – 11 February 2023 * Initial release ## 中繼資料 * 版本 **1.0.2** * 最後更新 **2 年前** * 啟用安裝數 **300+** * WordPress 版本需求 ** 6.1 或更新版本 ** * 已測試相容的 WordPress 版本 **6.4.8** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/aploblocks/) * 標籤: * [block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/) [layouts](https://tw.wordpress.org/plugins/tags/layouts/)[patterns](https://tw.wordpress.org/plugins/tags/patterns/) [sticky header](https://tw.wordpress.org/plugins/tags/sticky-header/) * [進階檢視](https://tw.wordpress.org/plugins/aploblocks/advanced/) ## 評分 4.7 星，滿分為 5 星 * [ 2 個 5 星使用者評論 ](https://wordpress.org/support/plugin/aploblocks/reviews/?filter=5) * [ 1 個 4 星使用者評論 ](https://wordpress.org/support/plugin/aploblocks/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/aploblocks/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/aploblocks/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/aploblocks/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/aploblocks/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/aploblocks/reviews/) ## 參與者 * [ aploweb ](https://profiles.wordpress.org/antwp9876/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/aploblocks/)