ใช้ภูมิหลังที่แตกต่างกัน WordPress

WordPress เป็นเครื่องมือที่มีประโยชน์หลายอย่าง สามารถใช้เป็นทั้งระบบจัดการเนื้อหาและเป็นแพลตฟอร์มบล็อก (CMS).

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

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

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

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

แต่ก่อนหน้านี้หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

วิธีเพิ่มพื้นหลังพร้อมรหัสบน WordPress

ส่วนนี้จะเป็นประโยชน์อย่างยิ่งหากคุณมีความรู้เกี่ยวกับ PHP, HTML และ CSS ไม่ต้องกังวลคุณสามารถคัดลอกและวางข้อมูลโค้ดที่ให้ไว้ที่นี่ได้ตลอดเวลา คุณเพียงแค่ต้องรู้ว่าไฟล์ต่างๆอยู่ที่ใดในการติดตั้ง WordPress ของคุณ

ค้นพบว่าทำไม พื้นหลังวิดีโอไม่ใช่ความคิดที่ดีเสมอไป

เพิ่มพื้นหลังที่แตกต่างด้วย CSS บน WordPress

มากของรูปแบบที่จะเข้าสู่บทความ WordPress และหน้า (คนและทั้งเว็บไซต์ของคุณ) ถูกควบคุมโดยไฟล์ชื่อ "สไตล์ชีต " ไฟล์สไตล์ชีทบน WordPress มักจะถูกเปลี่ยนชื่อเป็น "style.css" คุณสามารถเข้าถึง " style.css โดยการเข้าถึง " ลักษณะ> บรรณาธิการ บนแดชบอร์ด WordPress ของคุณ:

เราจะเพิ่มพื้นหลัง (และรูปแบบอื่น ๆ) บทความและหน้า WordPress ของคุณในไฟล์ style.css ดังนั้นสิ่งสำคัญคือต้องมีแท็บเปิดที่สองซึ่งคุณสามารถดูตัวอย่างการเปลี่ยนแปลงต่างๆได้

ค้นพบสิ่งเหล่านี้ บางบรรณาธิการข้อความสำหรับนักพัฒนา WordPress

เมื่อไปที่ " ลักษณะ> บรรณาธิการ คุณจะเห็นรายการทุกรุ่นใน ธีม WordPress ทางด้านขวาของหน้าจอ หากคุณใช้ธีมย่อย คุณจะต้องอัปโหลดไฟล์เทมเพลตของธีมหลัก

คุณต้องมุ่งเน้นไปที่ไฟล์ " header.php ' ทำไม header.php เหรอ? เนื่องจากไฟล์นี้ถูกเพิ่มลงในเพจและโพสต์อื่น ๆ ทั้งหมด กล่าวอีกนัยหนึ่งโค้ดภายใน header.php จะปรากฏในทุกเพจหรือโพสต์ที่คุณสร้าง

ค้นหาข้อมูลโค้ดนี้:

>

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

ค้นพบสิ่งนี้ ที่คุณสามารถทำกับ WordPress ปลั๊กอินดินสอสีเหลืองอย่างเป็นรูปธรรม?

เพราะฉะนั้น”

การดูซอร์สโค้ดสำหรับโพสต์หรือเพจนั้นเป็นเรื่องง่าย หากคุณกำลังใช้ Chrome ให้คลิกขวาบนพื้นที่ว่างบนเพจแล้วคลิก " ตรวจสอบองค์ประกอบ " บน Mozilla คลิกขวาที่บทความ / หน้าจากนั้นคลิกที่ " แหล่งที่มาของหน้า " หากคุณใช้ Microsoft Edge (Internet Explorer) ให้คลิกขวาที่หน้า / บทความของคุณแล้วเลือก " มาดู '

เรียนรู้เช่นกัน วิธีการใช้อย่างมีประสิทธิภาพแท็บในเว็บเบราว์เซอร์ของคุณ

หากคุณดูซอร์สโค้ดของหน้า WordPress รหัสที่สร้างขึ้นนั้นเกือบจะเหมือนกัน:

หากคุณดูซอร์สโค้ดสำหรับบทความเดียวฟังก์ชั่น body_class จะแสดงสิ่งที่คล้ายกับ:

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

วิธีเพิ่มพื้นหลังแบบกำหนดเองด้วยปลั๊กอิน

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

พื้นหลังที่กำหนดเอง WordPress พรีเมี่ยม

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

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

1 Zxeion 

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

คุณสมบัติอื่น ๆ ได้แก่ การป้องกันแบบเรียลไทม์ความสามารถในการซ่อนส่วนผู้ดูแลระบบการห้ามไฟร์วอลล์อัตโนมัติการป้องกันไฟล์ตัวบล็อก IP การป้องกันการโจมตี Brute Force การตรวจจับ ข้อผิดพลาดของเซิร์ฟเวอร์การป้องกันสแปมและอื่น ๆ อีกมากมาย

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง 

2 SearchAzon

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

เมื่อใช้ SearchAzon คุณจะได้รับค่าคอมมิชชั่นและลูกค้าของคุณจะมีความสุข เป็นแนวคิดที่ง่ายมากที่จะสร้างรายได้จากการนำอัตโนมัติของเว็บไซต์ของคุณ สมมติว่าคุณมีร้านค้าออนไลน์ที่ให้บริการเฉพาะผลิตภัณฑ์บางประเภทเช่น Apple ลูกค้าค้นหา "Samsung S8 +" สิ่งที่จะเกิดขึ้นคือคุณจะสูญเสียลูกค้ารายนั้นไป นี่คือจุดที่ SearchAzon เริ่มดำเนินการ

หากลูกค้าค้นหาผลิตภัณฑ์ที่ไม่พบในเว็บไซต์ของคุณโดยพิจารณาจากคีย์เวิร์ด / วลีนั้นการค้นหาอัตโนมัติจะทำงานบน Amazon และลูกค้าของคุณจะได้รับผลลัพธ์ที่ดีที่สุดจาก Amazon ไปยังเว็บไซต์ของคุณโดยตรง ดังนั้นไม่มีลูกค้าที่หลงทางหรือผิดหวังอีกต่อไป ทุกคนจะพบสิ่งที่ต้องการบนเว็บไซต์ของคุณและคุณจะสร้างรายได้เพิ่มเติมจาก Amazon

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 โท Slider

ไม่แปลกใจเลยที่ WordPress ปลั๊กอิน Master Slider เป็นรายการโปรดที่ยืนต้นใน CodeCanyon แถบเลื่อนที่สัมผัสได้และตอบสนองนี้มีเทมเพลตมากกว่า 70 แบบที่ปรับแต่งได้สูงและใช้งานง่าย 

คุณจะมีตัวเลือกในการแทรกหรือฝังข้อความ HTML ลิงก์รูปภาพหรือวิดีโอลงในแต่ละสไลด์โดยตรงจากนั้นจึงทำให้แต่ละเลเยอร์เคลื่อนไหวอย่างอิสระ ด้วยตัวเลือกการกำหนดค่ามากกว่า 70 ตัว Master Slider ยังคงเป็นหนึ่งในปลั๊กอินที่ปรับแต่งได้สูงในช่องนี้

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

• วิธีจัดการ URL ของรูปภาพในบล็อก WordPress ของคุณ
• วิธีการกำหนดค่า CloudFlare CDN สำหรับบล็อกของคุณ WordPress
• วิธีการปรับปรุงรูปแบบของคุณ WordPress ซื้อใน ThemeForest
• วิธีการสร้างแม่แบบกำหนดเอง WordPress