現在網路上大部分提供免費生成二維碼API的服務的網站均無法在二維碼中加入自己的Logo或採用更活潑的漸變顔色,最近本站發現了國內的一個二維碼API提供商「聯圖網」可以完美加入Logo及使用漸變色,這篇文章就來教大家如何使用「聯圖網」所提供的API來創建你的二維碼!
QR Code簡介
二維條碼是指在一維條碼的基礎上擴展出另一維具有可讀性的條碼,使用黑白矩形圖案表示二進制數據,被設備掃描後可獲取其中所包含的信息。一維條碼的寬度記載着數據,而其長度沒有記載數據。二維條碼的長度、寬度均記載着數據。二維條碼有一維條碼沒有的「定位點」和「容錯機制」。容錯機制在即使沒有辨識到全部的條碼、或是說條碼有污損時,也可以正確地還原條碼上的資訊。
本段轉載至「維基百科:二維碼」
「聯圖網」API可用參數
我們可以使用下列參數來客制化我們的二維碼:
提示:顔色代碼可在「HTML顏色代碼」中找到!
參數 | 描述 | 格式 | 範例 | 備註 |
---|---|---|---|---|
bg | 背景顔色 | bg=[顔色代碼] | bg=ffffff | |
fg | 二維碼顔色 | fg=[顔色代碼] | fg=000000 | 如使用漸變色,本參數即二維碼左上角之色彩 |
gc | 漸變顔色 | gc=[顔色代碼] | gc=cc00000 | 如使用本參數,即開啟漸變色!本參數為二維碼右下角之色彩! |
el | 容錯等級 | el=[h/q/m/l] | el=h | 如無特別需要,保持默認即可 |
w | 二維碼邊長 | w=[數值 (px)] | w=300 | |
m | 邊距 | m=[數值 (px)] | m=30 | |
logo | Logo圖標 | logo=[圖標地址] | logo=略 | |
text | 文字 | text=[文字] | text=hello | 注意,必須使用URL轉碼後的字符! (即PHP中 urlencode 函數) |
使用範例
白底黑字無漸變二維碼:http://qr.liantu.com/api.php?&bg=ffffff&fg=000000&text=hello
顔色漸變二維碼:http://qr.liantu.com/api.php?&bg=ffffff&fg=000000&gc=cc00000&text=hello
帶Logo二維碼:http://qr.liantu.com/api.php?&bg=ffffff&fg=000000&logo=https://file.arefly.com/icon-white.png&text=hello
設定大小為300px:http://qr.liantu.com/api.php?&w=300&bg=ffffff&fg=000000&text=hello
設定大小為300px、邊距30px:http://qr.liantu.com/api.php?&w=300&m=30&bg=ffffff&fg=000000&text=hello
在WordPress中使用「聯圖網」API來增加當前頁面二維碼
提示:本站曾寫過更加詳細的教學,請見:WordPress自動添加本頁二維碼
1、首先你需要安裝外掛「Exec-PHP」來讓你的小工具中支持PHP代碼
2、然後你只需要在你的部落格「控制台」-「外觀」-「小工具」並且添加一個「文字」小工具,然後輸入以下代碼就可以啦!
注意:你需要將下列代碼中的 【Logo、背景色、漸變顔色等API】
替換為你想使用的除「二維碼邊長」、「邊距」及「文字」外的其他你使用的參數
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<?php if(is_home()){ $cur_url = home_url(); $alt = get_bloginfo('name'); }else if(is_single()){ $cur_url = wp_get_shortlink(); $alt = get_the_title(); }else{ $cur_url = 'http://'.$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; $alt = '本頁面'; } $cur_url = urlencode($cur_url); $alt .= "的QR Code"; ?> <img src="http://qr.liantu.com/api.php?&w=100&m=10&【Logo、背景色、漸變顔色等API】&text=<?php echo $cur_url; ?>" srcset="http://qr.liantu.com/api.php?&w=200&m=20&【Logo、背景色、漸變顔色等API】&text=<?php echo $cur_url; ?> 2x" height="100" width="100" alt="<?php echo $alt; ?>" /> |