[WordPress] 外掛分享: jTab Guitar Tab Shortcode

首頁外掛目錄 › jTab Guitar Tab Shortcode
10+
安裝啟用
★★★★★
5/5 分(1 則評價)
5091 天前
最後更新
問題解決
WordPress 3.0+ v1.0 上架:2012-04-02

內容簡介

jTab Guitar Tab Shortcode 可以在你的 WordPress 博客中顯示清晰的吉他和弦和吉他譜 SVG 圖形,只需在 WordPress shortcode 中輸入簡單的文本註釋即可。
這個外掛程式是基於 Paul Gallagher(http://jtab.tardate.com)優秀的開源 jTab JavaScript 库而開發的。“jTab 是一個基於 JavaScript 的庫,使用 CSS 和可縮放矢量圖形(SVG)渲染註釋。它可以在大多數支持 JavaScript、CSS 和 SVG 的現代瀏覽器中運行。”

不妨讓圖片來表達更多內容!欲查看更多實例,請造訪 shortcode 外掛頁面:http://jtab-guitar-tab-shortcode.marichiba.com。

使用方法

顯示吉他和弦

[jtab phrase="C / Am / F / G G7"]

顯示帶和弦的吉他譜

[jtab phrase="Bm $3 4 4h5p3h4 5 $2 3 5 7 7h8p7 5/7 | A $4 7 9 $3 7 6 $5 9 $4 7h9 7 $5 9\7 5/7 |"]

顯示一個表單,讓用戶可以實時渲染 jTab 註釋

[jtab showform='true' buttontext='jTab me, baby!' phrase='C Am F G']

為 jtab div 指定不同的 class 和/或 id

[jtab phrase="C / Am / F / G G7" class="myclass" id="myid"]

需要不同的功能或完全不同的插件嗎?那就雇用我吧!請前往 http://www.marichiba.com/contact-me。

你可以雇用我!

需要不同的功能或完全不同的插件嗎?那就雇用我吧!請前往 http://www.marichiba.com/contact-me。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「jTab Guitar Tab Shortcode」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

jTab Guitar Tab Shortcode displays clean SVG graphics of guitar chords and tab on your WordPress blog, based on simple text notation entered into a WordPress shortcode.
This plugin is based on the excellent open-source jTab JavaScript library by Paul Gallagher (http://jtab.tardate.com). “jTab is a javascript-based library that renders notation using CSS and scalable vector graphics (SVG). It works in most modern browsers that support javascript, CSS and scalable vector graphics (SVG).”
I’d rather show than tell! To see plenty of examples, visit the shortcode plugin page at http://jtab-guitar-tab-shortcode.marichiba.com.
USAGE
Display guitar chords
[jtab phrase="C / Am / F / G G7"]

Display guitar tab with chords
[jtab phrase="Bm $3 4 4h5p3h4 5 $2 3 5 7 7h8p7 5/7 | A $4 7 9 $3 7 6 $5 9 $4 7h9 7 $5 9\7 5/7 |"]

Display a form allowing users to render jTab notation in real-time
[jtab showform='true' buttontext='jTab me, baby!' phrase='C Am F G']

Specify different class and/or id for the jtab div
[jtab phrase="C / Am / F / G G7" class="myclass" id="myid"]

Do you need different functionality from this shortcode, or a different plugin altogether? Hire me! Go to http://www.marichiba.com/contact-me.
You can hire me!
Do you need different functionality from this shortcode, or a different plugin altogether? Hire me! Go to http://www.marichiba.com/contact-me.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon