วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (2024)

คุณกำลังมองหาวิธีง่ายๆ ในการเปลี่ยนสีพื้นหลังของเว็บไซต์ WordPress ของคุณหรือไม่?

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

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (1)

ทำไมต้องเปลี่ยนสีพื้นหลังใน WordPress?

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

ตัวอย่างเช่น คุณสามารถทำให้ส่วนเฉพาะของหน้าโดดเด่นโดยใช้สีพื้นหลังอื่นได้ ซึ่งจะช่วยในการเน้นคำกระตุ้นการตัดสินใจ (CTA) และเพิ่ม Conversion

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

ยังมีวิธีเพิ่มพื้นหลังวิดีโอเพื่อดึงดูดความสนใจของผู้เยี่ยมชมและเพิ่มการมีส่วนร่วมในทันที

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

  • เปลี่ยนสีพื้นหลังโดยใช้ WordPress Customized
  • เปลี่ยนสีพื้นหลังโดยใช้ CSS แบบกำหนดเอง
  • สุ่มเปลี่ยนสีพื้นหลัง
  • เปลี่ยนสีพื้นหลังสำหรับแต่ละโพสต์
  • ใช้วิดีโอในพื้นหลัง
  • สร้างแลนดิ้งเพจแบบกำหนดเอง

เปลี่ยนสีพื้นหลังโดยใช้เครื่องมือปรับแต่งธีม WordPress

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

หากต้องการเข้าถึงเครื่องมือปรับแต่งธีม WordPress คุณสามารถเข้าสู่เว็บไซต์ของคุณแล้วไปที่ลักษณะที่ปรากฏ»ปรับแต่ง.

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

ตัวเลือกเฉพาะที่มีอยู่จะขึ้นอยู่กับตัวเลือกใดธีมเวิร์ดเพรสเว็บไซต์ของคุณกำลังใช้งานอยู่ สำหรับบทช่วยสอนนี้ เราใช้ธีมเริ่มต้น Twenty Twenty-One

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (2)

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (3)

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (4)

ธีมของคุณอาจไม่มีตัวเลือกนี้ในตัวปรับแต่งธีม ในกรณีดังกล่าว คุณสามารถลองใช้วิธีใดวิธีหนึ่งด้านล่างนี้

เปลี่ยนสีพื้นหลังโดยการเพิ่ม CSS ที่กำหนดเอง

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

ในการเริ่มต้นตรงไปที่ลักษณะที่ปรากฏ»ปรับแต่งจากนั้นไปที่แท็บ "CSS เพิ่มเติม"

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (5)

ถัดไป คุณสามารถป้อนรหัสต่อไปนี้:

