การสร้างไซต์รีวิวผลิตภัณฑ์ด้วยความพิเศษ – ตอนที่ 1
เผยแพร่แล้ว: 2017-09-12ยินดีต้อนรับสู่ส่วนที่ 1 ของซีรีส์ 4 ส่วนนี้เกี่ยวกับวิธีพัฒนาไซต์รีวิวผลิตภัณฑ์โดยใช้ Extra หากคุณกำลังใช้สมองในการเริ่มต้นพัฒนาเว็บไซต์รีวิวผลิตภัณฑ์ ชุดนี้เหมาะสำหรับคุณ ด้วยฟังก์ชันการตรวจทานในตัวและการจัดหมวดหมู่โพสต์อัจฉริยะ Extra จึงมีความพร้อมเป็นพิเศษในการสร้างรีวิวที่ดูดี เทมเพลตการโพสต์ผลิตภัณฑ์ เมนูเด่น และเลย์เอาต์หมวดหมู่ภายในไม่กี่นาที เข้าร่วมกับฉันในขณะที่เราสำรวจพลังของ Extra
ฉันชอบรีวิวสินค้า อันที่จริง ทุกวันนี้ฉันแทบไม่ซื้ออะไรเลยโดยไม่ได้ทำการตรวจสอบระดับ FBI อย่างละเอียดเพื่อตัดสินว่าโลกพูดถึงผลิตภัณฑ์นี้อย่างไร ถ้าฉันเคยออกไปซื้อของ (หายาก) ฉันเป็นคนที่อยู่ในร้านซึ่งหันหน้าไปทางหิ้งเป็นเวลา 30 นาทีเพื่ออ่านบทวิจารณ์เกี่ยวกับสินค้าบนชั้นวาง และฉันพนันได้เลยว่าฉันไม่ได้อยู่คนเดียว
ไซต์ตรวจสอบผลิตภัณฑ์เป็นที่นิยม และเป็นวิธีที่ยอดเยี่ยมในการหารายได้พิเศษจากบ้านของคุณเองอย่างสะดวกสบาย หากคุณต้องรับผิดชอบในการสร้างไซต์ด้วยตัวเอง จากมุมมองทางธุรกิจ การสร้างบล็อกการรีวิวผลิตภัณฑ์จะต้องใช้ความพยายามอย่างมากและต้องใช้ความอดทนอย่างมากจึงจะประสบความสำเร็จ แต่สำหรับการพัฒนาไซต์จริงของคุณ Extra ได้ครอบคลุมถึงคุณ
พิเศษมาพร้อมกับคุณสมบัติในตัวมากมายที่ทำให้การเพิ่มบทวิจารณ์ผลิตภัณฑ์ง่ายขึ้นมาก โมดูลและเลย์เอาต์หมวดหมู่อัจฉริยะนั้นทรงพลังมากและปรับแต่งได้ง่าย คุณสามารถแปลงรายการเมนูใดๆ ให้เป็นเมนูเด่นด้วยภาพเด่นได้ด้วยคลิกเดียว ซึ่งเป็นสิ่งสำคัญสำหรับไซต์ที่มีเนื้อหาจำนวนมาก และพลังของ Visual Builder จะเพิ่มความสามารถในการออกแบบระดับสูงให้กับเลย์เอาต์โพสต์ผลิตภัณฑ์ของคุณ
ในโพสต์ของวันนี้ ฉันจะพูดถึงตัวเลือกธีมพื้นฐานและการตั้งค่าเครื่องมือปรับแต่งธีมเพื่อให้เห็นถึงเว็บไซต์รีวิวผลิตภัณฑ์ที่ยอดเยี่ยม
นี่คือตัวอย่างคร่าวๆ ของสิ่งที่เรากำลังจะสร้างในซีรีส์นี้


