前言介紹
- 這款 WordPress 外掛「Advance Custom HTML」是 2022-11-10 上架。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2025-04-19，距離現在已有 14 天。
- 外掛最低要求 WordPress 6.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.1 以上。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
abuhayat | bplugins | freemius | taninrahman | taninrahman21 | charlescormier |
外掛標籤
code | html | block | javascript | custom html |
內容簡介
這是一款用來專業編寫 HTML 代碼的高級 HTML 編輯器，提供不同的樣式、縮排與更多功能。
Advance Custom HTML 是一款功能強大、彈性十足的區塊外掛，讓您可以在 WordPress 文章和頁面中添加自定義的 HTML、CSS 和 JavaScript 代碼。使用此外掛，您可以輕鬆創建和自定義高級版面配置，添加自定義風格，並使用自己的代碼實現複雜的功能。
該外掛包含一個直觀的區塊介面，使您可以在內容中添加並編輯自定義代碼。只需從 Gutenberg 區塊庫中選擇 Advance Custom HTML 區塊，輸入您的代碼，即可實時預覽您的更改。您也可以切換代碼編輯器，直接編輯您的代碼。
Advance Custom HTML 是一款多功能的外掛，支持各種代碼格式，包括 HTML5、CSS3、JavaScript 等等。您還可以添加外部腳本、樣式表和庫，以實現更大的靈活性。
該外掛還經過優化，具有良好的性能和安全性。使用 Advance Custom HTML 添加的所有自定義代碼都會自動進行消毒和驗證，以防止安全漏洞，並且該外掛旨在最大程度地減少對您的網站性能的影響。
總之，Advance Custom HTML 是一個強大而重要的區塊外掛，適用於任何想使用自定義代碼自定義其 WordPress 內容的用戶。立即嘗試它，將您的內容推向新的高度！
特點
易於使用
暗黑主題
自動完成代碼
建議代碼
實時預覽
拖動預覽面板可讓其出現在屏幕的任何位置
使用方式
首先安裝 Custom HTML 外掛
在 Gutenberg 編輯器中的“小部件”區塊類別中添加 Custom HTML 區塊。
您可以從右側的設置側邊欄更改區塊設置。
享受！
如需安裝說明，請單擊安裝選項卡
反饋
喜歡這款外掛嗎？不喜歡嗎？想要一個新功能嗎？給我發送反饋
⭐ 查看此插件的父插件-
🔥 bBlocks – WordPress 最佳 Gutenberg 區塊集合。
⭐ 查看我們的其他 WordPress 外掛-
🔥 Html5 Audio Player – WordPress 最佳音頻播放器外掛。
🔥 Html5 Video Player – WordPress 最佳視頻播放器外掛。
🔥 PDF Poster – WordPress 的功能完整的 PDF 查看器外掛。
🔥 StreamCast – WordPress 的功能完整的廣播播放器外掛。
🔥 3D Viewer – 在網上顯示交互式 3D 模型。
原文外掛簡介
An Advanced Custom HTML plugin is used to write code with ease and produce code outputs, or to display code snippets on your website in an elegant manner.
👉 Plugin Demo | Get Pro Version 👈
The Greatest Code Editor For WordPress Is Now Available ★★★★★
The Advanced Custom HTML plugin is the ideal solution for showcasing code snippets or creating interactive coding experiences on your WordPress site. Designed for developers, educators, and content creators, it lets you write, display, and customize code effortlessly while providing a seamless output preview. With a feature-rich interface, it makes presenting code both functional and visually appealing.
A standout feature is the draggable live output viewer, enabling users to test and preview code in real time. This makes it perfect for tutorials, demonstrations, or educational content. The plugin also allows you to beautifully display code with customizable headings, a “Copy to Clipboard” button, and flexible layout options to ensure your code fits perfectly into your site’s design.
Customization is key, with over 40+ themes to match any aesthetic. Whether you prefer sleek dark themes or clean light ones, this plugin delivers. Features like line numbers, font size, tab size, code wrapping, auto-completion, and fold gutters enhance functionality and readability. Additionally, users can choose different languages for syntax highlighting, ensuring accurate and visually distinct code styling for various programming languages. You can fully customize the “Copy to Clipboard” button or hide it for a minimalistic display.
With options to set custom editor dimensions and styling, this lightweight and fast plugin gives you full control over code presentation. Perfect for developers sharing projects, educators creating interactive lessons, or content creators adding polished code snippets, the Advanced Custom HTML plugin brings your content to life.
Advance Custom HTML is the best and easiest way to write code and display code to your website.
ADVANCE CUSTOM HTML IS PERFECT FOR
Developers
Educators
Content Creators
Any Website with Code Snippets
ADVANCE CUSTOM HTML’S GAME-CHANGING FEATURES
See the features that make Advance Custom HTML the Best Code Editor for WordPress.
Easy to use
Display code output
Autocomplete code
Suggest code
Live preview
Drag preview panel anywhere on the screen
Pro Features
Embed the code to frontend.
Change Theme(40+ themes) for better look.
Edit Tab Size
Change Different Language For Different Syntax
Display Heading
Hide/Show Copy Button
Change Position of Copy Button When Heading is Disable
Change Copy Button Type Like You Can Keep Icon or Text(You can change text with your needed)
Styles Copy Button
Hide/Show Highlight Active Line
Hide/Show Fold Gutter
Autocompletion Enable/Disable
Wrap Enable/Disable
Edit Code Editor Height and Width
Why Advance Custom HTML is such a best plugin for WordPress?
No Plugin Like It — This is the only WordPress plugin that allows users to write code, display it beautifully, and view its output all within a single solution. It’s the ultimate combination of functionality and flexibility for code-based content.
Other Code Plugins Fall Short — Most plugins either focus on code display or execution, but not both. With Advanced Code Editor & Output Viewer, you get a seamless experience for writing, showcasing, and previewing code, all in one place.
Complete Control & Customization — Unlike other plugins, this one gives you full control over themes, syntax highlighting, copy button styling, and editor dimensions, all while keeping everything lightweight and performance-focused.
Built for Developers and Creators — Whether you’re a developer building tutorials, an educator creating lessons, or a content creator sharing code snippets, this plugin is designed to meet all your needs in one intuitive package.
Advance Cusotm HTML is perfect for:
✔ Bloggers
✔ Coaches / Trainers
✔ Content Creators
✔ Educators & Course Creators
✔ Web Designers & Developers
✔ Tech Bloggers
✔ Niche Sites
✔ Businesses & Startups
✔ All WordPress Websites
⭐ Check out the Parent Plugin of this plugin-
🔥 b Blocks – Best gutenberg blocks collections for WordPress.
⭐ Check out our other WordPress Plugins-
🔥 Html5 Audio Player – Best audio player plugin for WordPress.
🔥 Html5 Video Player – Best video player plugin for WordPress.
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.
🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress.
🔥 3D Viewer – Display interactive 3D models on the webs.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Advance Custom HTML」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | trunk |
延伸相關外掛（你可能也想知道）
Add HTML, JavaScript and CSS to 》這是一個簡單、小巧、免費、快速的外掛，用於向您網站的 HTML 部分添加/插入 HTML、CSS 或 JavaScript 代碼。, 此外掛的一些可能用例舉例：, , ...。
ProfPanda Custom Dashboard Widget 》這個外掛可以讓你在儀表板中創建一個新的小工具，選擇小工具的位置（核心或側邊欄），甚至可以調整優先級，讓你的小工具顯示在列表的最頂端。, 特色：, , 允...。
Stencies 》Stencies 可以讓你插入來自 Stencies.com 預先格式化和樣式化的文字、圖片、CSS、模板、HTML、文章結構等內容。, 你可以自己創建 Stencies，或者插入其他用戶...。