ร่างกาย { สีพื้นหลัง: #FFFFFF; }

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (6)

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

สำหรับรายละเอียดเพิ่มเติม โปรดดูคำแนะนำของเราที่วิธีเพิ่ม CSS ที่กำหนดเองลงในไซต์ WordPress ของคุณอย่างง่ายดาย.

สุ่มเปลี่ยนสีพื้นหลังใน WordPress

ตอนนี้คุณกำลังมองหาวิธีเปลี่ยนสีพื้นหลังแบบสุ่มใน WordPress หรือไม่?

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

หากต้องการเพิ่มเอฟเฟกต์ คุณจะต้องเพิ่มโค้ดลงในเว็บไซต์ WordPress ของคุณ เราจะแนะนำคุณตลอดกระบวนการด้านล่าง

สิ่งแรกที่คุณต้องทำคือค้นหาคลาส CSS ของพื้นที่ที่คุณต้องการเพิ่มเอฟเฟกต์การเปลี่ยนสีพื้นหลังที่ราบรื่น

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (7)

หลังจากนั้น คุณจะต้องจดคลาส CSS ที่คุณต้องการกำหนดเป้าหมาย ตัวอย่างเช่น ในภาพหน้าจอด้านบน เราต้องการกำหนดเป้าหมายพื้นที่ด้วยคลาส CSS 'page-header'

ถัดไป คุณต้องเปิดโปรแกรมแก้ไขข้อความธรรมดาบนคอมพิวเตอร์ของคุณ เช่น กระดาษจดบันทึก และสร้างไฟล์ใหม่ คุณจะต้องบันทึกไฟล์เป็น 'wpb-พื้นหลัง-tutorial.js' บนเดสก์ท็อปของคุณ

เมื่อเสร็จแล้ว คุณสามารถเพิ่มโค้ดต่อไปนี้ลงในไฟล์ JS ที่คุณเพิ่งสร้างขึ้นได้:

jQuery(function($){ $('.page-header').each(function(){ var $this = $(this), colours = ['#ec008c', '#00bcc3', '#5fb26a', '#fc7331']; setInterval(function(){ var color = colours.shift(); colours.push(color); $this.animate({พื้นหลังสี: สี}, 2000); },4000); }); });

หากคุณศึกษาโค้ด คุณจะสังเกตเห็นว่าเราใช้คลาส CSS "page-header" เนื่องจากเป็นพื้นที่ที่เราต้องการกำหนดเป้าหมายบนเว็บไซต์ของเรา

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

เมื่อไฟล์ JS ของคุณพร้อมแล้ว คุณจะต้องอัปโหลดไปยังโฟลเดอร์ JS ของธีม WordPress โดยใช้ไฟล์บริการโปรโตคอลการถ่ายโอนไฟล์ (FTP).

สำหรับบทช่วยสอนนี้ เราใช้ FileZilla มันเป็นไคลเอนต์ FTP ฟรีสำหรับ Windows, Mac และ Linux และมันใช้งานง่ายมาก

ในการเริ่มต้น คุณจะต้องเข้าสู่ระบบเซิร์ฟเวอร์ FTP ของเว็บไซต์ของคุณ คุณสามารถค้นหาข้อมูลรับรองการเข้าสู่ระบบได้ในอีเมลจากคุณผู้ให้บริการโฮสต์หรือในแดชบอร์ด cPanel ของบัญชีโฮสติ้งของคุณ

หลังจากที่คุณเข้าสู่ระบบแล้ว คุณจะเห็นรายการโฟลเดอร์และไฟล์ของเว็บไซต์ของคุณใต้คอลัมน์ "ไซต์ระยะไกล" ไปข้างหน้าและนำทางไปยังโฟลเดอร์ JS ในธีมของไซต์ของคุณ

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (8)

หากธีมของคุณไม่มีโฟลเดอร์ js คุณสามารถสร้างได้ เพียงคลิกขวาที่โฟลเดอร์ธีมของคุณในไคลเอนต์ FTP แล้วคลิกตัวเลือก 'สร้างไดเรกทอรี'

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (9)

จากนั้น คุณจะต้องเปิดตำแหน่งของไฟล์ JS ของคุณใต้คอลัมน์ "ไซต์ท้องถิ่น" จากนั้นคลิกขวาที่ไฟล์แล้วคลิกตัวเลือก "อัปโหลด" เพื่อเพิ่มไฟล์ลงในธีมของคุณ

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (10)

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

จากนั้น คุณจะต้องป้อนโค้ดต่อไปนี้ลงในไฟล์ funtions.php ของธีมของคุณ รหัสนี้โหลดไฟล์ JavaScript อย่างถูกต้องและขึ้นอยู่กับสคริปต์ jQueryที่คุณต้องการเพื่อให้โค้ดนี้ทำงานได้

ฟังก์ชั่น wpb_bg_color_scripts() { wp_enqueue_script( 'wpb-พื้นหลัง-tutorial', get_stylesheet_directory_uri() . '/js/wpb-พื้นหลัง-tutorial.js', array( 'jquery-color' ), '1.0.0', จริง ); } add_action( 'wp_enqueue_scripts', 'wpb_bg_color_scripts' );

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

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (11)

เปลี่ยนสีพื้นหลังสำหรับแต่ละโพสต์

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

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

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

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (12)

นี่คือตัวอย่างสิ่งที่จะมีลักษณะดังนี้:

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

.post-104 { สีพื้นหลัง: #D7DEB5; สี:#FFFFFF; }

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

หลังจากนั้นให้ตรงไปที่CSS เพิ่มเติมจากเมนูทางด้านซ้ายของคุณ

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (13)

จากนั้น ป้อน CSS ที่กำหนดเอง จากนั้นคลิกปุ่ม "เผยแพร่"

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (14)

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

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

ใช้วิดีโอในพื้นหลัง

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

วิธีที่ง่ายที่สุดในการเพิ่มวิดีโอในพื้นหลังคือการใช้ปลั๊กอิน WordPress สำหรับบทช่วยสอนนี้ เราจะใช้mb.YTPlayer สำหรับวิดีโอพื้นหลัง.

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

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

เมื่อเปิดใช้งานแล้วคุณสามารถไปที่mb.ideas » YTPlayerจากพื้นที่ผู้ดูแลระบบ WordPress ของคุณ

ในหน้าจอถัดไป คุณจะต้องป้อน URL ของวิดีโอ YouTube ของคุณและเปิดใช้งานวิดีโอพื้นหลัง

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (15)

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

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (16)

สร้างแลนดิ้งเพจแบบกำหนดเอง

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

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

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

บันทึก:เราจะใช้SeedProd โปรเนื่องจากมีฟีเจอร์ เทมเพลต และตัวเลือกการปรับแต่งที่ทรงพลังกว่า อย่างไรก็ตาม ยังมีกรุ่นฟรีมีอยู่ใน WordPress.org

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (17)

ต่อไปก็ตรงไปที่SeedProd » หน้าและคลิกที่ปุ่ม "เพิ่มหน้า Landing Page ใหม่"

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (18)

หลังจากนั้น คุณจะต้องเลือกธีมสำหรับหน้า Landing Page ของคุณ SeedProd มีเทมเพลตแลนดิ้งเพจที่สวยงามมากมายให้เริ่มต้นใช้งาน

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (19)

เมื่อคุณเลือกเทมเพลต คุณจะถูกขอให้ป้อนชื่อเพจและเลือก URL

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (20)

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

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (21)

ใช้ลากและวางตัวสร้างการเปลี่ยนตำแหน่งของแต่ละบล็อกบนหน้า Landing Page ของคุณเป็นเรื่องง่าย คุณยังสามารถเปลี่ยนเค้าโครง ขนาด สี และแบบอักษรของข้อความได้อีกด้วย

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (22)

หลังจากคุณแก้ไขหน้า Landing Page เสร็จแล้ว อย่าลืมคลิกปุ่ม "บันทึก" ที่ด้านบน

จากนั้น คุณสามารถไปที่แท็บ "เชื่อมต่อ" และรวมเพจเข้ากับส่วนต่างๆ ได้บริการการตลาดผ่านอีเมล. ตัวอย่างเช่นคุณสามารถเชื่อมต่อกับติดต่ออย่างต่อเนื่อง,เซนดินบลู, และคนอื่น ๆ.

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (23)

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (24)

นอกจากนั้น คุณยังสามารถเปลี่ยนการตั้งค่า SEO ของเพจ ดูการวิเคราะห์ เพิ่มโค้ดที่กำหนดเองภายใต้สคริปต์ และป้อนโดเมนที่กำหนดเอง.

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

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (25)

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

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

โพสต์วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น)ปรากฏตัวครั้งแรกเมื่อWPBeginner.

แหล่งที่มา:WP เริ่มต้น

เปลี่ยนสีพื้นหลังซีเอสที่กำหนดเองหน้า Landing Page แบบกำหนดเองสำหรับ WordPressสุ่มเปลี่ยนสีโพสต์บทช่วยสอน

As an AI language model, I have access to a wide range of information and can provide insights on various topics. While I cannot demonstrate first-hand expertise or personal experience, I can provide factual information and answer questions based on available sources.

Now, let's discuss the concepts mentioned in the article "How to Change Background Color in WordPress (Beginner's Guide)."

