วิธีปรับแต่งธีม WordPress โดย Customizer

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

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

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

เปิดเครื่องมือปรับแต่ง

ขั้นแรก ไปที่เครื่องมือ ปรับแต่ง บนแถบผู้ดูแลระบบที่ด้านบนของหน้า หรือ แดชบอร์ด > ลักษณะที่ปรากฏ > ปรับแต่ง เพื่อเปิดเครื่องมือนี้

อินเทอร์เฟซของเครื่องมือปรับแต่งประกอบด้วยสองส่วนหลัก: คอลัมน์ด้านซ้ายมีตัวเลือกการปรับแต่งเอง และหน้าจอด้านขวาจะแสดงตัวอย่างแบบสด นี่คืออินเทอร์เฟซทั่วไปของ Customizer

คอลัมน์ด้านซ้ายประกอบด้วย:

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

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

ปรับแต่งธีมโดย Customizer

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

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

นี่เป็นส่วนที่สำคัญที่สุดในการพิจารณาการแสดงหน้าแรกของคุณ

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

สำหรับไซต์การอ่าน เช่น บล็อก คุณควรเลือก โพสต์ล่าสุดของ คุณ

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

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

เอกลักษณ์ของเว็บไซต์

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

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

สี ภาพพื้นหลัง และแบบอักษร

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

สี

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

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

แบบอักษร

Font หรือพิมพ์ส่วนช่วยให้คุณสามารถเปลี่ยนรูปแบบตัวอักษรแบบอักษรครอบครัวขนาดตัวอักษร ฯลฯ ขึ้นอยู่กับแต่ละธีม

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

หากธีมของคุณรองรับ Google Fonts คุณอาจต้องรับโค้ด ชื่อ หรือลิงก์ของฟอนต์จาก fonts.google.com แล้ววางลงในช่องลักษณะนี้

ข้อดีของวิธีที่สองคือคุณมีตัวเลือกแบบอักษรมากมายจาก Google Fonts

ภาพพื้นหลัง

ธีมส่วนใหญ่อนุญาตให้คุณเลือกรูปภาพเพื่อตั้งเป็น ภาพพื้นหลัง ในส่วนภาพพื้นหลัง ให้คลิก เลือกรูปภาพ แล้วเลือกรูปภาพจากห้องสมุดของคุณหรืออัปโหลดรูปภาพ

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

หากต้องการเปลี่ยนภาพพื้นหลัง ให้คลิกปุ่ม เปลี่ยนรูปภาพ หากคุณต้องการลบภาพพื้นหลัง ให้กดปุ่ม Remove

เมื่อคุณเลือก ทำซ้ำภาพ พื้นหลัง ภาพพื้นหลังจะถูกทำซ้ำตั้งแต่ต้นจนจบหน้า หากคุณเลือก Scroll with page จะถูกย้ายไปพร้อมกับเพจเมื่อคุณเลื่อนตามด้านล่าง

เมนู

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

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

แล้วรายละเอียดในการสร้างและแก้ไขเมนูล่ะ? คุณสามารถดูบทความก่อนหน้าของเราได้ที่นี่

วิดเจ็ต

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

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

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

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

หากต้องการลบวิดเจ็ต ให้ไปที่วิดเจ็ตที่ต้องการแล้วคลิก Remove

ปุ่ม จัดลำดับใหม่ จะช่วยให้คุณย้ายวิดเจ็ตไปยังส่วนอื่นของธีม โดยเฉพาะคลิก (1) เลือกพื้นที่วิดเจ็ตใหม่ (2) และคลิกปุ่ม ย้าย (3) นอกจากนี้ ปุ่มลูกศรขึ้นและลง (4) จะช่วยย้ายวิดเจ็ตในพื้นที่หนึ่งๆ เมื่อเสร็จแล้วให้กด Done (5)

แค่นั้นแหละ เราทำกับวิดเจ็ตเสร็จแล้ว

คำสุดท้าย

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

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