วิธีการติดตั้งชุดแม่แบบใน WordPress ทีละขั้นตอน

เผยแพร่แล้ว: 2022-07-28

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

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

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

ชุดเทมเพลต WordPress คืออะไร?

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

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

  • หน้าบล็อก
  • หน้าแรก
  • หัวข้อ
  • ส่วนท้าย
  • เกี่ยวกับเพจ
  • หน้าติดต่อ

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

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

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

การเลือกชุดเทมเพลต WordPress ที่ดีที่สุด

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

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

ตัวสร้างเว็บไซต์ SeedProd WordPress

SeedProd WordPress website builder

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

คุณสามารถใช้ SeedProd เพื่อ:

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

ปลั๊กอินอันทรงพลังนี้มีเทมเพลตหน้า Landing Page ที่ตอบสนองมากกว่า 180+ รายการและคลังชุดเว็บไซต์ระดับมืออาชีพที่กำลังเติบโตซึ่งคุณติดตั้งได้เพียงคลิกเดียว คุณสามารถปรับแต่งชุดเว็บไซต์แต่ละชุดได้อย่างง่ายดายโดยเพิ่มแบบฟอร์ม optin แบบฟอร์มการติดต่อ ตารางราคา แกลเลอรี และอื่นๆ

SeedProd ทำงานร่วมกับปลั๊กอิน WordPress ยอดนิยม เช่น MonsterInsights, WPForms และ All in One SEO เพื่อปรับปรุงการตลาดดิจิทัลของคุณ นอกจากนี้ยังช่วยให้คุณรวบรวมที่อยู่อีเมลด้วยการผสานรวมกับบริการการตลาดผ่านอีเมลที่ดีที่สุด

เริ่มต้นกับ SeedProd วันนี้

Elementor Page Builder

Elementor homepage

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

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

แม้ว่าจะมีผู้สร้างเว็บไซต์จำนวนมาก แต่เราคิดว่า SeedProd และ Elementor เสนอสิ่งที่ดีที่สุดในตลาด

จากที่กล่าวมา มาดูวิธีการติดตั้งชุดแม่แบบใน WordPress กัน

