หยุดเสียเวลาและเงิน!

สร้างเว็บไซต์หรือบล็อก WordPress ของคุณได้ง่ายๆ วันนี้

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

หนึ่งในสมาชิกของเราถามเราว่าสามารถเปลี่ยนสีพื้นหลังของ 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: ">>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

%d บล็อกเกอร์ชอบหน้านี้: