3 วิธีต่างๆ ในการแสดงวันที่ของวันนี้ใน WordPress . โดยอัตโนมัติ

เคยต้องการให้คุณแสดงวันที่ของวันนี้บนไซต์ WordPress ของคุณหรือไม่? การแสดงวันที่ปัจจุบันช่วยให้ผู้อ่านรู้ว่าคุณยังมีชีวิตอยู่และกำลังเตะอยู่ และถ้าผู้อ่านของคุณลืมเหมือนฉัน มันอาจช่วยให้พวกเขาจำวันครบกำหนดที่ใกล้เข้ามาได้ด้วยซ้ำ!

แม้ว่าธีม WordPress บางส่วนจะมีตัวเลือกในตัวเพื่อแสดงวันที่ของวันนี้บนไซต์ของคุณ แต่ธีมส่วนใหญ่ไม่มี ดังนั้น หากคุณต้องการแสดงวันที่ปัจจุบันในที่ใดที่หนึ่งบนไซต์ WordPress คุณจะต้องจัดการสิ่งต่างๆ ด้วยตัวเอง

ในบทความนี้ ผมจะอธิบายวิธีการแสดงวันที่ของวันนี้ใน WordPress สามวิธี ขั้นแรก ฉันจะแสดงปลั๊กอินที่ใช้งานได้ไม่กี่ตัวที่มีฟังก์ชันนี้ให้คุณดู จากนั้น ฉันจะให้บทแนะนำสั้นๆ เกี่ยวกับวิธีสร้างรหัสย่อของคุณเอง และสุดท้าย ฉันจะปัดเศษด้วยข้อมูลโค้ดสองแบบที่แตกต่างกัน ซึ่งคุณสามารถใช้เพื่อเพิ่มวันที่ของวันนี้ลงในไฟล์เทมเพลตของธีมของคุณได้โดยตรง

มาขุดกัน…

วิธีแสดงวันที่ของวันนี้ด้วยปลั๊กอิน WordPress

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

ไม่น่าแปลกใจเลยที่วิดเจ็ตวันที่และเวลามีวิดเจ็ตใหม่ล่าสุดที่คุณสามารถใช้เพื่อแทรกวันที่และเวลาปัจจุบันลงในพื้นที่ที่มีวิดเจ็ต หากคุณต้องการใช้รหัสย่อกับวิดเจ็ต ฉันจะแสดงวิธีสร้างรหัสย่อวันที่ของคุณเองในหัวข้อถัดไป

ปลั๊กอินนี้ดีเพราะช่วยให้คุณตั้งค่าการจัดรูปแบบ ขนาดแบบอักษรและแบบอักษร ตลอดจนสีที่กำหนดเองได้

ในการใช้ปลั๊กอิน สิ่งที่คุณต้องทำคือติดตั้งและเปิดใช้งาน จากนั้นไปที่ Appearance → Widgets แล้วลากไป ที่ วิดเจ็ต Date and Time ใหม่เช่นเดียวกับที่คุณทำ:

จากนั้น คุณเพียงแค่ต้องผ่านและกำหนดค่าแต่ละตัวเลือก:

• รูปแบบเวลา: คุณสามารถเลือกรูปแบบเวลาที่แตกต่างกันสองสามรูปแบบหรือเลือกไม่มีเพื่อปิดส่วนนี้ (และแสดงเฉพาะวันที่)
• รูปแบบวันที่: เลือกรูปแบบที่คุณต้องการใช้สำหรับวันที่
• ตระกูลแบบอักษร: เลือกตระกูลแบบอักษรทางเลือก (วิดเจ็ตควรสืบทอดแบบอักษรของธีมเป็นตัวเลือกแรก)
• ขนาด ตัว อักษร: อธิบายตนเอง
• Text Color: สีสำหรับข้อความทั้งหมดในวิดเจ็ต
• สีพื้นหลัง: พื้นหลังสำหรับข้อความ

ฉันจะทำให้พื้นหลังเป็นสีดำและข้อความเป็นสีขาว เพื่อให้คุณเห็นว่าองค์ประกอบทั้งสองทำงานอย่างไร

เมื่อคุณบันทึกวิดเจ็ตแล้ว คุณจะเห็นวันที่ของวันนี้ที่ส่วนหน้า:

ค่อนข้างง่าย! แต่จริงๆ แล้วมันเกือบจะง่ายพอๆ กับการสร้างรหัสย่อของคุณเองที่แสดงวันที่ปัจจุบัน นี่คือวิธี:

วิธีสร้างรหัสย่อเพื่อแสดงวันที่ของวันนี้ใน WordPress

หากคุณต้องการแนวทางแบบแมนนวลมากกว่า คุณสามารถสร้างชอร์ตโค้ดของคุณเองได้โดยใช้โค้ดเพียงไม่กี่บรรทัด โดยส่วนตัวแล้ว นี่เป็นวิธีที่ฉันชอบเพราะมันให้ความยืดหยุ่นแก่คุณในการแทรกวันที่ปัจจุบันในส่วนใดๆ ของเนื้อหาของคุณ ไม่ใช่แค่พื้นที่ที่มีวิดเจ็ต

คุณสามารถวางรหัสนี้ใน:

• ไฟล์ functions.php ของธีมลูกของคุณ
• ปลั๊กอินแบบกำหนดเองที่คุณสร้างขึ้นเอง

