สมาชิกคนหนึ่งของเราถามเราว่าเป็นไปได้หรือไม่ที่จะเปลี่ยนสีพื้นหลังของ WordPress แบบสุ่ม สีพื้นหลังมีบทบาทสำคัญในผู้ชมของคุณ พวกเขาสามารถเปลี่ยนวิธีที่ผู้ใช้โต้ตอบกับเว็บไซต์ของคุณได้ ในบทช่วยสอนนี้ เราจะแสดงวิธีสุ่มเปลี่ยนสีพื้นหลังของคุณ บล็อก WordPress.
วิธีการ 1: วิธีเพิ่มสีแบบสุ่มด้วยตนเอง
วิธีนี้มีไว้สำหรับนักพัฒนา คุณจะต้องเพิ่มโค้ดบางส่วนในปลั๊กอินหรือธีมของคุณ จำได้ว่าคุณเคยแสดง วิธีสร้างปลั๊กอิน WordPress.
สิ่งที่คุณต้องทำคือเพิ่มส่วนของโค้ดต่อไปนี้ในปลั๊กอินของคุณหรือในไฟล์“ functions.php” ของธีมของคุณ
ฟังก์ชั่น bpc_bg () {$ แรนด์ = array ( '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'a', 'B', 'C', 'd', 'e' 'ฉ'); $ สี = '#'. $ แรนด์ [แรนด์ (0,15)]. $ แรนด์ [แรนด์ (0,15)]. $ แรนด์ [แรนด์ (0,15)] $ แรนด์ [แรนด์ (0,15)] $ แรนด์ [แรนด์ (0,15)] $ แรนด์ [แรนด์ (0,15)] .. echo $ สี; }
ฟังก์ชันนี้จะแสดงเฉพาะสีฐานสิบหกที่สร้างขึ้นก่อนหน้านี้
ดังนั้นคุณจะต้องแก้ไขไฟล์ header.php ของธีมของคุณโดยที่บอยแท็กอยู่ในรูปต่อไปนี้:
>
คุณควรจะแทนที่ด้วยรหัสต่อไปนี้:
style = "background-color: ">>
บันทึกไฟล์ของคุณและรีเฟรชหน้าของคุณคุณจะสังเกตเห็นว่ามีการเปลี่ยนสีทุกครั้ง
คุณไม่ จำกัด สีที่คุณสามารถเลือกได้ เป็นไปได้ที่จะทำสิ่งเดียวกันกับสีที่คุณกำหนดไว้ล่วงหน้า
วิธีที่ 2: วิธีเปลี่ยนสีพื้นหลังด้วยปลั๊กอิน
การเรนเดอร์ของวิธีนี้ดีกว่า เนื่องจากช่วยให้คุณสามารถแสดงสีได้หลายสีในเวลาเดียวกันและแบบไดนามิก สิ่งที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน สีพื้นหลังที่ไม่ดี. คุณสามารถอ่านคำแนะนำของเรา เกี่ยวกับการติดตั้งและเปิดใช้งานปลั๊กอิน WordPress.
โดยการเข้าถึง บล็อกของคุณคุณจะสังเกตเห็นว่าสีหลังมีสีพื้นหลังแสดงเป็นแถบซึ่งจะเปลี่ยนไปตามการไล่ระดับสี
วิธีการ 3: วิธีเพิ่มสีที่กำหนดเองโดยการเล่นกับคลาส CSS
บทเรียน Presque tous ธีม WordPress มาตรฐานใช้ฟังก์ชัน " body_class » จาก WordPress บนแท็ก "body" ฟังก์ชั่นนี้จะเพิ่มคลาส CSS ที่สร้างโดย WordPress หรือปลั๊กอินให้กับแท็ก body ของ บล็อกของคุณ. แต่ละชั้นเรียนจะแตกต่างกันไปขึ้นอยู่กับสถานที่ที่เรียนอยู่ ประเภทของหมวดหมู่จึงจะแตกต่างจากหมวดหมู่ของเอกสารสำคัญหรือผู้แต่ง
ตัวอย่างเช่นหากคุณมีบล็อกที่มีหมวดหมู่ชื่อ " การถ่ายภาพ“ จากนั้นคุณจะพบคลาสที่เกี่ยวข้องในหน้าคลังข้อมูลของบล็อก
นับจากนี้เป็นต้นไปคุณสามารถใช้สไตล์เฉพาะกับแท็กนี้
body.category ถ่ายภาพ {สีพื้นหลัง: #faebd7; }
ในทำนองเดียวกันคุณสามารถใช้รหัสเฉพาะสำหรับหมวดหมู่เฉพาะ
body.postid-65 {สีพื้นหลัง: #faebd7; }
นั่นคือสิ่งที่ต้องรู้ ฉันหวังว่าบทช่วยสอนนี้จะช่วยให้คุณเพิ่มคลาสที่กำหนดเองใน บล็อก WordPress. แบ่งปันบทความนี้กับเพื่อน ๆ ของคุณบนโซเชียลเน็ตเวิร์กที่คุณชื่นชอบ
สวัสดี,
"รหัสชิ้นส่วน" ของคุณสนใจฉันและฉันต้องการปรับให้เข้ากับความต้องการของฉัน
ซึ่งเกี่ยวข้องกับการเปลี่ยนสีทุกๆ 5 วินาที
ฉันยังไม่พบวิธีการทำ ฉันไม่รู้เกี่ยวกับ php และการใช้ตัวจับเวลา
คุณสามารถวางฉันบนเส้นทางโปรด?
สวัสดี,
ฉันยังไม่ได้ทดสอบแนวทางนี้ เราจะติดต่อกลับทันทีที่มีวิธีแก้ไข