วิธีการติดตั้งชุดเว็บไซต์ใน WordPress ด้วย SeedProd

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

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

  • ขั้นตอนที่ 1. ติดตั้งและเปิดใช้งาน SeedProd
  • ขั้นตอนที่ 2 เลือกชุดเว็บไซต์
    • ขั้นตอนที่ 3 เปิดใช้งานชุดเว็บไซต์ SeedProd ของคุณ
    • การปรับแต่งชุดเว็บไซต์ของคุณ

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

      ขั้นตอนที่ 1. ติดตั้งและเปิดใช้งาน SeedProd

      ขั้นตอนแรกคือการดาวน์โหลดสำเนาของปลั๊กอิน SeedProd WordPress ในการใช้ SeedProd's Kits คุณต้องมีอย่างน้อยแผน SeedProd Pro

      รับ SeedProd Pro ที่นี่

      ถัดไป ลงชื่อเข้าใช้แดชบอร์ดบัญชี SeedProd ของคุณและคลิกแท็บ ดาวน์โหลด ในหน้านี้ คุณสามารถดาวน์โหลดไฟล์ปลั๊กอิน .zip และคัดลอกคีย์ใบอนุญาต Pro ของคุณ

      Find your SeedProd license key

      หลังจากดาวน์โหลด SeedProd แล้ว ให้ไปที่ Plugins » Add New จากส่วนผู้ดูแลระบบ WordPress แล้วคลิก Add New จากนั้นคลิกปุ่มเลือกไฟล์ เลือกไฟล์ปลั๊กอิน SeedProd แล้วคลิก ติดตั้ง ทันที

      Install a WordPress plugin

      ในหน้าจอต่อไปนี้ คลิกลิงก์ เปิดใช้งาน เพื่อเปิดใช้งานปลั๊กอิน SeedProd บนไซต์ WordPress ของคุณ

      Activate seedprod plugin

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

      Enter your SeedProd license key

      เมื่อคีย์ใบอนุญาตของคุณทำงานอยู่ ก็ถึงเวลาติดตั้งชุดเว็บไซต์

      ขั้นตอนที่ 2 เลือกชุดเว็บไซต์

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

      choose a website kit seedprod

      ในหน้าจอต่อไปนี้ คุณจะเห็นไลบรารีชุดเว็บไซต์ของ SeedProd

      seedprod website kit library

      ประกอบด้วยการออกแบบที่สะอาดตาหลากหลายสำหรับอุตสาหกรรมธุรกิจหลายประเภท รวมไปถึง:

      • รถยนต์และการบำรุงรักษา
      • แอปพลิเคชั่นมือถือ
      • ร้านค้าอีคอมเมิร์ซ
      • บริการอย่างมืออาชีพ
      • ร้านอาหารและร้านกาแฟ
      • บล็อกและแฟชั่น
      • สินเชื่อที่อยู่อาศัยและอสังหาริมทรัพย์
      • กิจกรรมและการเล่นเกม
      • และอื่น ๆ.

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

      how to install website kit WordPress seedprod

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

      • เทมเพลตส่วนหัวและส่วนท้าย
      • เทมเพลตโฮมเพจและบล็อก
      • เทมเพลตหน้าเดียวและโพสต์
      • เทมเพลต CSS ทั่วโลก
      Seedprod website template kit parts

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

      หมายเหตุ: หากคุณติดตั้งชุดเว็บไซต์อีคอมเมิร์ซ คุณจะต้องมีใบอนุญาต SeedProd Elite และเปิดใช้งานปลั๊กอิน WooCommerce

      การนำเข้าไฟล์ชุดเว็บไซต์ .zip ใน SeedProd

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

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

      ตอนนี้คุณสามารถนำเข้าชุดอุปกรณ์ไปยังไซต์อื่นด้วยการติดตั้ง SeedProd ที่ใช้งานอยู่ เพียงไปที่ SeedProd » Import/Export คลิก Select File ใต้หัวข้อ Import Theme Files และคลิกปุ่ม Import Theme Files

      Import website kit zip file seedprod

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

      ขั้นตอนที่ 3 เปิดใช้งานชุดเว็บไซต์ SeedProd ของคุณ

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

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

      enable seedprod website kit

      ตอนนี้คุณสามารถดูตัวอย่างชุดเว็บไซต์ใหม่ใน WordPress ได้แล้ว!

      wordpress website kit example seedprod

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

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

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

      การเพิ่มโลโก้เว็บไซต์ของคุณ

      สิ่งแรกที่คุณต้องการเปลี่ยนแปลงคือโลโก้เทมเพลตเริ่มต้น โดยไปที่ SeedProd » Theme Builder ค้นหาส่วนเทมเพลต ส่วนหัว แล้วคลิกลิงก์ แก้ไขการออกแบบ

      edit seedprod header template

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

      customize website kit header

      คลิกโลโก้เริ่มต้นบนการแสดงตัวอย่างแบบสดเพื่อเปิดการตั้งค่าในแผงด้านซ้ายมือ จากนั้นคลิกไอคอนถังขยะเพื่อลบภาพโลโก้

      change your WordPress website logo

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

      ต่อไปนี้คือสิ่งที่คุณปรับแต่งได้ในเทมเพลตส่วนหัว:

      • เมนูนำทาง
      • กล่องค้นหา
      • ลิงค์โซเชียลมีเดีย

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

      custom WordPress header example

      การปรับแต่งเนื้อหาของคุณ

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

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

      ส่วนเทมเพลต

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

      customize website kit homepage template

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

      edit website kit headings

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

      customize website template buttons

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

      Seedprod templates for cta buttons

      หน้าเนื้อหา

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

      edit content pages with seedprod in WordPress

      จากนั้นคลิกลิงก์ แก้ไขด้วย SeedProd เพื่อเปิดหน้าในโปรแกรมแก้ไขภาพ

      edit contact page with seedprod

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

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

      add seedprod contact form block

      การแก้ไขการตั้งค่าส่วนกลางของคุณ

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

      จากแดชบอร์ดตัวสร้างธีม ให้คลิกลิงก์ แก้ไขการออกแบบ บนเทมเพลต Global CSS เพื่อเปิดในโปรแกรมแก้ไขภาพ

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

      SeedProd global css settings

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

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

      เริ่มต้นกับ SeedProd วันนี้

      ขั้นตอนถัดไป

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

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

      • วิธีสร้างตัวแบ่งส่วนแฟนซีสำหรับเว็บไซต์ WordPress
      • วิธีสร้างหน้าบล็อกบน WordPress
      • วิธีปรับแต่งหน้าร้านค้า WooCommerce ของคุณอย่างง่ายดาย

      ขอบคุณที่อ่าน. โปรดติดตามเราบน YouTube, Twitter และ Facebook สำหรับเนื้อหาที่เป็นประโยชน์เพิ่มเติมเพื่อทำให้ธุรกิจของคุณเติบโต