ฉันจะแสดงวิธีทำโดยใช้ functions.php เพราะนั่นเป็นวิธีที่ง่ายที่สุด – คุณจะต้องอย่าลืมคัดลอกโค้ดนี้หากคุณเคยเปลี่ยนธีม

ในการสร้างรหัสสั้น คุณเพียงแค่เพิ่มรหัสนี้ลงในไฟล์ functions.php ของคุณ:

function displayTodaysDate( $atts )

{

return date(get_option('date_format'));

}

add_shortcode( 'datetoday', 'displayTodaysDate');

รหัสย่อจะใช้รูปแบบวันที่เดียวกับที่คุณตั้งไว้ใน การตั้งค่า → ทั่วไป

เมื่อคุณเพิ่มรหัสแล้ว คุณสามารถใช้รหัสย่อ [datetoday] ใน WordPress Editor หรือ Divi Code Module:

และจะแสดงวันที่ปัจจุบันที่ส่วนหน้าตามรูปแบบในการตั้งค่า WordPress ของคุณ:

คุณยังสามารถเพิ่มการจัดรูปแบบพื้นฐานให้กับวันที่ของคุณได้โดยใช้ TinyMCE Editor ตัวอย่างเช่น หากคุณกำหนดรหัสย่อให้เป็นตัวหนา วันที่จะปรากฏเป็นตัวหนาที่ส่วนหน้าของเว็บไซต์ของคุณ

หมายเหตุ – รหัสนี้เป็นเวอร์ชันแก้ไขของรหัส Ben Poland จาก Today's Date ซึ่งเป็นปลั๊กอินที่ไม่สามารถใช้งานได้อีกต่อไปเนื่องจากมีช่องว่างในฟังก์ชัน shortcode ฉันพบปลั๊กอินของ Ben ในไดเร็กทอรี WordPress.org และตั้งใจจะใช้สำหรับบทช่วยสอนนี้ แต่ในการทดสอบ ฉันพบว่าใช้งานได้ก็ต่อเมื่อฉันแก้ไขโค้ดด้วยตนเองเพื่อลบช่องว่างออกจากรหัสย่อ

วิธีแสดงวันที่ของวันนี้ด้วยรหัส

หมายเหตุ – ส่วนนี้มีไว้สำหรับผู้ที่คุ้นเคยกับโค้ดและธีม WordPress เพียงเล็กน้อยเท่านั้น หากคุณเป็นมือใหม่ เราขอแนะนำให้คุณใช้สองวิธีก่อนหน้านี้

สุดท้ายนี้ หากคุณยินดีที่จะทำให้มือสกปรกในไฟล์เทมเพลตของธีม คุณสามารถใช้ PHP บรรทัดเดียวเพื่อแทรกวันที่ของวันนี้ได้ทุกที่ในไซต์ WordPress ของคุณ

มีข้อมูลโค้ดที่แตกต่างกันสองแบบที่คุณสามารถเลือกได้:

<?php echo date(get_option('date_format')); ?>

ข้อมูลโค้ดด้านบนจะแสดงวันที่ปัจจุบันตามการตั้งค่า WordPress ของคุณ เช่นเดียวกับรหัสย่อ

แต่คุณยังสามารถระบุรูปแบบวันที่ที่ไม่ซ้ำกันได้โดยใช้รหัสบิตนี้:

<?php echo date('l jS F Y'); ?>

คุณสามารถค้นหารูปแบบต่างๆ ได้ที่บทความ WordPress Codex นี้

ตัวอย่างเช่น หากคุณเพิ่มโค้ดด้านล่างแท็กปิด </header> ในไฟล์ header.php ของคุณดังนี้:

จากนั้นวันที่ปัจจุบันจะแสดงด้านล่างส่วนหัวของคุณบนไซต์ส่วนหน้าของคุณ:

คุณอาจต้องลองใช้การวางตำแหน่ง แต่เป็นอีกวิธีง่ายๆ ในการแสดงวันที่ของวันนี้บนไซต์ WordPress ของคุณ

หากต้องการควบคุมมากขึ้น คุณสามารถวางโค้ดใน <div> แล้วใช้ CSS เพื่อกำหนดรูปแบบและ/หรือวางตำแหน่ง <div> บนไซต์ของคุณ

ห่อของ

แม้ว่าจะไม่ใช่การเปลี่ยนแปลงครั้งใหญ่ แต่การแสดงวันที่ของวันนี้บนไซต์ WordPress ของคุณอาจมีประโยชน์ขึ้นอยู่กับหัวข้อของไซต์ของคุณ

หากคุณต้องการแสดงวันที่ของวันนี้ในแถบด้านข้างของคุณ (หรือพื้นที่วิดเจ็ตอื่นๆ) ปลั๊กอินวิดเจ็ตวันที่และเวลาจะเป็นตัวเลือกที่ดีที่สุดของคุณ

มิฉะนั้น ฉันแนะนำให้สร้างรหัสย่อของคุณเอง หรือหากคุณมีทักษะการเขียนโค้ดพื้นฐาน อย่างน้อย ให้ขุดลงในไฟล์เทมเพลตของธีมของคุณ

เราพลาดวิธีที่คุณชื่นชอบในการเพิ่มวันที่ปัจจุบันใน WordPress หรือไม่? อย่าลังเลที่จะแบ่งปันข้อเสนอแนะของคุณด้านล่าง

รูปภาพขนาดย่อของบทความ 32 พิกเซล / shutterstock.com