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

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

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

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

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

Customizing a WordPress theme for beginners

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Launch new full site editor in WordPress

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

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

Full site editor

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

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

Block settings

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

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

Add patterns to your layouts

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

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

Borwse templates

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

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

Select a template to edit

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

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

Editing posts template

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

Save changes to your theme

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

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

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

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

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

Launching WordPress theme customizer

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

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

WordPress theme customizer

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

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

expanded option in theme customizer

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

อย่างไรก็ตาม ธีมส่วนใหญ่จะสนับสนุนพื้นฐานต่างๆ เช่น แท็กไลน์ วิดเจ็ต การตั้งค่าหน้าแรก เมนู และการตั้งค่า 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

Add new landing page

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

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

Select a template

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

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

Page name and URL

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

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

Editing a page layout in SeedProd

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

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

Point and click to edit any element

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

Add new blocks

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

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

WooCommerce blocks

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

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

Save or publish a page

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

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

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

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

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

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

Create SeedProd theme

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

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

Choose theme template

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

Editing a theme template

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

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

Edit theme template

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

Add new block to your template

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

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

Add template tag blocks

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

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

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

Enable SeedProd theme

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

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

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

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

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