วิธีปรับแต่งธีม WordPress ของคุณ (คู่มือสำหรับผู้เริ่มต้นใช้งาน)

เผยแพร่แล้ว: 2022-03-29


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

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

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

การปรับแต่งธีม WordPress สำหรับผู้เริ่มต้น

ต่อไปนี้เป็นรายการหัวข้อที่เราจะกล่าวถึงในคู่มือนี้:

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

พร้อม? มาเริ่มกันเลย.

ทำไมต้องปรับแต่งธีม WordPress ของคุณ

ธีม WordPress ออกแบบมาสำหรับเฉพาะเว็บไซต์ทั่วไป ตัวอย่างเช่น มีธีมสำหรับเว็บไซต์ธุรกิจขนาดเล็ก ช่างภาพ บล็อกเกอร์ และอื่นๆ อีกมากมาย

หลังจากเลือกธีมแล้ว คุณจะต้องปรับแต่งธีมตามความต้องการของคุณเอง

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

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

ตัวเลือกเหล่านี้อาจแตกต่างกันมากขึ้นอยู่กับธีม WordPress ที่คุณเลือก

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

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

การใช้ตัวปรับแต่งธีมเริ่มต้น

WordPress มาพร้อมกับประสบการณ์การแก้ไขเว็บไซต์เต็มรูปแบบใน WordPress 5.9

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

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

การใช้ตัวแก้ไขไซต์แบบเต็มใน WordPress เพื่อปรับแต่งธีม

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

เปิดตัวแก้ไขเว็บไซต์เต็มรูปแบบใหม่ใน WordPress

การคลิกจะเป็นการเปิดตัวแก้ไขเว็บไซต์แบบเต็ม

ตัวแก้ไขนี้เหมือนกับตัวแก้ไขบล็อกที่คุณใช้เขียนบทความและหน้า WordPress

ตัวแก้ไขเว็บไซต์แบบเต็ม

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

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

บล็อกการตั้งค่า

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

คุณสามารถค้นหาสิ่งเหล่านี้ได้ภายใต้แท็บรูปแบบ

เพิ่มรูปแบบให้กับเลย์เอาต์ของคุณ

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

หากต้องการดูเทมเพลตเพิ่มเติม คุณสามารถคลิก 'เรียกดูเทมเพลตทั้งหมด' ที่ด้านล่าง

ยืมแม่แบบ

นี่จะแสดงรายการเทมเพลตที่มีอยู่ในธีมของคุณซึ่งคุณสามารถแก้ไขได้

เพียงคลิกที่ชื่อเทมเพลตเพื่อเปิดในตัวแก้ไข

เลือกเทมเพลตที่จะแก้ไข

เทมเพลตจะเปิดขึ้นในตัวแก้ไขบล็อกเดียวกัน

จากที่นี่ คุณสามารถแก้ไขได้ตามต้องการ

แก้ไขเทมเพลตโพสต์

เมื่อคุณพอใจกับการเปลี่ยนแปลงที่คุณทำกับธีมของคุณแล้ว เพียงคลิกที่ปุ่มบันทึกที่ด้านบนเพื่อใช้การเปลี่ยนแปลงของคุณ

บันทึกการเปลี่ยนแปลงในธีมของคุณ

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

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

การใช้ตัวปรับแต่งธีมดั้งเดิมใน WordPress

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

ในกรณีนั้น คุณสามารถปรับแต่งธีมของคุณได้โดยไปที่หน้า ลักษณะที่ ปรากฏ » ปรับแต่ง

เปิดตัวปรับแต่งธีม WordPress

การคลิกจะเป็นการเปิด Theme Customizer

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

ตัวปรับแต่งธีม WordPress

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

คุณยังสามารถขยายแต่ละตัวเลือกได้ที่แผงด้านซ้ายเพื่อเปลี่ยนการตั้งค่า

ตัวเลือกที่ขยายในเครื่องมือปรับแต่งธีม

จำนวนตัวเลือกในแผงด้านซ้ายจะแตกต่างกันไปในแต่ละธีม

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

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

ปรับแต่งธีม WordPress ของคุณด้วยการควบคุมทั้งหมด

ตัวเลือกการปรับแต่งธีม WordPress เริ่มต้นขึ้นอยู่กับธีม WordPress ที่คุณใช้

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

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

นี่คือที่มาของ SeedProd

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

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

เมื่อเปิดใช้งาน คุณต้องป้อนรหัสใบอนุญาตของคุณ คุณสามารถค้นหาข้อมูลนี้ได้ภายใต้บัญชีของคุณบนเว็บไซต์ SeedProd

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

SeedProd สามารถทำได้ทั้งสองอย่างและเราจะแสดงให้คุณเห็นทั้งสองวิธี

ปรับแต่งหน้า WordPress แต่ละหน้าด้วย SeedProd

