دنیای امروز، دنیای انواع گجت های پرتابل است. بنابراین اگر میخواهید وبسایت شما کاربر پسند بوده و استفاده از آن برای عموم افراد با هر دیوایسی که وارد آن شوند، ساده و دلنشین باشد، میبایست به این گجت های پرتابل، از جمله موبایل ها و تبلت ها توجه ویژه ای داشته باشید. شاید کسی مایل باشد صفحه ای از وبسایت شما را که همین الان در حال مشاهده ی آن است، در موبایل خود باز کند و آن را برای استفاده های بعدی ذخیره نماید. این کار خصوصا با url های فارسی ما، کار بسیار دشواری خواهد بود. اینجاست که پای کد های QR به میان می آید. کد های QR مدت هاست جای خود را در دنیای ما باز کرده اند و استفاده از آنها در تمامی قسمت های وب کاملا آشکار و فراگیر است. بنابراین در آموزش امروز قرار است به همراه گروپ دیزاین، یاد بگیرید که چطور میتوانید کاری کنید که کد های QR حاوی لینک نوشته یا برگه تان به صورت اتوماتیک در هر مطلب به نمایش در بیایند. با ما همراه باشید.
کد QR چیست؟
اگر تا اینجا آمده اید، احتمالا پاسخ را خودتان میدانید. ولی اجازه بدهید ما هم توضیح کوچکی در این زمینه ارائه کنیم تا اگر به خوبی با کد های QR آشنا نیستید، کارکرد آنها را بهتر درک کنید. به نقل از ویکی پدیا :
QR Code یک رمزینه ماتریسی (یا بارکد دودورا [دوبُعدی]) است. میتوان آن را با پویندههای QR، تلفن همراه دوربیندار و تلفن هوشمند خواند. این بارکُد دربردارندهٔ چیدمانی از چهارگوشهای سیاه بر روی زمینهٔ سپید است. دادهٔ نهفته میتواند نوشته، نشانی وب، شماره تلفن، یا دادهٔ دیگری باشد.
اضافه کردن اتوماتیک کد QR به مطالب در وردپرس
کاری که الان میخواهیم انجام بدهیم این است. میخواهیم کاری کنیم که از به بعد در هر نوشته یا برگه ای که در وردپرس منتشر میشود، یک کد QR حاوی لینک مطلب در آن به نمایش در بیاید. برای انجام این کار کافی است کد زیر را در فایل single.php خود، در محلی که مایلید کد کیو آر به نمایش در بیاید قرار دهید :
[codesyntax lang=”php”]
۱ | <img src="http://api.qrserver.com/v1/create-qr-code/?size=150x150&data=<?php the_permalink(); ?>" alt="QR Code For: <?php the_title(); ?>"/> |
[/codesyntax]
[codesyntax lang=”php”]
۱ | <img src="http://api.qrserver.com/v1/create-qr-code/?size=150x150&data=<?php the_permalink(); ?>" alt="QR Code For: <?php the_title(); ?>"/> |
[/codesyntax]
مثلا قرار دادن این کد بعد از محل اتمام متن میتواند انتخاب خوبی باشد ( تابع the_content ). در ادامه اگر به استفاده از api های گوگل علاقه مند باشید میتوانید بجای کد بالا از کد زیر استفاده کنید :
[codesyntax lang=”php”]
۱ | <img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=<?php the_permalink(); ?>" alt="QR Code For: <?php the_title(); ?>" /> |
[/codesyntax]
[codesyntax lang=”php”]
۱ | <img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=<?php the_permalink(); ?>" alt="QR Code For: <?php the_title(); ?>" /> |
[/codesyntax]
البته api گوگل یک کادر سفید اضافه هم دور کد QR نشان میدهد که ممکن است برای بعضی ها چندان جذاب نباشد. به هر حال انتخاب با شماست. در نهایت برای تغییر طول و عرض QR ایجاد شده هم میتوانید عدد ۱۵۰ را به عدد دلخواه خود تغییر دهید.
توجه داشته باشید که کدهای بالا میبایست حتما در بین حلقه ی مطلب قرار بگیرند وگرنه به درستی کار نخواهند کرد.
به همین سادگی، از این به بعد نوشته های شما به صورت اتوماتیک دارای کد QR خواهند بود که به خود مطلب لینک شده است و هر کس با استفاده از یک اپلیکیشن خواندن QR میتواند مطلب مورد نظر را بر روی دیوایس مورد نظرش بارگذاری و مشاهده کند.
فکر میکنم نیازی به گفتن نباشید که با دستکاری کد های بالا میتوانید برای هر آدرسی و در هر کجای قالب و سایت خود که مایل باشید QR ایجاد کرده و مورد استفاده قرار دهید. امیدوارم از این آموزش لذت برده باشید.
ساخت دستی کد ها توسط لینک زیر