22
Aug

ใส่สีสันแสดง Post Status ให้ WordPress

Category: Blog , code , How to , Website / 742 views

วันนี้มีเทคนิคการใส่สีสันแสดงสถานะของบทความ (Post) ใน WordPress มาฝากครับ เผอิญว่าไปอ่านเจอจากลิงค์ต้นฉบับภาษาอังกฤษแล้ว เห็นว่ามันเข้าท่าดีเหมือนกันครับ ซึ่งวิธีการนี้จะมองเห็นสำหรับคนที่เป็น Admin เท่านั้นนะครับ หลักการก็คือ เราใช้สีในการฟิลเตอร์โพสต์ต่างๆ เช่น โพสต์ที่เผยแพร่แล้ว ให้แสดงพื้นหลังสีฟ้า  โพสต์ที่เป็น Draft ให้แสดงสีเขียว โพสต์ Private แสดงสีชมพู เป็นต้นครับ  ซึ่งเทคนิคนี้เราจะมาเขียนโค้ดลงในไฟล์ functions.php  ครับ (ไฟล์นี้อยู่ในตำแหน่ง wp-content/themes/ธีมที่เรา activate/functions.php)

 

เทคนิคนี้ผมว่ามีประโยชน์อยู่นะครับ สำหรับใครที่ต้องการตรวจสอบสถานะของ Posts ของตัวเองแบบรวดเร็ว แค่ดูสีก็เก็ทแล้ว อะไรประมาณนนั้น

 

ถ้าหากสนใจเทคนิคนี้ก็เพียงแค่ก็อบปี้โค้ดนี้แล้วไปวางไว้ในไฟล์ functions.php แค่นั้นครับ ถ้าต้องการเปลี่ยนสีเป็นสีที่ตัวเองชอบ ก็เปลี่ยนได้ใน css นะครับผม

{code type=php}
// Custom post highlighting based on post status //

function color_code_post_status(){
?>
<style>
.status-draft{background: #FFFF99 !important;}
.status-future{background: #CCFF99 !important;}
.status-publish{/* no background – keep alternating rows */}
.status-pending{background: #87C5D6 !important;}
.status-private{background:#FFCC99;}
</style>
<?php
}

add_action(‘admin_footer’,’color_code_post_status’);
{/code}

ใช้แล้ว ลองไปเปิดในหน้า Admin ของ WordPress เลือก All Posts ดูครับ แล้วจะเห็นผล

ขอบคุณบทความต้นฉบับภาษาอังกฤษ http://bit.ly/qZrtUB

 

Tags:


Phraisohn Siripool is a Graphic Designer and Website Developer. Contact Buksohn for Your Business Endeavours