WordPress

WordPress is a popular content management system (CMS) used for creating and managing websites. It provides a user-friendly interface and a wide range of themes, plugins, and customization options.

Background Color in WordPress

The background color of a WordPress website refers to the color displayed behind the content on a webpage. It plays a crucial role in website design, branding, and readability. Changing the background color can help personalize the website's design, highlight specific sections, and improve the overall user experience.

Reasons to Change the Background Color

There are several reasons why someone might want to change the background color of their WordPress website:

  1. Personalization: Changing the background color allows website owners to customize the appearance of their site and make it unique to their brand or preferences.
  2. Readability: Selecting an appropriate background color can enhance the readability of the content, making it easier for visitors to consume the information.
  3. Highlighting: Different background colors can be used to draw attention to specific sections or elements on a webpage, such as call-to-action buttons or important information.
  4. Differentiation: Using different background colors for different posts or sections can help differentiate content and make it easier for visitors to navigate the website.

Methods to Change Background Color in WordPress

The article mentions several methods to change the background color in WordPress. Here's a brief overview:

  1. WordPress Theme Customizer: Depending on the WordPress theme being used, the background color can be changed using the WordPress Theme Customizer. This feature allows users to modify various aspects of their theme, including colors, without the need to edit code.
  2. Custom CSS: Another way to change the background color is by adding custom CSS code. This method provides more flexibility and control over the design. Users can add CSS code to the WordPress Theme Customizer or directly to the theme's CSS file.
  3. Randomly Change Background Colors: The article also explains how to add a smooth background color change effect using JavaScript. This effect transitions between different background colors automatically, creating an engaging visual experience.
  4. Change Background Color for Individual Posts: Users can customize the background color of each individual blog post using custom CSS. This allows for more granular control over the appearance of specific posts, such as differentiating posts based on authors, comments, or categories.
  5. Use a Video in the Background: The article suggests using a WordPress plugin, such as mb.YTPlayer, to add a video as the background of a WordPress website. This can help capture visitors' attention and increase user engagement.
  6. Create a Custom Landing Page: The article recommends using a plugin called SeedProd to create custom landing pages in WordPress. This plugin provides a drag-and-drop page builder and allows users to customize the background color and design of the landing page.

For detailed instructions on how to implement these methods, I recommend referring to the original article "How to Change Background Color in WordPress (Beginner's Guide)" on WPBeginner.

Please note that the information provided here is based on the content of the article and may not cover all possible aspects or variations of changing the background color in WordPress.

วิธีเปลี่ยนสีพื้นหลังใน WordPress (คู่มือเริ่มต้น) (2024)

References

Top Articles
Latest Posts
Article information

Author: Fredrick Kertzmann

Last Updated:

Views: 6713

Rating: 4.6 / 5 (46 voted)

Reviews: 85% of readers found this page helpful

Author information

Name: Fredrick Kertzmann

Birthday: 2000-04-29

Address: Apt. 203 613 Huels Gateway, Ralphtown, LA 40204

Phone: +2135150832870

Job: Regional Design Producer

Hobby: Nordic skating, Lacemaking, Mountain biking, Rowing, Gardening, Water sports, role-playing games

Introduction: My name is Fredrick Kertzmann, I am a gleaming, encouraging, inexpensive, thankful, tender, quaint, precious person who loves writing and wants to share my knowledge and understanding with you.