no-img
اِمیلاسلام کاربر مهمان. امروز دوشنبه ۲۷ آبان ۱۳۹۸


ادامه مطلب

بروزرسانی؛ ۳۱ شهریور ۱۳۹۸
قرار دادن بارکد اتوماتیک برای مطالب سایت
امتیاز 5.00 ( 10 رای )
حمایت از emila.ir

قرار دادن بارکد اتوماتیک برای مطالب سایت

بروزرسانی؛ ۳۱ شهریور ۱۳۹۸

قرار دادن بارکد اتوماتیک برای مطالب سایت توسط تکنولوژی QR Code انجام می شود. QR Code یک بارکد می باشد که دربردارنده اطلاعاتی مانند نشانی سایت، شماره تماس، عکس، نام و نشان و … یا یک آدرس اینترنتی است. در این پست روشی را به شما آموزش می دهیم که توسط آن می توانید برای هر مطلب سایت یا وبلاگتان به صورت اتوماتیک بارکد یا QR Code قرار دهید. درست مانند وبسایت emila.ir.

چگونه برای پست های سایت به صورت اتوماتیک بارکد قرار دهیم ؟

با قرار دادن کد زیر در قالب سایت، به هر پست یک QR Code که دارای لینک آن مطلب می باشد اختصاص می یابد.

:برای دارندگان سایت در وردپرس

* قصد داریم از این به بعد در هر نوشته یا برگه ای که در وردپرس منتشر می شود، یک کد QR حاوی لینک مطلب در آن به نمایش در بیاید: کافی است کد زیر را در قسمت Single.Php سایت خود قرار دهید. در کد زیر از api یک سایت باحال ایرانی استفاده شده است. ما در emila جهت ساخت qr code مطالب از کد زیر استفاده می کنیم. برای کسب جزئیات بیشتر درباره کد زیر به qr-code.ir/api مراجعه کنید. 😉

<a href="http://emila.ir/" target="_blank">
<img  oncontextmenu="return false;" border="0"
src="http://qr-code.ir/api/qr-code/?d=5&e=H&t=J&d=<?php the_permalink(); ?>"
alt="QR Code For:  <?php the_title(); ?>" width="70" height="70" title="emila.ir" alt="emila.ir">
</a>

یا از روش زیر استفاده کنید:

<a href=”http://qr-code.ir/api/qr-code?e=L&s=10&t=P&d=<?php the_permalink(); ?>” target=”_blank” ><img oncontextmenu=”return false;” src=”http://qr-code.ir/api/qr-code?e=L&s=2.5&t=P&d=<?php the_permalink(); ?>” align=”left” alt=”emila.ir QR-code” title=”برای مشاهده بهتر بارکد، کلیک کنید” <?php the_title(); ?> ></a>

* یا می توانید از از api های سایت qrserver استفاده کنید.

<img src="http://api.qrserver.com/v1/create-qr-code/?size=150x150&data=<?php the_permalink(); ?>" alt="QR Code For: <?php the_title(); ?>"/>

مثلا قرار دادن این کد بعد از محل اتمام متن میتواند انتخاب خوبی باشد ( تابع the_content ).

* اگر به استفاده از api های گوگل علاقه مند باشید می توانید بجای کدهای بالا از کد زیر استفاده کنید:

<img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=<?php the_permalink(); ?>" alt="QR Code For: <?php the_title(); ?>" />

api گوگل یک کادر سفید دور کد QR نشان می دهد که چندان جذاب نیست. نهایتا برای تغییر طول و عرض QR ایجاد شده می توانید عدد 150 را به عدد دلخواه تغییر دهید.

توجه:

کدهای بالا باید در بین حلقه ی مطلب قرار بگیرند وگرنه به درستی کار نخواهند کرد.

برای وبلاگ های رزبلاگ:

کافی است کد زیر را در محلی که می خواهید بارکد نشان داده شود ، قرار دهید.

<RB:Only_More_Post>
<style type="text/css">
.qr-code{background:#B9E217 ;padding:10px 20px 10px 20px;color:#454b4b;font:11px tahoma;font-weight:bold;border-bottom:1px #7f8c8d solid;border-top:1px #7f8c8d solid;border-radius:3px;margin-bottom:5px;}.short-link a{color:#454b4b;}
</style>
<div class="qr-code">
<span class="livicon" data-n="responsive" data-s="26" data-c="#ff9600" data-hc="false"></span>
<span style="color:#0000cd;"><em>QR Code پست</em></span><br>
توسط QR-Code هر پست به راحتی می توانید به پست های اِمیلا در موبایل خود دسترسی داشته باشید
<br>
<center>
<a href="http://qr-code.ir/api/qr-code/?d=5&e=H&t=J&d=[Post_Link]" target="_blank"><img  oncontextmenu="return false;" border="0" src="http://qr-code.ir/api/qr-code/?d=5&e=H&t=J&d=[Post_Link]" width="70" height="70" title="آموزش قرار دادن اتوماتیک QR-Code برای پست های سایت" alt="آموزش قرار دادن اتوماتیک QR-Code برای پست های سایت"></a>
</center>
</div>
</RB:Only_More_Post>

موضوع : وب/ برچسب : , / لینک کوتاه : https://emila.ir/?p=6127
designer