ธีมหน้าร้าน: วิธีการติดตั้งและกำหนดค่า

หน้าร้านเป็นหนึ่งในธีมที่ยืดหยุ่นและขยายได้มากที่สุดเมื่อต้องเปิดร้าน WooCommerce โดยใช้ WordPress

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

การติดตั้งธีมหน้าร้าน WooCommerce

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

การติดตั้งโดยใช้ WordPress Dashboard

วิธีที่เร็วที่สุดในการติดตั้งหน้าร้านคือผ่านแดชบอร์ดของ WordPress ทำตามขั้นตอนเหล่านี้เพื่อติดตั้งหน้าร้านผ่านแดชบอร์ด WordPress

1. ไปที่ ลักษณะที่ ปรากฏ > ธีม > เพิ่มใหม่
2. พิมพ์ ' หน้าร้าน ' ในช่องค้นหาและกด Enter
3. วางเมาส์เหนือภาพหน้าจอหน้าร้าน
4. เลือกปุ่ม ' ติดตั้ง '
5. คลิกที่ เปิดใช้งาน

การติดตั้งหน้าร้านด้วยตนเอง

1. ดาวน์โหลดเวอร์ชั่นล่าสุดของหน้าร้านจาก wordpress.org
2. ไปที่ ลักษณะที่ ปรากฏ > ธีม > เพิ่มใหม่
3. คลิกที่ อัพโหลดธีม และเลือกไฟล์ zip ที่ดาวน์โหลดมาก่อนหน้านี้
4. คลิกที่ ติดตั้งทันที
5. คลิกที่ เปิดใช้งาน

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

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

มี 6 ส่วนในเทมเพลตหน้าแรกของหน้าร้านเริ่มต้น แต่คุณสามารถเพิ่มหรือลบส่วนได้ตามความต้องการของคุณ

ส่วนเริ่มต้นของหน้าแรก:

• เนื้อหาของหน้า
• หมวดหมู่สินค้า
• สินค้าล่าสุด
• สินค้าแนะนำ
• สินค้ายอดนิยม
• สินค้าลดราคา
• สินค้าขายดี

การกำหนดเทมเพลตโฮมเพจ

ในการตั้งค่าเทมเพลตโฮมเพจ ให้ทำตามขั้นตอนเหล่านี้:

1. ไปที่ Dashboard -> Pages และสร้างเพจชื่อ “ Home ” หรืออะไรก็ได้ที่คุณชอบ
2. เพิ่มเนื้อหาต้อนรับที่คุณชอบซึ่งจะแสดงอยู่เหนือผลิตภัณฑ์
3. ทางด้านขวามือ คุณจะพบกล่องชื่อ “ Page Attributes “
4. เลือก " หน้าแรก " จากเมนูแบบเลื่อนลง " เทมเพลต "
5. คลิกที่ เผยแพร่ หรือ อัปเดต เพื่อบันทึกการเปลี่ยนแปลง

การแสดงแม่แบบโฮมเพจ

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

1. ไปที่ แดชบอร์ด > การตั้งค่า > การอ่าน
2. ภายใต้หน้าแรกของคุณแสดงให้เลือกหน้าคงที่ (เลือกด้านล่าง)
3. เลือกหน้ากำหนดแม่แบบหน้าแรกก่อนหน้านี้ในรายการดรอปดาวน์ของ หน้าแรก
4. คลิกที่ บันทึกการเปลี่ยนแปลง

สั่งซื้อส่วนหน้าแรกของหน้าร้านใหม่

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

1. ดาวน์โหลดและติดตั้งการควบคุมโฮมเพจ
2. ไปที่ ลักษณะที่ ปรากฏ -> ปรับแต่ง -> การควบคุมโฮมเพจ
3. ลากและจัดลำดับส่วนใหม่ตามที่คุณต้องการ
4. คลิกที่ บันทึกและเผยแพร่ เพื่อบันทึกการเปลี่ยนแปลง

การกำหนดค่าเมนูการนำทาง

ในธีมหน้าร้าน คุณสามารถแสดงเมนูได้ 3 ตำแหน่ง

1. เมนูหลัก – ปรากฏใต้โลโก้เว็บไซต์
2. เมนูรอง – ข้างโลโก้ใกล้กับช่องค้นหา
3. เมนูมือถือ – เมนูสำหรับอุปกรณ์มือถือ

การตั้งค่าเมนู

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

สร้างเมนูใหม่และเพิ่มหน้าเข้าไป

1. ไปที่แผงการดูแลระบบ จากนั้น ลักษณะที่ปรากฏ > เมนู
2. ที่ด้านบนคุณจะพบฟิลด์ชื่อเมนู เขียนชื่อเมนูของคุณที่นี่
3. จากด้านซ้ายให้คลิกที่หน้า (สมมติว่าคุณต้องการเพิ่มหน้าไปยังเมนู)
4. คลิกที่ ดูทั้งหมด เพื่อดูรายการหน้าที่เผยแพร่ทั้งหมด
5. ทำเครื่องหมายหน้าที่คุณต้องการให้ปรากฏบนเมนู
6. หลังจากเลือกหน้าแล้วให้คลิกปุ่มเพิ่มในเมนู
7. ลากและวางรายการเมนูเพื่อจัดเรียงใหม่ตามความชอบของคุณ
8. คลิกบันทึกเมนู

