ยุคสมัยนี้การใช้งานผ่านเวบส่วนใหญ่จะใช้งานผ่านอุปกรณ์ มือถือ เช่น สมาร์โฟน เท็บเล็ต ดังนั้นการที่ผู้ชมเว็บไซต์จะจดจำ URL หรือว่ากดบันทึกคงเป็นเรื่องลำบาก แต่มีสิ่งหนึ่งที่ทำให้ผู้ชมเว็บไซต์สามารถจดจำเวบไซค์ได้ง่าย คือ QR Code ที่กำลังได้รับความนิยมมากในปัจจุบัน
ขั้นตอนการใส่ QR Code ลงในหน้า Post
1.ให้เราเข้าไปที่ เมนู>รูปแบบบล็อก>แก้ไข
2.เลือกที่ file Theme ด้านข้าง หน้าเดี่ยว(single.php)
3.ค้นหา WordPress Loop หน้าตาแบบด้านล่างนี้
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!-- Start the Loop. --> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <?php if ( in_category('3') ) { ?> <div> <?php } else { ?> <div> <?php } ?> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> <small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small> <div> <?php the_content(); ?> </div> <p>Posted in <?php the_category(', '); ?></p> </div> <!-- closes the first div box --> <?php endwhile; else: ?> <p>Sorry, no posts matched your criteria.</p> <!-- REALLY stop The Loop. --> <?php endif; ?> |
4.แล้วใส่โค็ดนี้ลงไปใน WordPress Loop(ผมเลือกใส่ ที่จะให้แสดง Code ใต้บทความจึงเสือกใส่ ใต้บรรทัดที่ 16)
1
|
<img src="https://api.qrserver.com/v1/create-qr-code/?size=500x500&data="<?php the_permalink() ?>" alt="QR Code for <?php the_title_attribute(); ?>"/> |
แค่นี้ก็เรียบร้อยแล้วครับลองดูผลลัพท์ได้เลย สงสัยตรงไหนสอบถามได้นะครับ