前言介紹
- 這款 WordPress 外掛「Snippets Block」是 2019-04-03 上架。
- 目前有 100 個安裝啟用數。
- 上一次更新是 2019-04-29，距離現在已有 2196 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 有 3 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
blocks | gutenberg | highlight.js |
內容簡介
這個外掛讓您可以在內容中添加片段區塊：JavaScript、CSS、HTML 等等。
用途
透過新的 Gutenberg 編輯器在 WordPress 內容中添加片段區塊。
使用方法
在您的內容中新增片段區塊 (Snippet block)
插入您的程式碼
選擇語言
儲存文章並檢查前端顯示效果
支援的語言
Apache
Bash
C#
C++
CSS
Erlang
Go
HTML
XML
Handlebars
JSON
Java
JavaScript
Markdown
Objective C
PHP
Python
R
Ruby
Rust
SCSS
SQL
Shell
Twig
TypeScript
建議來源
基於 Making WordPress Do More Block Starter Kit
原始的 webpack 設定檔 (修改前) 取自Zac Gordon’s Gutenberg Course
原始的發布腳本 (修改前) 取自Garry Jones
Webpack HMR 感謝Christian Glingener
需求
需要啟用 Gutenberg 編輯器
已知問題
目前並無已知問題。
開發路線
允許多種主題。
原文外掛簡介
Allows to add snippets blocks to your content: Javascript, CSS, HTML…
Purpose
Add snippet blocks to your WordPress content using the new Gutenberg editor
How to use it
Add a Snippet block within your content
Include your code
Select the language
Save the post and check your front-end
Supported languages
Apache
Bash
C#
C++
CSS
Erlang
Go
HTML
XML
Handlebars
JSON
Java
JavaScript
Markdown
Objective C
PHP
Python
R
Ruby
Rust
SCSS
SQL
Shell
Twig
TypeScript
Credits
Based in Making WordPress Do More Block Starter Kit
Original webpack configuration (before modifications) from Zac Gordon\’s Gutenberg Course.
Original deploy script (before modifications) from Garry Jones.
Webpack HMR thanks to Christian Glingener
Requirements
Gutenberg activated
Known Issues
There are no known issues at this time.
Roadmap
Allow several themes
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Snippets Block」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.1.0 | 1.2.0 | 1.2.1 | 1.3.0 | trunk |
延伸相關外掛（你可能也想知道）
CC-Syntax-Highlight 》CC-Syntax-Highlight 外掛支援文章、頁面和任何公開自訂文章類型的語法高亮顯示。, 它使用 highlight.js 或 google-code-prettify 函式庫。, 此外，它還可以...。
Markdown Shortcode 》這個 WordPress 外掛是一個簡單易用的 [markdown] 短碼，使用 parsedown 和 highlight.js 库實現，不需要進行任何配置。 , 只需要在 WordPress 編輯器中編寫...。
WP-Markdown-Syntax-Sugar 》WP Markdown Syntax Sugar 可與外掛程式，例如 wp-markdown, 和 wp-highlight.js 一起使用。Markdown 是一種極好的標記語言，可讓您輕鬆地撰寫部落格內容，而...。
Vaaky Highlighter 》Vaaky Highlighter 是 WordPress 的免費、易於使用的語法高亮外掛程式。高亮功能是透過 Highlight.js JavaScript 語法高亮軟體實現，支援自動偵測語言且無需...。
Goodbye Syntax Highlighter 》多年來，我一直使用 Alex Gorbatchev 的 SyntaxHighlighter 。多年以來，它一直為我服務良好。當我轉移到 WordPress 後，我嘗試了基於該庫的各種插件，如 Syn...。
Dark Code 》讓你的程式碼進入暗黑模式。, 預設情況下，在 WordPress 網站前端中，受歡迎的 Dracula Theme + Highlight.js 搭配美觀的暗黑色程式碼醒目。但是，如果你喜歡...。
Syntax Highlighting 》這個外掛基於 JavaScript 庫 HighLight Js，提供了選擇 70 個不同樣式的代碼高亮功能。您可以在後台選擇預設的高亮顏色，也可以添加小工具讓使用者在前台自行...。
Navarak Code Highlighter 》這個外掛是用 PHP 和 highlightJS 建立的語法高亮工具，支援自訂的語言和外觀主題。, 它能夠高亮顯示 Gutenberg 編輯器的程式碼區塊。, 此外還支援以下一些很...。