[WordPress] 外掛分享： Jimmy Codeviewer

WordPress 外掛 Jimmy Codeviewer 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Jimmy Codeviewer」是 2017-04-16 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2018-04-26，距離現在已有 2565 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.7 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

kenjmk7r9merchant |

外掛標籤

SVG | code | text | script | viewer |

內容簡介

Jimmy Codeviewer 是一個可載入文字、SVG (Scalable Vector Graphics) 及其他腳本到 WordPress 頁面的 shortcode 庫。透過使用此外掛，你可以減少你的程式碼數量。例如，如果你想在頁面上放置一個比例化的程式碼範例，你只需要輸入一個 shortcode，接下來你可以得到有行號和彩色字詞的範例。此外，你可以使用「magazine」主題模板，使頁面的佈局與紙質雜誌相似。

簡介

在我最初的想法裡，我打算製作一個能在我的網站中介紹文章的程式碼查看器。這沒有問題，並把這個外掛命名為「Jimmy Codeviewer」。但在製作「Jimmy Codeviewer」的過程中，我想到這可以成為一個多用途的文字查看器。現今，許多新聞網站對於其內容都有非常簡單的佈局。你可以每天在報攤看雜誌或報紙，這些都色彩繽紛且設計豐富。我只是想在網路上也有這樣的設計豐富的雜誌和報紙。色彩繽紛且設計豐富實際上引起我們的注意和喜愛。現在瀏覽器的渲染能力正在增強，這個挑戰 - 在網路上制作雜誌和報紙 - 不是一個夢想，而是一個現實。此外，我試圖將 WordPress 改成 SVG-Free，SVG (Scalable Vector Graphics) 是向量圖形容器之一。它就像 HTML 和 JavaScript 一樣。這正是 WordPress 社群禁止透過媒體上傳程式來儲存 SVG 檔案的原因。如果 SVG 是程式碼，它們應該被存儲為頁面上的腳本。但「文章」和「頁面」有它們自己的公共頁面用途。因此，我決定製作「jArticles」，並將文字、SVG 和腳本儲存在「jArticles」中。為了在「文章」中載入「jArticles」，我製作了幾個 WordPress shortcode。

Jimmy Codeviewer 包含三個部門，其中有幾個 WordPress shortcode 和功能。

I. 程式碼查看器

a. Shortcodes: [codeview_byid] 和 [codeview_byname] 可以在「文章」中顯示文字。

b. 編輯指示: (edit(exam-ple)) 從「jArticles」頁面中製作 HTML 標記或其他轉義文字碼。

c. 樣式表: CSS 樣式表可使網頁佈局更容易使用 Code Viewer。

II. 文章載入器

a. Shortcodes: [articleloader_byid] 和 [articleloader_byname] 可以在「文章」中顯示 SVG 或其他腳本。

III. 顏色和樣式更改器

a. Shortcodes: [init_spansearch]、[spansearch] 和 [spansearch_all] 可以更改文字顏色和其他樣式。[divsearch] 可以更改列樣式。

b. JavaScript: 'spanSearch' 及其家族，提供上述短碼的引擎功能。

版權

Jimmy Codeviewer, A WordPress Plugin, 版權所有 2017 Kenta Ishii
Jimmy Codeviewer 是根據 GNU GPL 的條款發布的。

本程式是自由軟體，你可以重新散佈及/或修改它
根據 Free Software Foundation 所發行的 GNU General Public License 的條款和條件
版本 2 或(你可以選擇)之後的任何版本。

本程式是希望它是有用的，但不擔保有任何保固之外
連帶保固或適售性或特定目的的默示或明示保證。有關更多詳細信息，請參閱
GNU General Public License。

原文外掛簡介

Jimmy Codeviewer is a shortcode library to load text, SVG (Scalable Vector Graphics) and other scripts to WordPress pages. By using this plugin, you can reduce quantity of your code, e.g., if you want to put a proportional sample of programming code in your page, you just type one shortcode, then you get the sample with line numbers and colored words which you intended. In addition, you can make pages with layout similar to magazines on paper by using “magazine”, a theme template.
Introduction
In my first mind, I purposed to make a viewer for programming code for my site that introduces my articles. It was OK and named this plugin as “Jimmy Codeviewer”. But in making “Jimmy Codeviewer”, I think this could be a multipurpose text viewer. On this time, many news sites have very simple layout for their contents. You could watch magazines or papers at a news-stand everyday, and these are so colorful and design-riches. I just want these on Internet. Colorful design-riches actually make us some attention and affection. Web browsers are growing their rendering ability right now. This challenge — making magazines or newspapers on Internet — not a dream, but a real on Internet. In addition, I tried to change WordPress to SVG-Free. SVG (Scalable Vector Graphics) is one of vector graphics containers. It’s just like HTML and JavaScrpt. This is exactly the reason why WordPress Community prohibits to upload SVG Files by Media Uploader. If SVGs are programming codes, these should be stored as scripts in pages. But “Posts” and “Pages” are having their own purposes as public pages. So I decided to make “jArticles”, inner pages and store texts, SVGs and scripts to “jArticles”. For loading “jArticles” on “Posts”, I made several WordPress shortcodes.
Jimmy Codeviewer consists of three departments which have several WordPress shortcodes and functions.
I. Code Viewer
a. Shortcodes: [codeview_byid] and [codeview_byname] to show text in “Posts”.
b. Edit Instructions: (edit(exam-ple)) to make HTML markup or other escaped literal codes in “jArticles” pages.
c. Style Sheet: CSS Style Sheet to make web layout easier with Code Viewer.
II. Article Loader
a. Shortcodes: [articleloader_byid] and [articleloader_byname] to show SVGs or other scripts in “Posts”.
III. Color and Style Changer
a. Shortcodes: [init_spansearch], [spansearch] and [spansearch_all] to change the text color and other styles. [divsearch] to change the row styles.
b. JavaSctipt: ‘spanSearch’ and its family, the engine to provide the above shortcodes to function.
Copyright
The Jimmy Codeviewer, A WordPress Plugin, Copyright 2017 Kenta Ishii
Jimmy Codeviewer is distributed under the terms of the GNU GPL
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Jimmy Codeviewer」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | trunk |

