Title: Double Image for Gutenberg Author: Sébastien Dumont Published: 2019 年 1 月 28 日 Last modified: 2019 年 2 月 21 日 --- 搜尋外掛 ![](https://ps.w.org/double-image/assets/banner-772x250.png?rev=2022112) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://ps.w.org/double-image/assets/icon-256x256.png?rev=2023057) # Double Image for Gutenberg 由 [Sébastien Dumont](https://profiles.wordpress.org/sebd86/) 開發 [下載](https://downloads.wordpress.org/plugin/double-image.1.2.1.zip) * [詳細資料](https://tw.wordpress.org/plugins/double-image/#description) * [使用者評論](https://tw.wordpress.org/plugins/double-image/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/double-image/#installation) * [開發資訊](https://tw.wordpress.org/plugins/double-image/#developers) [技術支援](https://wordpress.org/support/plugin/double-image/) ## 外掛說明 Double Image is designed for the Gutenberg editor. This custom block design allows you to display two images side by side or stacked. Images can be either selected via the media library or simply drag and drop an image to either drop zones. Apply an overlay with or without a background color and adjust the opacity of the background. Text can be added on either image at the top or bottom. ### Want more blocks? **Join me** in developing a suite of blocks for Gutenberg. * [Visit the BlockSuite website](https://blocksuite.xyz?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=double-image) * [Join the ideas board](https://trello.com/invite/b/VoKuFa36/60be3c8f5967ec4377b8b9e101dd79e2/block-suite) * [Subscribe to updates](http://eepurl.com/gffDvT) * [Follow on Twitter](https://twitter.com/block_suite) * [Follow on Instagram](https://www.instagram.com/blocksuitewp/) ### From a trusted developer Double Image is built and maintained by [Sébastien Dumont](https://sebastiendumont.com/?utm_medium=wp.org&utm_source=double-image&utm_campaign=readme&utm_content=sebd86). #### Support Use the WordPress.org forums for [community support](https://wordpress.org/support/plugin/double-image). If you spot a bug, you can of course log it on [GitHub](https://github.com/seb86/double-image/issues) instead where I can act upon it more efficiently. #### Please Leave a Review Your ratings make a big difference. If you like Double Image, please consider spending a minute or two [leaving a review](https://wordpress.org/support/plugin/double-image/reviews/?rate=5#postform) and tell me what you think about the plugin. **More information** * Other [WordPress plugins](https://profiles.wordpress.org/sebd86/) by [Sébastien Dumont](https://sebastiendumont.com/) * Contact Sébastien on Twitter: [@sebd86](http://twitter.com/sebd86) * If you’re a developer yourself, follow or contribute to the [Double Image plugin on GitHub](https://github.com/seb86/double-image) ## 螢幕擷圖 * [[ * Double Image (Blank) * [[ * Two images set * [[ * Both images with overlay color and overlay text * [[ * Inspector showing the settings for the first image ## 安裝方式 1. Upload the `double-image` folder to your `/wp-content/plugins/` directory or alternatively upload the double-image.zip file via the plugin page of WordPress by clicking ‘ Add New’ and selecting the zip from your computer. 2. Install and activate the Gutenberg WordPress plugin. 3. Activate the Double Image WordPress plugin through the ‘Plugins’ menu in WordPress. 4. Use Double Image block on your next page or post. ## 常見問題集 Is Double Image free? Yes! Double Image is absolutely free. How do I start using Gutenberg? To get the full experience of the next-generation WordPress block editor, you’ll need a Gutenberg-ready WordPress theme, like [CoBlocks](https://wordpress.org/themes/coblocks/). Then install the either WordPress 5.0+, or the [Gutenberg WordPress plugin](https://wordpress.org/plugins/gutenberg/). That’s it! 💥 What WordPress themes work with Double Image? Any properly developed WordPress theme will work with Double Image, though if you’re looking for an exceptional theme, check out [CoBlocks](https://wordpress.org/themes/coblocks/). Developers are also able to apply minor style touch-ups to themes, to make the block fit in better with existing themes. How do I add or find the block? Search for any of these keywords to narrow down the blocks when looking for Double Image. `image`, `overlay`, `double`. You can also add the block by typing `:doubleimage` and then press the spacebar. Can I drag and drop images in place? Yes you can. When you add the block to the editor you will be given two drop zones. So if you don’t have the images already in your media library you can drag and drop an image to either slot. How do I know if the image is uploading once dropped? When the image is dropped you will see the image in the background and an indicator showing it is currently uploading. When it is finished uploading the indicator will disappear. How do I select an image from the media library? When you add the block to the editor you can press on either placeholder. This will open the media library to allow you to select an image. Where can I ask for help? Please reach out via the official [support forum on WordPress.org](https://wordpress.org/support/plugin/double-image/). ## 使用者評論 ![](https://secure.gravatar.com/avatar/671c30a8660385d4d05462904c77501e28e9fb0bdf088ea7025f22f4fe79bde6? s=60&d=retro&r=g) ### 󠀁[Amazing](https://wordpress.org/support/topic/amazing-2330/)󠁿 [mukulchawla](https://profiles.wordpress.org/mukulchawla/) 2019 年 9 月 12 日 1 則留言 v. cool ![](https://secure.gravatar.com/avatar/0fd40d5cd98b12804292afc7cc1e4ac056d9fdf3078cca6ef7edf0220421f984? s=60&d=retro&r=g) ### 󠀁[Cool!](https://wordpress.org/support/topic/cool-838/)󠁿 [parolama](https://profiles.wordpress.org/parolama/) 2019 年 4 月 19 日 Tried and found it a very useful tool. [ 閱讀全部 2 則使用者評論 ](https://wordpress.org/support/plugin/double-image/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Double Image for Gutenberg〉的開發相關工作。 參與者 * [ Sébastien Dumont ](https://profiles.wordpress.org/sebd86/) 〈Double Image for Gutenberg〉外掛目前已有 1 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/double-image/contributors) 為這個外掛做出的貢獻。 [將〈Double Image for Gutenberg〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/double-image) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/double-image/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/double-image/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/double-image/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/double-image/)。 ## 變更記錄 #### 1.2.1 * Compatible: Gutenberg 5.1.1 * Changed: Tags used to help find the plugin. * Changed: Donation link. * Corrected: Plugin feedback image from not loading correctly. * Tweaked: Block colors to stand out more from the rest of the blocks. * Tweaked: Enqueued the block instead of registering the block. * Tweaked: Background Opacity option only shows if a background color is set. * Dev: Dependencies updated. #### 1.2.0 * Initial release on WordPress.org. Enjoy! ## 中繼資料 * 版本 **1.2.1** * 最後更新 **7 年前** * 啟用安裝數 **10+** * WordPress 版本需求 ** 4.9 或更新版本 ** * 已測試相容的 WordPress 版本 **5.0.25** * PHP 版本需求 ** 5.6 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/double-image/) 及 [Russian](https://ru.wordpress.org/plugins/double-image/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/double-image) * 標籤: * [blocks](https://tw.wordpress.org/plugins/tags/blocks/)[gallery](https://tw.wordpress.org/plugins/tags/gallery/) [gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)[gutenberg blocks](https://tw.wordpress.org/plugins/tags/gutenberg-blocks/) [page builder](https://tw.wordpress.org/plugins/tags/page-builder/) * [進階檢視](https://tw.wordpress.org/plugins/double-image/advanced/) ## 評分 5 星，滿分為 5 星 * [ 2 個 5 星使用者評論 ](https://wordpress.org/support/plugin/double-image/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/double-image/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/double-image/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/double-image/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/double-image/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/double-image/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/double-image/reviews/) ## 參與者 * [ Sébastien Dumont ](https://profiles.wordpress.org/sebd86/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/double-image/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://sebdumont.xyz/donate/)