ก่อนที่เราจะเริ่มต้น มาดูขั้นตอนสำคัญอื่นๆ ที่ควรพิจารณาก่อน
ขั้นตอนสำคัญสำหรับไซต์ตรวจสอบผลิตภัณฑ์ที่ไม่ครอบคลุมในซีรี่ส์นี้
ข้อมูลชุดนี้ครอบคลุมพื้นฐานในการสร้างและกำหนดสไตล์เว็บไซต์รีวิวผลิตภัณฑ์ของคุณโดยใช้โปรแกรมพิเศษ ดังนั้น ฉันจะไม่กล่าวถึงขั้นตอนสำคัญอื่นๆ ที่คุณต้องดำเนินการเพื่อสร้างเว็บไซต์ตรวจสอบผลิตภัณฑ์ให้ประสบความสำเร็จ ขั้นตอนการดำเนินการที่สำคัญเหล่านี้ได้แก่:
- ค้นหาเฉพาะจุดที่เหมาะสมและจำกัดโฟกัสของคุณให้แคบลง ไม่ใช่เรื่องง่ายและจะต้องมีการวิจัยที่สำคัญ
- ค้นคว้าหารายได้ของพันธมิตรสำหรับผลิตภัณฑ์เพื่อดูว่าคุณจะทำเงินได้จริงหรือไม่
Amazon เป็นตัวเลือกยอดนิยมสำหรับไซต์ตรวจสอบผลิตภัณฑ์จำนวนมาก แม้ว่าจะไม่ใช่ตัวเลือกที่ดีที่สุดเสมอไป - การสร้างลำดับการเลือกอีเมลอย่างง่ายและแคมเปญการตลาดโดยใช้ Bloom และบริการของบุคคลที่สามเช่น Mailchimp หรือ Aweber
- สร้างเนื้อหาที่ยอดเยี่ยมหรือจ่ายเงินให้ผู้อื่นทำ
- เพิ่มประสิทธิภาพเว็บไซต์ของคุณสำหรับเครื่องมือค้นหา (SEO)
- ทำการตลาดเว็บไซต์ของคุณด้วยโซเชียลมีเดีย
- ร่วมเป็นพันธมิตรกับบล็อกเกอร์คนอื่น ๆ ในช่องของคุณเพื่อสร้างการเข้าชมมากขึ้น
มีขั้นตอนมากขึ้นแน่นอน
การเตรียมองค์ประกอบการออกแบบ
- ติดตั้ง Extra เวอร์ชันล่าสุดแล้ว
- ธีมลูกที่ใช้งานอยู่ เราจะไม่แก้ไขไฟล์ธีมหลักใดๆ เช่น ไฟล์ header.php หรือ function.php สำหรับซีรีส์นี้ เราจะใช้เฉพาะตัวปรับแต่งธีมและ CSS ที่กำหนดเองเท่านั้น
- โลโก้สีอ่อนของคุณบนพื้นหลังสีเข้ม ขนาดโลโก้ของฉันคือ 103×63
- รูปภาพสินค้า. สำหรับบทช่วยสอนนี้ ฉันจะมี 4 หมวดหมู่โดยมีผลิตภัณฑ์ 3 รายการในแต่ละหมวดหมู่ ดังนั้นฉันจะใช้รูปภาพทั้งหมด 12 ภาพ ฉันใช้ภาพสต็อกจาก shutterstock ที่มีพื้นหลังสีขาวเพื่อให้ภาพดูสะอาดตายิ่งขึ้น
นอกจากนี้ รูปภาพผลิตภัณฑ์เวอร์ชันที่ใหญ่ที่สุดจะเป็น 1280px (ความกว้างของเนื้อหาเว็บไซต์) ดังนั้นตรวจสอบให้แน่ใจว่ารูปภาพของคุณกว้างอย่างน้อย ตามหลักการแล้ว ฉันจะถ่ายภาพทั้งหมดของคุณให้มีขนาด 1280×720 เพื่อที่จะคงอัตราส่วนกว้างยาว 16:9 ของจอภาพส่วนใหญ่
ทุกชุด? มาเริ่มกันเลย.
การสร้างไซต์รีวิวผลิตภัณฑ์ด้วยความพิเศษ – ตอนที่ 1
สมัครสมาชิกช่อง Youtube ของเรา
การตั้งค่าตัวเลือกธีมและการตั้งค่าตัวปรับแต่งธีม
จากแดชบอร์ด WordPress ให้ไปที่ แท็บพิเศษ > ตัวเลือกธีม > ทั่วไป แล้วอัปเดตสิ่งต่อไปนี้:
โลโก้: ใส่โลโก้ของคุณ ตรวจสอบให้แน่ใจว่าโลโก้เป็นเวอร์ชันสีอ่อนเนื่องจากจะทับพื้นหลังสีเข้มในส่วนหัวของคุณ
Favicon: ป้อน favicon ของคุณ
Global Accent Color: #222222
ตำแหน่งแถบด้านข้าง: ไม่มีแถบด้านข้าง

บันทึกการตั้งค่า
ไปที่ พิเศษ > ตัวปรับแต่งธีม > การตั้งค่าทั่วไป > การตั้งค่าตัวพิมพ์ และอัปเดตสิ่งต่อไปนี้:
ขนาดข้อความหัวเรื่อง: 24
ขนาดตัวอักษร: 20
ความสูงของบรรทัดหัวเรื่อง: 1.3
รูปแบบตัวอักษรของหัวเรื่อง: B (ตัวหนา)
แบบอักษรของหัวเรื่อง: Oswald
แบบอักษรของร่างกาย: เปิด Sans
ตัวลิงค์สี: #e6567a


