[WordPress] 外掛分享: ChordChartWP

首頁外掛目錄 › ChordChartWP
WordPress 外掛 ChordChartWP 的封面圖片
10+
安裝啟用
尚無評分
2388 天前
最後更新
問題解決
WordPress 4.6+ PHP 5.2.4+ v1.0 上架:2019-08-27

內容簡介

這是一個 WordPress 外掛的簡碼,可用於載入 JavaScript 库 chordography2 (https://chordography2.blogspot.com/)。
使用簡單且易於插入,可以使用多個參數進行高度自定義。

和弦數據庫是設計用於吉他的,僅包含主要的七度音階「A、B、C、D、E、F、G」。這個
未來還會增加和更新。

想要顯示數據庫中的和弦,請輸入以下簡碼

[chordChart title="C"]

要使用數據庫中的更多和弦

[chordChart title="A,B,C,D,E,F,G"]

自定義和弦

[chordChart title="Am7,DM7" frets="x02010,x57675" labels="xx2x1x,x13241"]

混合使用數據庫中的和弦和自定義和弦

[chordChart title="C,D,Em" frets=",,022000" labels=",,x12xxx"]

對於那些比較高的品位和弦,可以使用括號來定義它們

[chordChart title="C" frets="8(10)(10)988" labels="134211"]

用戶也可以忽略 label 參數,但是 E 形和 A 形和弦的 barre 標誌將不會渲染出來。

為了更改樣式,您可以在簡碼中使用參數,例如 style=”pretty” 或 cellHeight=34 等。其他參數可以在 chart.data.js 文件中找到。

外掛標籤

開發者團隊

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

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

原文外掛簡介

This is a wordpress shortcode for the javascript library chordography2 (https://chordography2.blogspot.com/).
It is easy to use, plug and play, and can be intensively costumized with several parameters.
The database of chords are designed for guitar and are only the major non-chromatic chord “A,B,C,D,E,F,G”. This
will grow and will be updated in the future.
To visualize a chord from the database write
[chordChart title="C"]

For more chords from the database
[chordChart title="A,B,C,D,E,F,G"]

For custom chords
[chordChart title="Am7,DM7" frets="x02010,x57675" labels="xx2x1x,x13241"]

For mixed of chords from database and custom chords
[chordChart title="C,D,Em" frets=",,022000" labels=",,x12xxx"]

For chord in higher position of the neck you could use parantheses to define them
[chordChart title="C" frets="8(10)(10)988" labels="134211"]

User could also ignore the label parameter but then the barre sign will not be rendered for E-shape and A-shape chords.
To change the style, you could use parameter such as style=”pretty” or cellHeight=34, etc.,. in the short code. The other parameter can be found in the chart.data.js file

延伸相關外掛

文章
Filter
Apply Filters
Mastodon