Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

ขึ้น ดาวน์โหลด 901.000 แล้วDivi เป็นธีม WordPress ที่ได้รับความนิยมมากที่สุดในโลก สมบูรณ์และใช้งานง่ายและมาพร้อมกับเทมเพลตฟรีมากกว่า 62

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

>

คุณควรจะแทนที่ด้วยรหัสต่อไปนี้:

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

Elementor ให้คุณสร้าง อย่างง่ายดายและฟรี การออกแบบเว็บไซต์หรือบล็อกใดๆ ก็ตามที่ดูเป็นมืออาชีพ หยุดจ่ายมากสำหรับเว็บไซต์ที่คุณทำเองได้

style = "background-color: ">>

บันทึกไฟล์ของคุณและรีเฟรชหน้าของคุณคุณจะสังเกตเห็นว่ามีการเปลี่ยนสีทุกครั้ง

พื้นหลังแบบสุ่ม WordPress

คุณไม่ จำกัด สีที่คุณสามารถเลือกได้ เป็นไปได้ที่จะทำสิ่งเดียวกันกับสีที่คุณกำหนดไว้ล่วงหน้า

วิธีที่ 2: วิธีเปลี่ยนสีพื้นหลังด้วยปลั๊กอิน

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

พื้นหลังเคลื่อนไหว

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

วิธีการ 3: วิธีเพิ่มสีที่กำหนดเองโดยการเล่นกับคลาส CSS

ธีม WordPress มาตรฐานเกือบทั้งหมดใช้ฟังก์ชั่น " body_class WordPress บนแท็ก "body" ฟังก์ชันนี้จะเพิ่มคลาส CSS ที่สร้างโดย WordPress หรือปลั๊กอินบนแท็กเนื้อหาของบล็อกของคุณ แต่ละชั้นเรียนแตกต่างกันไปขึ้นอยู่กับสถานที่ที่คุณอยู่ ชั้นของหมวดหมู่จึงแตกต่างจากที่เก็บถาวรหรือผู้แต่ง

ตัวอย่างเช่นหากคุณมีบล็อกที่มีหมวดหมู่ชื่อ " การถ่ายภาพ“ จากนั้นคุณจะพบคลาสที่เกี่ยวข้องในหน้าคลังข้อมูลของบล็อก

ระดับบล็อกรายการ

นับจากนี้เป็นต้นไปคุณสามารถใช้สไตล์เฉพาะกับแท็กนี้

body.category ถ่ายภาพ {สีพื้นหลัง: #faebd7; }

ในทำนองเดียวกันคุณสามารถใช้รหัสเฉพาะสำหรับหมวดหมู่เฉพาะ

body.postid-65 {สีพื้นหลัง: #faebd7; }

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

2 หุ้น
หุ้น2
ทวีต
Enregistrer