บันทึกและเผยแพร่
ย้อนกลับและเลือก การตั้งค่าพื้นหลัง และเปลี่ยนสีพื้นหลังเป็น rgba(0,0,0,0.14)

บันทึกและเผยแพร่
กลับไปที่เมนูหลักของเครื่องมือปรับแต่งธีมแล้วเลือก การตั้งค่าส่วนหัวและการนำทาง > การตั้งค่ารูปแบบส่วนหัว แล้วเลือก "กึ่งกลาง"

บันทึกและเผยแพร่
ตอนนี้กลับมาแล้วเลือก การตั้งค่าแถบเมนูหลัก และอัปเดตสิ่งต่อไปนี้:
ความสูงของเมนู: 124
ความสูงของโลโก้: 51
ขนาดตัวอักษร: 20
สีข้อความ: rgba(255,255,255,0.86)
สีพื้นหลัง: #222222
สีพื้นหลังของเมนูแบบเลื่อนลง: #222222
แอนิเมชั่นเมนูแบบเลื่อนลง: พลิกในแนวตั้ง

บันทึกและเผยแพร่
ตอนนี้ให้กลับไปและเลือก การตั้งค่าแถบเมนูรอง และอัปเดตสิ่งต่อไปนี้:
ขนาดตัวอักษร: 20
สีพื้นหลัง: #121212
สีพื้นหลังของเมนูแบบเลื่อนลง: #121212
ขนาดข้อความที่กำลังมาแรง: 16px
ขนาดข้อความค้นหา รถเข็น และไอคอน: 16
ค้นหา รถเข็น และไอคอน สีพื้นหลัง: #444444

ถัดไป ให้ย้อนกลับและเลือก การตั้งค่าการนำทางคงที่ จากนั้นอัปเดตสิ่งต่อไปนี้:
เลือกซ่อนภาพโลโก้
ความสูงของเมนู: 60
ขนาดตัวอักษร: 16
สีพื้นหลัง: #222222

บันทึกและเผยแพร่
หากคุณกำลังทำงานกับการติดตั้ง WordPress และ Extra ใหม่ล่าสุด หน้าแรกของคุณควรมีลักษณะดังนี้

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

จากนั้นคลิกปุ่ม เพิ่มหมวดหมู่ใหม่
ฉันจะทำซ้ำขั้นตอนนี้อีกสามหมวดหมู่ นี่คือข้อมูลสำหรับทั้ง 4 หมวดหมู่ของฉัน:
- ชื่อ: อิเล็กทรอนิกส์
ทาก: อิเล็กทรอนิกส์
สี: #5bd999 - ชื่อ: เสื้อผ้า
ทาก: เสื้อผ้า
สี: #00c0e4 - ชื่อ: ครัว
ทาก: ห้องครัว
สี: #e6567a - ชื่อ: สุขภาพและฟิตเนส
ทาก: สุขภาพและการออกกำลังกาย
สี: #7658f8
หมายเหตุ: สีจะมีบทบาทสำคัญในการออกแบบไซต์ ดังนั้นตรวจสอบให้แน่ใจว่าคุณได้เพิ่มสีเข้าไป
เมื่อคุณเพิ่มหมวดหมู่เสร็จแล้ว คุณก็เสร็จสิ้นส่วนที่ 1 ของซีรีส์!
กำลังจะเกิดขึ้น: การเพิ่มโพสต์และการสร้างเค้าโครงโพสต์สำหรับผลิตภัณฑ์ของคุณ
ในส่วนที่ 2 ของชุดนี้ เราจะเริ่มเพิ่มเนื้อหาโพสต์และสร้างเค้าโครงใหม่สำหรับโพสต์ผลิตภัณฑ์ของเรา การเพิ่มโพสต์บทวิจารณ์ผลิตภัณฑ์ลงใน Extra นั้นเหมือนกับการเพิ่มโพสต์ปกติ ดังนั้นหากคุณคุ้นเคยกับการสร้างโพสต์ในบล็อกและการใช้ Divi Builder คุณไม่น่าจะมีปัญหาใดๆ กับขั้นตอนต่อไปของเรา หากคุณยังใหม่ต่อสิ่งเหล่านี้ ให้พิจารณาว่านี่เป็นช่วงเวลาที่ดีในการเรียนรู้วิธีการสร้างด้วย Extra
นี่คือตัวอย่างหนึ่งในโพสต์ผลิตภัณฑ์ที่เราจะสร้างในส่วนที่ 2 ของซีรีส์ของเรา

หากคุณมีคำถามหรือข้อเสนอแนะโปรดโพสต์ความคิดเห็น
ไชโย!
