這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Coding Blocks

外掛說明

PLEASE NOTE THAT THIS PLUGIN DOES NOT AND WILL NEVER EXECUTE ANY TYPE OF CODE ON YOUR WORDPRESS SITE!

This plugin uses Google Prettify which is an open-source syntax highlighting library.

This plugin relies on 3rd party services under the circumstances below;

  1. Syntax highlighting – This is the core library that will make your snippets to be formatted according to your chosen language.

  2. Color Themes – This is the color themes that can be used to change what your code snippets looks like

You can find the Terms of Use and privacy policy on the links above.

HOW TO USE

CREATE A NEW SNIPPET

  1. Head Over to the New Snippet page to create a New Code Snippet.
  2. On the page, add a title for the new snippet.
  3. Select the Language you’re working with.
  4. Type in the code in the code box and when you’re done, click on Preview.
  5. Click on Save to save your code snippet.

NOTE: YOUR CODE SNIPPETS ARE ENCODED AND STORED AS PLAIN TEXT TO PREVENT ITS EXECUTION

MANAGE CODE SNIPPETS

  1. Head Over to the All Snippets page to view existing code snippets.
  2. You can click on the Copy button to copy the shortcode for the snippet.
  3. You can click on the Edit button to edit a code snippet.
  4. You can click on the Delete button to delete a code snippet.

EDIT CODE SNIPPET

  1. Head Over to the All Snippets page to view existing code snippets.
  2. Click on the Edit button to redirect you to the edit page.
  3. On the Edit page, change the title for the snippet.
  4. Change the Language you’re working with.
  5. Modify the code in the code box and when you’re done, click on Update.

EMBED CODE SNIPPET

  1. Head Over to the All Snippets page to view existing code snippets.
  2. Click on the Copy button to copy the shortcode for the snippet.
  3. In any of your wordpress posts, place the copied shortcode & save the post.
  4. Preview the post to see the snippet embedded right where you want it.

螢幕擷圖

  • This is the Screenshot of the page where you create a new snippet.
  • This is the Screenshot of the page, where you edit your snippets.
  • This is the Screenshot of a snippet in a Wordpress Post.
  • This is a Screenshot of the preview page, where you can preview themes before using them.

安裝方式

  1. Upload coding-blocks to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Head Over to Get Started to learn How to add your first code snippet.

常見問題集

How does the plugin work?

  1. Create a new code snippet
  2. Navigate to the list of code snippets
  3. Copy the shortcode of the snippet you need
  4. Paste it into your WordPress post Editor and save the post.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Coding Blocks〉的開發相關工作。

參與者

將〈Coding Blocks〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.1.0

  • Improved Plugin UI
  • Optimized plugin’s code base

1.0.6

  1. Added Copy function to snippet creation page
  2. Removed Error message that shows when you save an already existing record on plugin options
  3. Fixed a Bug with copying code snippets on mobile devices

1.0.5

  1. Fixed a bug with uninstalling the plugin.
  2. Improved Admin UI & Code snippet UI.
  3. Added new theme “pinky Night”.

1.0.4

  1. Admin UI & Snippet’s UI was improved
  2. Block sync was removed because snippets now have a better way to load

1.0.2

  1. It supports up to 44 Languages.
  2. It supports up to 34 Color Themes.
  3. We Added Settings Page. (More description in Changelog file).
  4. We Added Preview Page. (More description in Changelog file).
  5. We Removed Code Labels on code blocks (In re-development process).
  6. We Redesigned Admin UI.
  7. Block Sync Now Available (You can update all your code snippets with one tap to reflect your current plugin settings)

1.0.0

  1. It supports just 6 Languages.
  2. It has Just one default theme which is Sunburst Google prettify + night glory.
  3. A brief description of your code snippet is attached at the header section.
  4. A copy button is attached to each of your code snippet.