การกำหนดเมนู

หลังจากสร้างเมนูแล้ว ให้กำหนดเมนูให้กับตำแหน่งที่คุณต้องการให้แสดง ไปที่ ลักษณะที่ปรากฏ > เมนู > การตั้งค่าเมนู และเลือกตำแหน่งจากช่องทำเครื่องหมาย แสดงตำแหน่ง

การเพิ่มหมวดหมู่สินค้าลงในเมนูของคุณ

1. ไปที่แผงการดูแลระบบ จากนั้น ลักษณะที่ ปรากฏ > เมนู
2. คลิกที่ ตัวเลือกหน้าจอ จากด้านบนซ้ายและเลือก หมวดหมู่สินค้า
3. ตอนนี้ในบานหน้าต่างด้านซ้ายแท็บหมวดหมู่ผลิตภัณฑ์จะปรากฏขึ้น
4. คลิกที่แท็บ Product Categories เพื่อขยาย เลือกหมวดหมู่
5. หลังจากเลือกแล้วให้คลิกปุ่ม เพิ่มในเมนู
6. ลากและวางรายการเมนูเพื่อจัดเรียงใหม่ตามความชอบของคุณ
7. คลิกที่เมนู บันทึก

การตั้งค่าวิดเจ็ต

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

1. แถบด้านข้าง – ซ้ายหรือขวาของเนื้อหาเว็บไซต์หลัก
2. ด้านล่างส่วนหัว – ใต้ส่วนหัวของไซต์และเหนือเนื้อหา
3. คอลัมน์ส่วนท้าย 1 – พื้นที่ส่วนท้าย
4. คอลัมน์ส่วนท้าย 2 – พื้นที่ส่วนท้าย
5. คอลัมน์ส่วนท้าย 3 – พื้นที่ส่วนท้าย
6. คอลัมน์ส่วนท้าย 4 – พื้นที่ส่วนท้าย

การตั้งค่า WooCommerce

การติดตั้ง WooCommerce

1. ไปที่ Dashboard > Plugins > Add New > Search Plugins
2. ค้นหา "WooCommerce"
3. คลิกที่ ติดตั้ง ทันที
4. คลิกที่ เปิดใช้งาน

การกำหนดค่า WooCommerce

หลังจากเปิดใช้งาน WooCommerce คุณจะได้รับแจ้งให้ติดตั้ง WooCommerce ด้วยตัวช่วยสร้าง จะดูแลการตั้งค่าเริ่มต้นทั้งหมด แบ่งออกเป็น 6 ส่วน

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

คุณสามารถตั้งค่าทั้งหมดเหล่านี้ได้ทุกเมื่อที่ต้องการจากแดชบอร์ด WooCommerce

เพิ่มผลิตภัณฑ์ใน WooCommerce

1. ไปที่ WordPress Dashboard
2. คลิกที่ ผลิตภัณฑ์ > เพิ่มใหม่
3. เขียนชื่อผลิตภัณฑ์หรือชื่อของคุณในช่อง ชื่อผลิตภัณฑ์
4. เขียนคำอธิบายผลิตภัณฑ์ของคุณในเครื่องมือแก้ไขด้านล่าง
5. ตอนนี้ คุณต้องอัปโหลดรูปภาพเด่นหนึ่งภาพของผลิตภัณฑ์และรูปภาพเพิ่มเติมไปยังแกลเลอรีผลิตภัณฑ์
6. ทางด้านขวาคุณจะพบกล่องชื่อ Product image & product gallery
7. อัปโหลดรูปภาพเด่นไปที่รูปภาพผลิตภัณฑ์และรูปภาพเพิ่มเติมไปยังแกลเลอรีผลิตภัณฑ์
8. คลิกที่ เผยแพร่

การตั้งค่าราคาสินค้า & คุณสมบัติ

การตั้งค่าราคาสินค้า ไปที่ Dashboard > Products และเลือกสินค้าใดก็ได้ จากนั้นเลื่อนลงไปที่ส่วนข้อมูลผลิตภัณฑ์ นี่คือคำอธิบายสั้นๆ ของการตั้งค่าส่วนข้อมูลผลิตภัณฑ์ทั้งหมด:

ประเภทสินค้า

