現在網路上大部分提供免費生成二維碼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; ?>" /> |
加了logo会有一定机率500
沒有吧,從來沒遇到過...
很强大的功能。
是啊~~

这下方便多了
多谢大哥,网站二维码已改进成本文提到的形式。大致试了下,加上logo会比直接显示慢一些,有时二维码图还会出不来。不过这也正常,毕竟服务端要读取logo再生成。
发现个问题,就是在扫wordpress分类和tag页二维码时,并不会出现当前分类页链接,而是该分类下的第一篇文章链接,好怪。不管是联图还是qrserver都一样。不管他了,这项功能还是很给力的说!
已經更新代碼解決「在扫wordpress分类和tag页二维码时,并不会出现当前分类页链接,而是该分类下的第一篇文章链接」這個問題啦!
修改过来了,果然已解决问题~还是大哥厉害
有点拖慢速度。没整体加载得快。
是因為這個聯圖網偶爾會加載不出來...刷新一下就好了...
用谷歌的吧= =还是觉得谷歌的舒服。
不是谷歌內地被封掉了麼...
好方法!虽然麻烦,但配置好了就很方便地生成二维码了。
對呀~