วิธีนี้ค่อนข้างยืดหยุ่นและช่วยให้คุณสร้างเค้าโครงหน้าตามความต้องการได้อย่างง่ายดาย

ตัวอย่างเช่น คุณสามารถออกแบบหน้า Landing Page แบบกำหนดเองสำหรับผลิตภัณฑ์หรือแคมเปญการตลาด หรือสร้างหน้าขอบคุณเพื่อส่งผู้เยี่ยมชมหลังจากที่พวกเขาลงทะเบียนสำหรับรายชื่ออีเมลของคุณ

เพียงตรงไปที่ หน้า SeedProd » Landing Pages จากนั้นคลิกที่ปุ่ม Add New Landing Page

เพิ่มหน้า Landing Page ใหม่

ถัดไป คุณต้องเลือกเทมเพลตสำหรับเพจของคุณ

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

เลือกเทมเพลต

เพียงคลิกที่เทมเพลตเพื่อดำเนินการต่อ

จากนั้น SeedProd จะขอให้คุณระบุชื่อเพจและเลือก URL

ชื่อเพจและ URL

หลังจากป้อนข้อมูลที่จำเป็น,. คลิกที่ปุ่มบันทึกและเริ่มแก้ไขหน้า

การดำเนินการนี้จะเปิดอินเทอร์เฟซตัวสร้างเพจ SeedProd นี่คือเครื่องมือออกแบบแบบลากและวาง

การแก้ไขเค้าโครงหน้าใน SeedProd

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

คุณสามารถชี้และคลิกที่องค์ประกอบใดๆ ของหน้าเพื่อแก้ไข

ชี้และคลิกเพื่อแก้ไของค์ประกอบใด ๆ

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

เพิ่มบล็อคใหม่

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

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

WooCommerce บล็อก

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

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

บันทึกหรือเผยแพร่หน้า

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

การสร้างธีมที่กำหนดเองใน WordPress ด้วย SeedProd

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

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

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

ในการเริ่มต้น เพียงตรงไปที่ หน้า SeedProd » Theme Bulder และคลิกที่ปุ่ม Themes

สร้างธีม SeedProd

ตอนนี้ SeedProd จะแสดงธีมเริ่มต้นให้คุณเลือกมากมาย

คุณสามารถปรับเปลี่ยนทุกแง่มุมของธีมเหล่านี้ได้อย่างสมบูรณ์

เลือกเทมเพลตธีม

เมื่อคุณเลือกธีมแล้ว SeedProd จะสร้างเทมเพลตธีมทั้งหมด

การแก้ไขเทมเพลตธีม

เพียงคลิกที่ลิงก์ แก้ไขการออกแบบ ด้านล่างไฟล์เทมเพลตเพื่อแก้ไข

คุณจะเห็นตัวอย่างสดของเทมเพลตในคอลัมน์ด้านขวาพร้อมแผงแก้ไขในคอลัมน์ด้านซ้าย

เพียงชี้และคลิกเพื่อแก้ไขรายการใดๆ หรือวางองค์ประกอบจากคอลัมน์ด้านซ้าย

เพิ่มบล็อกใหม่ให้กับเทมเพลตของคุณ

SeedProd ยังมาพร้อมกับบล็อกเฉพาะสำหรับการแก้ไขทั่วทั้งไซต์

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

เพิ่มบล็อคแท็กเทมเพลต

เมื่อคุณทำการเปลี่ยนแปลงธีมเสร็จแล้ว อย่าลืมบันทึกการเปลี่ยนแปลงของคุณ

ทำขั้นตอนซ้ำเพื่อแก้ไขเทมเพลตอื่นๆ ตามที่คุณต้องการ

เมื่อเสร็จแล้ว ไปที่หน้า SeedProd » Theme Builder และสลับสวิตช์ข้างตัวเลือก 'เปิดใช้งานธีม SeedProd' เป็น 'ใช่'

เปิดใช้งานธีม SeedProd

SeedProd จะแทนที่ธีม WordPress ของคุณด้วยธีมที่กำหนดเองที่คุณเพิ่งสร้างขึ้น

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับเครื่องมือสร้างธีม SeedProd WordPress โปรดดูบทแนะนำเกี่ยวกับวิธีสร้างธีม WordPress ที่กำหนดเองโดยไม่ต้องเขียนโค้ด

เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีปรับแต่งธีม WordPress ตามที่คุณต้องการ

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

หากคุณชอบบทความนี้ โปรดสมัครรับข้อมูลจากบทแนะนำวิดีโอ YouTube Channel สำหรับ WordPress คุณสามารถหาเราได้ที่ Twitter และ Facebook

โพสต์ วิธีปรับแต่งธีม WordPress ของคุณ (คู่มือสำหรับผู้เริ่มต้น) ปรากฏตัวครั้งแรกบน WPBeginner