延伸相關外掛（你可能也想知道）

  • WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager 》插入標頭和頁腳 + 完整的 WordPress 代碼片段外掛, WPCode (前稱为 WPBeginner 的 "插入標頭和頁腳"）是使用率超过 100 万个网站的 WordPress 代码片段外掛中...。
  • Code Snippets 》Code Snippets 是在您的網站上運行程式碼片段的簡單，清潔和簡單的方法。它消除了將自定義片段添加到您的佈景主題的 functions.php 檔案的需求。, 現在提供 C...。
  • Simple Custom CSS Plugin 》無需麻煩地將自訂 CSS 新增到 WordPress 網站中。, 這是一個易於使用的 WordPress 外掛，可以添加自訂 CSS 樣式以覆寫外掛和佈景主題的預設樣式。該外掛旨在...。
  • Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在，這些捷徑可以在文章/頁面中使用，並且該片段將取代其位置。, ✍ 輕鬆建立...。
  • Head & Footer Code 》Head & Footer Code 插件可以讓你在不是開發人員的情況下，添加自定義代碼片段（JavaScript、CSS 或 HTML）到網頁中。您可以將代碼放置在 （...。
  • Scripts n Styles 》這個外掛讓管理員用戶能夠將自訂的 CSS 和 JavaScript 直接添加到個別文章、頁面或任何註冊的自訂文章類型中，也可以將類別添加到 body 標籤和文章容器中。還...。
  • SyntaxHighlighter Evolved 》現在支援 WordPress 5.0 中的新區塊編輯器！, SyntaxHighlighter Evolved 讓您可以輕鬆地在網站上張貼帶有語法加亮功能的程式碼，而不會失去格式或做任何手動...。
  • Code Embed 》注意： WordPress 5.0 及以上版本的使用者請查看常見問題以了解如何在區塊編輯器中使用此外掛。, Code Embed 外掛允許您在文章中嵌入程式碼（JavaScript 和 H...。
  • PHP Everywhere 》注意：此外掛更新至 3.0.0 版本是一項重大變更，將移除 [php_everywhere] 短代碼和小工具。請透過外掛設定頁面中的升級嚮導，將原本的代碼轉換為 Gutenberg ...。
  • Highlighting Code Block 》「Highlighting Code Block」外掛可讓你以一個點擊的方式添加一個有語法突顯的程式碼區塊。, 它支援「區塊編輯器」和「傳統編輯器」。, （不過，我們建議在「...。
  • CSS & JavaScript Toolbox 》感謝您查看我們的程式碼片段外掛。我相信它將完全符合您的需求。, 適用於以下情況：, , 前端修改（無需修改主題文件）, 添加功能（無需修改functions.php）, ...。
  • Advance Custom HTML 》這是一款用來專業編寫 HTML 代碼的高級 HTML 編輯器，提供不同的樣式、縮排與更多功能。, Advance Custom HTML 是一款功能強大、彈性十足的區塊外掛，讓您可...。
  • Code Block Pro – Beautiful Syntax Highlighting 》展示你美麗的程式碼，不僅僅是顯示它！這個版塊外掛提供編輯程式碼塊的功能，直接運行你的程式碼，使用與受歡迎的 VS Code 編輯器相同的渲染引擎。此外掛提供...。
  • Code Syntax Block 》代碼語法區塊（Code Syntax Block）擴充了 WordPress 區塊編輯器，使用 Prism 語法高亮工具為核心代碼區塊添加了語法高亮支持。, Prism 語法高亮工具在前端執...。
  • Foxtool All-in-One: Contact chat button, Custom login, Media optimize images 》總結：Foxtool 是根據管理 WordPress 網站的真實需求而開發的產品。經過一段時間的發展，Foxtool 已成為網站管理員不可或缺的外掛程式。該外掛擁有許多值得注...。

文章
Filter
Apply Filters
Close
Mastodon