Title: Visual Developer Custom CSS Author: Easy Development Published: 2015 年 11 月 22 日 Last modified: 2016 年 2 月 4 日 --- 搜尋外掛 ![](https://ps.w.org/visual-developer-custom-css/assets/banner-772x250.png?rev=1292219) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://ps.w.org/visual-developer-custom-css/assets/icon-256x256.png?rev=1292219) # Visual Developer Custom CSS 由 [Easy Development](https://profiles.wordpress.org/easydevelopment/) 開發 [下載](https://downloads.wordpress.org/plugin/visual-developer-custom-css.zip) * [詳細資料](https://tw.wordpress.org/plugins/visual-developer-custom-css/#description) * [使用者評論](https://tw.wordpress.org/plugins/visual-developer-custom-css/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/visual-developer-custom-css/#installation) * [開發資訊](https://tw.wordpress.org/plugins/visual-developer-custom-css/#developers) [技術支援](https://wordpress.org/support/plugin/visual-developer-custom-css/) ## 外掛說明 Visual Developer is just an awesome way to customize any wordpress powered website, by just using your imagination. Everything is in front of you, and you can reduce your development time by hours, and probably customize things you’ve never taught possible before. Everything has been tested and re-tested to make sure you can’t break your website easily, and you can easily revert all the changes with just one click. ## 螢幕擷圖 [⌊screenshot-1.png⌉⌊screenshot-1.png⌉[ screenshot-1.png [⌊screenshot-2.png⌉⌊screenshot-2.png⌉[ screenshot-2.png [⌊screenshot-3.png⌉⌊screenshot-3.png⌉[ screenshot-3.png [⌊screenshot-4.png⌉⌊screenshot-4.png⌉[ screenshot-4.png [⌊screenshot-5.png⌉⌊screenshot-5.png⌉[ screenshot-5.png ## 安裝方式 #### Installing Visual Developer 1. Download the Plugin from the provided link in this email. 2. Open your Website and go to the Administration Panel. 3. Click “Plugins” in the Left Menu 4. Click “Add New” 5. Click “Upload Plugin” 6. Upload the Visual Developer ZIP. 7. Activate The Plugin #### Using Visual Developer 1. Go to the Page you want to Customize. 2. In the WordPress Toolbar on the Top, you’ll Notice “Toggle Visual Developer”, click it. 3. Your First Step is to Click “Open” in the Visual Developer Panel. 4. Now you can select which Element you want to customize, you’ll do this by clicking it. 5. You’ll be presented with the “Element Navigation Panel”, you’ll chose how many elements that are alike will have CSS changes applied. 6. You’ll be presented with the Element Panel, and now you can start “doing your changes”, feel free to Customize your Experience from the Preferences Panel from the Visual Developer Top Bar. ## 常見問題集 What can I do with this plugin You can customize anything in your wordpress powered website, using any theme out there you may be using Can I add background images with this plugin Yes, you can, there’s an background image css attribute, and it’s been implemented in Visual Developer, even with a few tricks to create special cover photo effects and background paralax illusions. Can I customize a specific page with this plugin Yes, there is a page specific option when we detect a post_id ## 使用者評論 ![](https://secure.gravatar.com/avatar/c7f1f521c51833d9f4d674eff804adc526ddf895fbdb50d473cc5fade9ff84a3? s=60&d=retro&r=g) ### 󠀁[Best Ever](https://wordpress.org/support/topic/best-ever-54/)󠁿 [givanho](https://profiles.wordpress.org/givanho/) 2016 年 9 月 3 日 have never seen a plugin so awesome and easy to use as this ![](https://secure.gravatar.com/avatar/cb2e21c514e7349e9d5d94d1e2539c64ee949bae8b217cbe18d0d3b126180101? s=60&d=retro&r=g) ### 󠀁[This is great !](https://wordpress.org/support/topic/this-is-great-54/)󠁿 [andreiremetean](https://profiles.wordpress.org/andreiremetean/) 2016 年 9 月 3 日 After around 15 minutes I’ve finaly figured it out, and I was able to change the typography of my site really quick, thanks ! [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Visual Developer Custom CSS〉的開發相關工作。 參與者 * [ Easy Development ](https://profiles.wordpress.org/easydevelopment/) [將〈Visual Developer Custom CSS〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/visual-developer-custom-css) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/visual-developer-custom-css/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/visual-developer-custom-css/)， 或透過 [RSS](https://plugins.trac.wordpress.org/log/visual-developer-custom-css/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/visual-developer-custom-css/)。 ## 變更記錄 #### 1.0.2 1. A better way on how direct element selection works. 2. Refined a few browser bugs. #### 1.0.1 1. Quick access support for more tags, including h5 and h6 2. Fixed a bug with Quick Access Displaying elements that shouldn’t be there. 3. WooCommerce Quick Access Support 4. Improvements on How Quick Access Works #### 1.0.0 Initial Release. ## 中繼資料 * 版本 **1.0.2** * 最後更新 **10 年前** * 啟用安裝數 **20+** * WordPress 版本需求 ** 3.0.1 或更新版本 ** * 已測試相容的 WordPress 版本 **4.4.34** * 語言 * [English (US)](https://wordpress.org/plugins/visual-developer-custom-css/) * 標籤: * [custom background](https://tw.wordpress.org/plugins/tags/custom-background/) [custom css](https://tw.wordpress.org/plugins/tags/custom-css/)[font size](https://tw.wordpress.org/plugins/tags/font-size/) [text size](https://tw.wordpress.org/plugins/tags/text-size/)[visual developer](https://tw.wordpress.org/plugins/tags/visual-developer/) * [進階檢視](https://tw.wordpress.org/plugins/visual-developer-custom-css/advanced/) ## 評分 5 星，滿分為 5 星 * [ 2 個 5 星使用者評論 ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/) ## 參與者 * [ Easy Development ](https://profiles.wordpress.org/easydevelopment/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/visual-developer-custom-css/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](http://visual-developer.net)