วิธีใช้เครื่องมือปรับแต่งธีม WordPress

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

สมัครสมาชิกช่อง Youtube ของเรา

ตัวปรับแต่งธีม WordPress อยู่ที่ไหน

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

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

ฟีเจอร์และฟังก์ชันของ Customizer คืออะไร?

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

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

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

การปรับแต่งชื่อ โลโก้ และ Favicon

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

สิ่งที่ควรทราบมีดังนี้

• ชื่อไซต์จะปรากฏที่ด้านบนของเว็บไซต์ของคุณในส่วนหัวหลัก
• หากคุณไม่อัปเดตหรือลบสโลแกน เว็บไซต์ของคุณจะใช้ค่าเริ่มต้นของ WordPress: “Just Another WordPress Site”
• เฉพาะบางธีมเท่านั้นที่รองรับโลโก้ คุณสามารถเพิ่มโลโก้ของคุณในแผงนี้ได้ แต่ไม่เห็นโลโก้บนเว็บไซต์ของคุณ ซึ่งอาจหมายความว่าธีมของคุณไม่รองรับโลโก้เหล่านั้น
• ไอคอน favicon ที่เรียกว่า “ไอคอนเว็บไซต์” บน WordPress จะแสดงในแถบบุ๊กมาร์ก แท็บเบราว์เซอร์ และแอพมือถือ

การเพิ่ม (หรือซ่อน) รูปภาพส่วนหัว

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

การเปลี่ยนรูปแบบสีของเว็บไซต์

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

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

การเปลี่ยนแบบอักษรเว็บไซต์เริ่มต้น

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

การเลือกการตั้งค่าโฮมเพจ

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

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

หากคุณไม่มีเพจที่คุณต้องการใช้สำหรับโฮมเพจหรือบล็อกของคุณ คุณสามารถเลือก + เพิ่มเพจใหม่ ภายใต้เมนูดรอปดาวน์เพื่อสร้างเพจ คุณสามารถสร้างหน้าเปล่าและตั้งชื่ออะไรก็ได้ตามต้องการ จากนั้นกลับไปปรับแต่งหน้าในภายหลัง หากคุณยังไม่มีหน้าที่เผยแพร่ คุณจะต้องสร้างหน้าใหม่ก่อนโดยไปที่ Dashboard > Pages > Add New จากนั้นคุณจะเห็นแผงการตั้งค่าหน้าแรกในตัวปรับแต่ง

การตั้งค่าตัวเลือกเนื้อหาของคุณ

หากธีมของคุณมีแผงตัวเลือกเนื้อหา คุณจะสามารถควบคุมการแสดงเนื้อหาของคุณในหน้าเว็บไซต์ต่างๆ ได้มากขึ้น แม้ว่าแต่ละธีมจะมีตัวเลือกเนื้อหาของตัวเอง (หากมีเลย) ต่อไปนี้คือตัวเลือกทั่วไปบางส่วนที่คุณอาจเห็น:

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

ที่มา: WordPress.com

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

การสร้างเมนูนำทาง

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

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

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

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

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

การปรับแต่งวิดเจ็ตเว็บไซต์

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

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

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

การเพิ่ม CSS ที่กำหนดเอง

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

ตัวเลือกการปรับแต่งที่มากยิ่งขึ้น

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

ดูตัวอย่างการเปลี่ยนแปลงของคุณในความละเอียดหน้าจอต่างๆ

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

เผยแพร่การอัปเดตเว็บไซต์ของคุณ

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

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

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

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

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

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

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

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

ต้องการดูธีมอื่น ๆ ที่คุณยังไม่ได้ติดตั้ง แต่มีให้ใน WordPress หรือไม่? ทำเครื่องหมายที่ช่องทางด้านขวาของธีม WordPress.org หากต้องการกรองตามข้อมูลเฉพาะ ให้เลือกตัวกรองธีมที่ด้านบนขวา เมื่อคุณพบธีมที่ต้องการลองใช้ ให้เลือกติดตั้งและดูตัวอย่าง

ห่อ

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

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

ภาพเด่นผ่าน Creative Shell / shutterstock.com