บทความนี้ได้นำ Wordpress นี่เป็น cms ที่ฮิตมากจริงๆ ค่ะ ของเขาติดตั้งง่าย รวดเร็ว และใช้ง่าย จนต้านทานกระแสความนิยมไม่ไหว มีเหตุให้ต้องหัดใช้ Wordpress อย่างจริงๆ จังๆ ขนาดที่เคยลบๆ ลงๆ วันนึงประมาณหลายรอบเลย คือ หัดลงแล้วก็เซ็ตจนเจ๊ง แล้วก็ลบลงใหม่ค่ะ ซึ่งปัญหากับ Wordpress ของทาโกะในวันนี้ เป็นเรื่องการแบ่งหน้าใหม่ให้กับ Post (หรือใครจะเรียกว่า Entry/เรื่อง/บทความ ก็ได้) ตามปกติทำโดย พิมพ์ <!--nextpage--> ลงไปตรงที่ต้องการให้ตัดขึ้นหน้าใหม่ ในหน้า html ของ Post ที่ต้องการ (ดังรูปแรกด้านบน) แต่..รูปแบบการขึ้นหน้าใหม่ก็จะเป็นไปตาม Default ของ Theme ที่เลือกใช้ค่ะ ถ้าต้องการรูปแบบ <!--nextpage--> แบบอื่น ต้องเข้าไปแก้ php code ที่ไฟล์ "single.php" ที่อยู่ใน folder ของ Theme ค่ะ
ดูบรรทัดที่มี ..
<?php link_pages( $before, [บลา .. บลา .. บลา .. ], $more_file ); ?>
หรืออะไรคล้ายๆ นี้นะคะ (ตามรูปที่ 1)
แล้วเพิ่มโค้ดเข้าไป 3 ช่วง (ตามรูปที่ 2)
เพื่อปรับแต่งส่วนแสดงผลการแบ่งหน้าตามคำสั่ง <!--nextpage--> ค่ะ
ช่วง 1
<?php link_pages('<p><strong>Pages:</strong>', '', '', '', '', ''); ?>
<?php link_pages('', '', 'next_or_number', '', ' « ', ''); ?>
<?php link_pages('', '', 'number', '', '', '% '); ?>
<?php link_pages('', '', 'next_or_number', ' » ', '', ''); ?>
<?php link_pages('', '</p>', '', '', '', ''); ?>
ช่วง 2
<?php link_pages('<p><strong>Pages:</strong>', '</p>', 'number', '', '', ' % '); ?>
ช่วง 3
<?php link_pages('<p><strong>Pages:</strong>', '</p>', 'next_or_number', ' » ', ' « ', ' % '); ?>
จากนั้น save ไฟล์ "single.php" แล้วดูผลจากการใช้งาน <!--nextpage--> นะคะ
โค้ดแต่ละช่วงจะแสดงผลแบบในรูปที่ 4 ค่ะ ชอบแบบไหนลองเพิ่มเข้าไป
ตามปกติเมื่อมีปัญหามาก็แก้ไขไปค่ะ หาอ่าน อ่าน อ่าน จากหลายเว็บ แล้วค่อยๆ ลองทำดู จนเดี๋ยวนี้อินเทอร์เน็ตถือเป็นแหล่งความรู้ขนาดใหญ่ของทาโกะได้เลย จนบางครั้งรู้สึกว่า.. ถ้าไม่มีอินเทอร์เน็ตให้ใช้ การทำงานคงยากขึ้นนะคะ แล้ว.. เพื่อนๆ เคยคิดแบบเดียวกับทาโกะบ้างไหม ( ^^ )
แหล่งที่มา: http://blog.fukduk.tv/
หมายเหตุ : wordpress แต่ละ vertion ไม่เหมือนกัน ดังนั้นการเขียน code จะไม่เหมือนกันซะทีเดียวอย่างของนู๋ดีเองต้องแก้ที่บรรทัดนี้
<div class="postLinkPages">
<!--p wp_link_pages('before=<stro-->'.__('', 'Eos').'</strong>&pagelink=<span>'.__('หน้า %', 'Eos').'</span>'); ?></div>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น