• ผลิตภัณฑ์ที่ เรียบง่าย : ผลิตภัณฑ์เดียวที่เรียบง่าย
• สินค้า ที่จัดกลุ่ม : สินค้าที่เป็นส่วนหนึ่งของคอลเลกชัน
• ผลิตภัณฑ์ภายนอก/บริษัทในเครือ : สินค้าที่แสดงอยู่ในร้านค้าของคุณ แต่สินค้าจริงมีจำหน่ายที่อื่น
• Variable product : สินค้าที่มีรูปแบบต่างๆ (ขนาด, สี)
• ผลิตภัณฑ์เสมือน : สินค้าที่ไม่ต้องจัดส่ง
• ผลิตภัณฑ์ที่ ดาวน์โหลด ได้ : ผลิตภัณฑ์ที่คุณต้องจัดเตรียมไฟล์ที่สามารถดาวน์โหลดได้

ทั่วไป

• ราคาปกติ : ราคา สินค้าปกติ
• ราคาขาย : ลดราคาสินค้า.

รายการสิ่งของ

• SKU : Stock Keep unit (SKU) ติดตามสินค้า
• จัดการสต็อค : เปิดใช้งานการจัดการสต็อค
• สถานะสต็อค : สินค้ามีในสต็อกหรือไม่มีในสต็อก
• ขาย แยก : สามารถขายได้ในคำสั่งเดียว

การส่งสินค้า

• น้ำหนัก: น้ำหนักของผลิตภัณฑ์
• ขนาด: ความยาว ความกว้าง และความสูงของสินค้า.
• ชั้นการจัดส่งสินค้า: กลุ่มสินค้าประเภทเดียวกันกับวิธีการจัดส่งบางอย่าง

ผลิตภัณฑ์ที่เชื่อมโยง

• เพิ่มยอด ขาย : แสดงผลิตภัณฑ์ที่เกี่ยวข้องด้านล่างหน้ารายละเอียดสินค้า
• Cross-sells : แสดงสินค้าที่เกี่ยวข้องที่หน้าตะกร้าสินค้า
• แอตทริบิวต์ : เลือกแอตทริบิวต์ทั่วโลกของผลิตภัณฑ์

ขั้นสูง

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

การปรับแต่งหน้าร้าน

วิธีเพิ่มโลโก้

ทำตามขั้นตอนเหล่านี้เพื่อเพิ่มและแสดงโลโก้บนเว็บไซต์ของคุณ:
1. ไปที่ WordPress Admin แล้วไปที่ Appearance > Customize
2. จากนั้นไปที่ Site Identity > Logo
3. คลิกเลือกโลโก้เพื่ออัปโหลดภาพโลโก้ของคุณ (ขนาดรูปภาพที่แนะนำ: 470px X 110px)
4. คลิกที่เผยแพร่

จะอัปโหลดเว็บไซต์ favicon ได้ที่ไหน

ทำตามขั้นตอนเหล่านี้เพื่อเพิ่มและแสดง favicon ในเว็บไซต์ของคุณ:
1. ไปที่ WordPress Admin แล้วไปที่ Appearance > Customize
2. จากนั้นไปที่ Site Identity > Site Icon
3. คลิกที่ Select Image เพื่ออัพโหลดภาพโลโก้ของคุณ (ขนาดรูปภาพที่แนะนำ: 512px X 512px)
4. คลิกที่เผยแพร่

วิธีเปลี่ยนที่เก็บโพสต์หรือเลย์เอาต์ของบล็อก

1. ไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > ตัวปรับแต่งบล็อก > คลังบทความ
2. เลือกเลย์เอาต์จาก Post Archive Layout
3. คลิกที่ เผยแพร่

วิธีเปลี่ยนที่เก็บบทความหรือคอลัมน์บล็อก

1. ไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > ตัวปรับแต่งบล็อก > คลังบทความ
2. เลือกหมายเลขคอลัมน์ (ความกว้างเต็ม 2 คอลัมน์ 3 คอลัมน์ & 4 คอลัมน์) จาก คอลัมน์ที่เก็บถาวร
3. คลิกที่ เผยแพร่

วิธีเปลี่ยนโพสต์เดียวหรือเค้าโครงบทความ

1. ไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > ตัวปรับแต่งบล็อก > โพสต์เดียว
2. เลือกเลย์เอาต์จาก Single Post Layout
3. คลิกที่ เผยแพร่

วิธีเปลี่ยนฟอนต์

1. ไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > ลักษณะทั่วไป > วิชาการพิมพ์
2. เลือกแบบอักษรจากการ จับคู่แบบอักษร
3. คลิกที่ เผยแพร่

การปรับแต่ง WooCommerce

วิธีเปลี่ยนรูปแบบหน้าร้านค้า

1. ไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > WooCommerce > หน้าร้านค้า – รายการสินค้า
2. เลือกเค้าโครงจาก เค้าโครงคลังผลิตภัณฑ์
3. คลิกที่ เผยแพร่

วิธีการเปลี่ยนเค้าโครงหน้ารายละเอียดสินค้า

1. ไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > WooCommerce > หน้าร้านค้า – รายการสินค้า
2. เลือกเค้าโครงจาก เค้าโครงคลังผลิตภัณฑ์
3. คลิกที่ เผยแพร่