สมาชิกคนหนึ่งของเราถามเราว่าเป็นไปได้หรือไม่ที่จะเปลี่ยนสีพื้นหลังของ 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. แบ่งปันบทความนี้กับเพื่อน ๆ ของคุณบนโซเชียลเน็ตเวิร์กที่คุณชื่นชอบ