หนึ่งในการตัดสินใจที่สำคัญที่สุดเมื่อคุณสร้างเว็บไซต์ WordPress คือการเลือกธีม โชคดีที่มีธีมที่ยอดเยี่ยมหลายพันรายการให้คุณเลือกใช้ วันนี้เราอยากจะพูดถึงการใช้ธีมเริ่มต้นแบบมินิมอล ว่าเมื่อใดที่ธีมเหล่านี้เป็นตัวเลือกที่ดีและเพราะเหตุใด
ธีมเริ่มต้นแบบรวมทุกอย่าง แบบเฉพาะทาง และแบบมินิมอล
การพัฒนาธีมใน WordPress มีวิวัฒนาการไปในหลายทิศทาง เพื่อดึงดูดกลุ่มเป้าหมายและความต้องการที่แตกต่างกัน
ธีมที่ได้รับความนิยมมากที่สุดในปัจจุบันคือธีม "อเนกประสงค์" ซึ่งรวมทุกอย่างไว้ในตัวอย่างแท้จริง Avada, Enfold และ Divi เป็นตัวอย่างที่ดี ธีมเหล่านี้รวม "สกิน" การออกแบบที่แตกต่างกัน ปลั๊กอินสร้างหน้าเว็บของตัวเอง และฟังก์ชันการทำงานมากมายที่คุณสามารถเปิดและปิดการใช้งานได้จากแดชบอร์ด
บางเว็บไซต์ต้องการฟังก์ชันการทำงานพิเศษ ซึ่งยากที่จะทำได้ด้วยธีมอเนกประสงค์ เว็บไซต์อสังหาริมทรัพย์และไดเรกทอรีเป็นตัวอย่างที่ดี สำหรับกรณีเหล่านี้ มีธีมเฉพาะทางหลายสิบรายการที่รวมสิ่งที่คุณจำเป็นต้องใช้ในการสร้างเว็บไซต์ ธีมเหล่านี้มอบโซลูชันที่ปรับแต่งมาโดยเฉพาะสำหรับการใช้งานที่เฉพาะเจาะจงมาก
และนักพัฒนาหลายคนชอบที่จะสร้างมันขึ้นมาเองและเลือกส่วนประกอบต่าง ๆ ที่จะใช้ในการพัฒนาเว็บไซต์ สำหรับพวกเขา ธีมเริ่มต้นแบบมินิมอลทำงานได้ดีที่สุด เพราะมีให้เฉพาะสิ่งที่จำเป็นพื้นฐานโดยไม่ทำให้เว็บไซต์ทำงานหนักเกินไปจากส่วนเกิน
แม้ว่าแต่ละแนวทางจะมีข้อดีของตัวเอง แต่เราจะพูดถึงธีมแบบมินิมอล ว่าธีมเหล่านี้มีประโยชน์มากที่สุดเมื่อใด และจะใช้ประโยชน์จากธีมเหล่านี้ให้ดีที่สุดได้อย่างไร
ธีมเริ่มต้นแบบมินิมอลไม่ควรมีอะไรบ้าง
อันที่จริงแล้วการให้คำจำกัดความของธีมเริ่มต้นแบบมินิมอลจากสิ่งที่ควรหลีกเลี่ยงนั้นง่ายกว่า
สิ่งสำคัญที่สุดในธีมแบบมินิมอลคือการหลีกเลี่ยงการผูกขาดกับผู้ให้บริการ (vendor lock-in) เมื่อคุณสร้างเว็บไซต์ด้วยธีมที่รวมทุกอย่าง คุณจะได้รับทุกสิ่งที่คุณต้องการ อย่างไรก็ตาม มันอาจกลายเป็นการเซ็นสัญญาที่เข้มงวด คุณได้รับทุกสิ่งที่คุณต้องการจากธีมแต่ไม่สามารถย้อนกลับได้อีกเลย หากคุณชอบทุกอย่างเกี่ยวกับธีมนี้ มันก็เยี่ยมมาก แต่เมื่อคุณพบปัญหา คุณต้องยอมรับมัน เพราะแทบจะเป็นไปไม่ได้เลยที่จะเปลี่ยนธีม
ธีมเริ่มต้นที่มินิมอลจริง ๆ จะมอบสิ่งที่คุณต้องการ (จากธีม) แต่ยังคงช่วยให้คุณสามารถเปลี่ยนธีมได้ในกรณีที่คุณต้องการ แน่นอนว่าการเปลี่ยนธีมจะต้องใช้ความพยายามบ้าง แต่มันจะไม่เหมือนกับการสร้างเว็บไซต์ใหม่ทั้งหมดตั้งแต่ต้น
การเปลี่ยนธีมบนเว็บไซต์ที่ใช้งานจริงไม่เคยเป็นเรื่องที่ทำ "เพื่อความสนุก" ไม่มีใครเปลี่ยนธีมเพียงเพราะพวกเขาเบื่อ คุณอาจจำเป็นต้องเปลี่ยนธีมหากธีมนั้นหมดอายุการใช้งาน หรือพบว่ามีปัญหาที่คุณไม่ทันตระหนักเมื่อตอนที่เลือกใช้ มันเป็นเรื่องที่เกิดขึ้นได้ยาก แต่เมื่อคุณพัฒนาเว็บไซต์หลายสิบแห่งให้กับลูกค้าของเอเจนซี่ เรามั่นใจว่าคุณเคยพบกับสถานการณ์นี้
ธีมเริ่มต้นแบบมินิมอลควรมีอะไรบ้าง
ดังนั้นจึงไม่มีการผูกขาด แต่ธีมจำเป็นต้องมีอะไรให้บ้าง คำตอบสำหรับคำถามนี้มีการพัฒนาอยู่เสมอ ในปัจจุบันมีข้อกำหนดชุดหนึ่งและเรามั่นใจว่าในปีหน้าก็จะมีข้อกำหนดอื่น ๆ อีก
ธีมแบบมินิมอลที่เราใช้ในปัจจุบันล้วนมีสิ่งต่อไปนี้:
- ตัวเลือกเค้าโครงหน้า (ความกว้าง ระยะขอบ การจัดกล่องเนื้อหา ฯลฯ)
- ส่วนหัว ส่วนท้าย และแถบด้านข้างที่ปรับแต่งได้
- เมนูที่ปรับแต่งได้
- การควบคุมการจัดรูปแบบตัวอักษร
ในแง่ของฟังก์ชันการทำงาน นี่คือสิ่งที่จำเป็นขั้นต่ำจริง ๆ แน่นอนว่าธีมจะต้องมีความเร็ว เขียนด้วยโค้ดที่ปลอดภัย รวมข้อมูลเมตาของ SEO และเข้ากันได้กับปลั๊กอินยอดนิยม
เนื่องจากเรากำลังพูดถึงธีมแบบมินิมอลและไม่มีการผูกขาดกับผู้ให้บริการ จึงไม่ควรมีฟีเจอร์การสร้างเว็บไซต์ในธีม เช่น ปลั๊กอินสร้างหน้าเว็บที่ผสานรวมอยู่ในตัว แบบฟอร์มการติดต่อ และสิ่งอื่น ๆ ที่คุณสามารถหาได้จากปลั๊กอิน
ธีมเริ่มต้นแบบมินิมอลที่คุณควรรู้จัก
มีธีมแบบมินิมอลที่ยอดเยี่ยมอีกมากมายนอกเหนือจากที่กำลังจะกล่าวถึงในที่นี้ เราจะเขียนเกี่ยวกับธีมที่ลูกค้าแนะนำให้กับเราและที่เราเคยใช้ด้วยตัวเอง ด้วยวิธีนี้เราจึงสามารถเขียนจากประสบการณ์ในการสร้างเว็บไซต์และหลีกเลี่ยงการโฆษณาเกินจริงทางการตลาด
|
 |
 |
 |
| สร้างมาเพื่อปลั๊กอินสร้างหน้าเว็บ |
ใช่ |
ใช่ |
ใช่ |
| เค้าโครงที่ตอบสนอง |
ใช่ |
ใช่ |
ใช่ |
| การควบคุมเค้าโครง |
ดี |
ดีมาก |
ดี |
| ตัวเลือกการปรับแต่งส่วนหัวและส่วนท้าย |
ดี |
ดีมาก |
ดี |
| ตัวเลือกการกำหนดค่าเมนู |
พื้นฐาน |
ดีมาก |
พื้นฐาน (จะมีตัวเลือกเพิ่มเติมในเดือนกุมภาพันธ์ 2018) |
| ระดับการปรับแต่งโดยรวม (แบบอักษร สี การมองเห็นองค์ประกอบ ฯลฯ) |
ดี |
โดดเด่น |
ดี |
| พร้อมสำหรับอีคอมเมิร์ซ |
ใช่ |
ใช่ |
ใช่ |
| เดโมที่นำเข้าได้ |
ใช่ |
ใช่ |
ใช่ |
| เป็นมิตรกับ SEO |
ใช่ |
ใช่ |
ใช่ |
| พร้อมสำหรับการแปล |
ใช่ |
ใช่ |
ใช่ |
| รองรับ RTL |
ใช่ |
ใช่ |
ใช่ |
| โค้ด Microdata/schema.org ในตัว |
ใช่ |
ใช่ |
ใช่ |
| Font Awesome |
ใช่ |
ใช่ |
ใช่ |
| ปรับให้เหมาะสมกับความเร็ว |
ใช่ |
ใช่ |
ใช่ |
| Mega Menu ในตัว |
/ |
ใช่ |
เร็ว ๆ นี้ |
การขยายฟีเจอร์ของ GeneratePress, OceanWP และ Astra
คุณจะสร้างธีมที่เรียบง่ายและมีประสิทธิภาพ แต่ยังคงมีฟังก์ชันการทำงานที่หลากหลายได้อย่างไร คำตอบคือ "ส่วนเสริม" ส่วนเสริมเฉพาะทางช่วยให้คุณสามารถติดตั้งฟีเจอร์ที่คุณต้องการสำหรับโปรเจกต์ต่าง ๆ ได้
มาดูกันว่าส่วนขยายระดับพรีเมียมของแต่ละธีมมีอะไรบ้าง และมีประโยชน์อย่างไรในการสร้างเว็บไซต์ที่สมบูรณ์
ส่วนเสริมพรีเมียมของ GeneratePress
| ส่วนขยายของ GeneratePress |
ฟีเจอร์หลัก |
| ส่วนขยาย Typography and Colors |
ควบคุมแบบอักษรสำหรับทุกส่วนของเว็บไซต์คุณได้อย่างสมบูรณ์: เนื้อหาหลัก ส่วนหัว การนำทาง และอื่น ๆ กำหนดและเปลี่ยนสีสำหรับองค์ประกอบ (เกือบ) ทั้งหมด |
| ส่วนขยาย WooCommerce |
ควบคุมการแสดงผลขององค์ประกอบต่าง ๆ: ตะกร้าสินค้าในเมนู เบรดครัมบ์ แถบด้านข้าง รูปภาพผลิตภัณฑ์ ผลิตภัณฑ์ที่เกี่ยวข้อง และอื่น ๆ โหมดไร้สิ่งรบกวนสำหรับหน้าการชำระเงิน เปลี่ยนรูปลักษณ์และความรู้สึกของปุ่ม ข้อความ ชื่อผลิตภัณฑ์ และองค์ประกอบอื่น ๆ |
| ส่วนขยาย Disable Elements and Copyright |
คุณสามารถเลือกได้ว่าจะแสดงส่วนหัว การนำทางหลัก รูปภาพโพสต์ ชื่อ และส่วนท้ายหรือไม่ โดยกำหนดได้ในแต่ละหน้า คุณสามารถเลือกเค้าโครงหน้าได้ 7 แบบ ปรับแต่งประกาศลิขสิทธิ์ของธีม |
| ส่วนขยาย Sections, Backgrounds and Spacing |
แบ่งหน้าออกเป็นหลายส่วนและกำหนดเนื้อหาและการออกแบบที่แตกต่างกันให้กับแต่ละส่วน: ฟีเจอร์ พาดหัว เอฟเฟกต์พารัลแลกซ์ รูปภาพ เนื้อหาทั่วไป เพิ่มพื้นหลังให้กับแทบทุกส่วนของเว็บไซต์คุณ: ส่วนหัว เนื้อหาหลัก การนำทาง แถบด้านข้าง วิดเจ็ต และอื่น ๆ |
| ส่วนขยาย Menus+, Secondary Navigation และ Page Header |
ปรับแต่งเมนูของคุณบนมือถือหรือเดสก์ท็อป แสดงเมนูรองได้อย่างง่ายดายและเลือกตำแหน่งที่จะแสดง: แบบลอยตัว ใต้ส่วนหัว และอื่น ๆ รูปภาพส่วนหัวสำหรับแต่ละหน้า |
| ส่วนขยาย Blog |
เลือกองค์ประกอบของบล็อกที่จะแสดง: เนื้อหาแบบเต็มหรือข้อความที่ตัดตอนมา วันที่ ผู้เขียน หมวดหมู่ และอื่น ๆ ปรับแต่งป้ายกำกับ "อ่านเพิ่มเติม"
ปรับแต่งรูปภาพบล็อก แสดงโพสต์ล่าสุดให้มีขนาดใหญ่กว่าโพสต์เก่า |
| ส่วนขยาย Hooks |
เพิ่มโค้ดของคุณเองลงในเว็บไซต์โดยไม่ต้องแก้ไขไฟล์ธีมใด ๆ เลือกส่วนของเว็บไซต์ที่จะโหลดโค้ด |
ฟีเจอร์โบนัส: ส่วนเสริมพรีเมียมของ GeneratePress ช่วยให้คุณสามารถนำเข้าและส่งออกการตั้งค่าได้ สิ่งนี้ช่วยให้คุณประหยัดเวลาในโปรเจกต์อื่น ๆ ที่ต้องการการตั้งค่าแบบเดียวกัน
ส่วนขยายหลักของ OceanWP
จนถึงตอนนี้ เราสามารถนับส่วนขยายหลักของ OceanWP ได้ทั้งหมด 15 รายการ (ฟรี 7 รายการและพรีเมียม 8 รายการ) แต่ถ้าคุณอ่านโพสต์บล็อกล่าสุดของ Nicolas ดูเหมือนว่าจะมีเพิ่มมาอีกในอนาคต
มาดูกันที่ด้านล่างนี้ว่าจะใช้ประโยชน์จากส่วนขยายให้คุ้มค่าที่สุดได้อย่างไร
| ส่วนขยายของ OceanWP |
ฟีเจอร์หลัก |
| Product Sharing และ Social Sharing |
ด้วยส่วนขยายนี้ คุณสามารถเพิ่มปุ่มแชร์ไปยังโซเชียลมีเดียในหน้าผลิตภัณฑ์เดี่ยวหรือโพสต์ของคุณได้ |
| Modal Window |
ตั้งค่าง่าย ลดเวลาในการโหลด และทำให้การออกแบบโดยรวมเรียบง่ายขึ้น คุณสามารถใช้สำหรับแบบฟอร์ม การสร้างลูกค้าเป้าหมาย การแจ้งเตือน และการแจ้งเตือนที่สำคัญอื่น ๆ |
| Posts Slider |
คุณสามารถสร้างสไลเดอร์เพื่อแสดงโพสต์ล่าสุดของคุณ ซึ่งจะสร้าง shortcode ที่คุณสามารถใช้ได้ทุกที่บนเว็บไซต์ของคุณ |
| Custom Sidebar |
เพียงลากและวางวิดเจ็ตของคุณลงไป คุณสามารถตัดสินใจได้อย่างชัดเจนว่าต้องการให้แสดงในหน้าใด |
| Demo Import |
มีเดโมพร้อมใช้งานสองสามรายการสำหรับแต่ละอุตสาหกรรม: การท่องเที่ยว ร้านค้า โยคะ สถาปนิก และอื่น ๆ |
| Ocean Extra |
ทำหน้าที่เหมือนตัวจัดการแดชบอร์ดหรือแผงควบคุมธีม คุณสามารถเลือกปิดหรือเปิดใช้งานส่วนใดก็ได้ในเครื่องมือปรับแต่งเพื่อให้โหลดได้เร็วขึ้น |
| Portfolio |
มีวิธีที่มีประสิทธิภาพหลายวิธีในการนำเสนอผลงานของคุณ และคุณสามารถกรองตามผู้เขียน หมวดหมู่ และแท็กอื่น ๆ ได้ |
| WooPopup |
ป๊อปอัปจะแสดงขึ้นเมื่อคุณคลิกที่ "เพิ่มลงในตะกร้าสินค้า" คุณสามารถควบคุมรัศมีได้อย่างสมบูรณ์ นอกจากนี้ยังสามารถเปลี่ยนลิงก์ ข้อความ และปรับแต่งข้อความแจ้งเตือนได้ |
| Sticky Header & Footer |
ตรึงส่วนท้ายไว้ที่ด้านล่างของหน้าจอและเพิ่มข้อความ เมนู หรือสีลงไป |
| Elementor Widgets |
ทีมงาน OceanWP และ Elementor ได้ทำงานร่วมกันเพื่อเพิ่มวิดเจ็ตใหม่ ๆ ให้กับ Elementor |
| Footer Callout |
เป็นวิธีที่มีประสิทธิภาพในการเพิ่มข้อมูลสำคัญเกี่ยวกับบริษัทของคุณหรือปุ่มต่าง ๆ ไว้ก่อนส่วนท้ายแบบดั้งเดิม |
| Ocean Hooks |
เพิ่มโค้ด เนื้อหา และ shortcode ของคุณเองได้ทั่วทั้งเว็บไซต์ โดยไม่จำเป็นต้องใช้ธีมลูก |
ส่วนเสริมพรีเมียมของ Astra
Astra เน้นที่ความเรียบง่าย ด้วยตัวเลือกที่น้อยที่สุด ผู้ใช้จะได้รับผลลัพธ์ที่ต้องการผ่านการตั้งค่าที่จัดหมวดหมู่มาอย่างดีในเครื่องมือปรับแต่ง Astra Pro เป็นปลั๊กอินแบบครบวงจรที่ขยายขีดความสามารถของธีมและเพิ่มฟีเจอร์อื่น ๆ อีกมากมาย
| ส่วนขยายของ Astra |
ฟีเจอร์หลัก |
| Transparent Header |
สร้างส่วนหัวแบบโปร่งใสและทำให้เว็บไซต์ของคุณโดดเด่น |
| Typography |
ควบคุมแบบอักษรและความสามารถในการอ่านของเว็บไซต์คุณได้มากขึ้นด้วยโมดูลนี้ |
| Sticky Header |
ให้ส่วนหัวของคุณเข้าถึงได้ง่ายแม้ในขณะที่ผู้ใช้เลื่อนหน้าจอลง |
| Page Headers |
ออกแบบพื้นที่ชื่อหน้าให้สวยงามด้วยเบรดครัมบ์ ฟิลด์เมตา และตัวเลือกที่น่าสนใจอื่น ๆ |
| Advanced Footers |
รับพื้นที่วิดเจ็ตส่วนท้ายและการออกแบบที่สร้างสรรค์มากขึ้นด้วยโมดูล Advanced Footer |
| White Label |
ทำให้ข้อมูลในระบบหลังบ้านของ WordPress เรียบง่ายภายใต้แบรนด์ของคุณ |
การตั้งค่าเว็บไซต์ด้วยธีมเริ่มต้น
สำหรับธีมทั้งสามที่เราแนะนำไปข้างต้น กระบวนการตั้งค่านั้นคล้ายคลึงกันมาก:
- ติดตั้งธีม
- ไปที่ส่วนหน้าเว็บไซต์และคลิกที่ ปรับแต่ง
- ใช้เครื่องมือปรับแต่งเพื่อตั้งค่ารูปลักษณ์ของเว็บไซต์
เมื่อคุณใช้ธีมเริ่มต้นแบบมินิมอลเป็นพื้นฐานในการออกแบบ นั่นคือสิ่งที่คุณจะได้รับอย่างแท้จริง ซึ่งก็คือฟังก์ชันการทำงานขั้นต่ำในการแสดงเนื้อหา
Toolset สามารถเป็นโซลูชันแบบครบวงจรสำหรับการเพิ่มฟังก์ชันการทำงานให้กับเว็บไซต์ เนื่องจาก Toolset เป็นชุดปลั๊กอิน จึงสามารถทำงานได้กับทุกธีม ซึ่งหมายความว่าคุณยังคงสามารถเปลี่ยนธีมได้โดยไม่ต้องสร้างเว็บไซต์ใหม่ทั้งหมด
นี่คือสิ่งที่คุณสามารถเพิ่มได้ด้วย Toolset โดยไม่ต้องเขียนโค้ดใด ๆ:
| ฟีเจอร์ของ Toolset |
ตัวอย่าง |
| สร้างประเภทที่คุณกำหนดเองสำหรับเว็บไซต์ของคุณ เช่น ผลงาน โปรเจกต์ ทัวร์ ฯลฯ |
 |
| เพิ่มอนุกรมวิธานที่กำหนดเองและฟิลด์ให้กับประเภทที่กำหนดเองเหล่านั้น |
 |
| เลือกวิธีแสดงประเภทโพสต์แบบกำหนดเองเหล่านั้นโดยใช้เลย์เอาต์แบบลากและวางเพื่อสร้างเทมเพลต |
 |
| สร้างการค้นหาแบบกำหนดเองตามประเภทโพสต์แบบกำหนดเองและฟิลด์ของคุณ |
 |
| สร้างแบบฟอร์มสำหรับการส่งข้อมูลจากส่วนหน้าเว็บไซต์ |
 |
| แสดงเนื้อหาบน Google Maps |
 |
Astra, GeneratePress และ OceanWP ล้วนเป็นธีมที่
พร้อมสำหรับประเภทที่กำหนดเอง นั่นหมายความว่าคุณสามารถปรับแต่งตัวเลือกของธีมเหล่านี้สำหรับแต่ละเทมเพลตที่คุณออกแบบได้ ซึ่งรวมถึงเทมเพลตสำหรับประเภทโพสต์แบบกำหนดเองและหน้าเก็บถาวรของคุณ
วิดีโอนี้แสดงการผสานรวมระหว่าง Toolset และธีม Astra:
ตัวอย่างเช่น คุณสามารถตัดสินใจที่จะแสดงแถบด้านข้างในหน้าปกติของคุณ แต่ไม่แสดงในประเภทที่กำหนดเองของคุณ: ทัวร์ หรือประเภทอื่น ๆ ที่สร้างด้วย Toolset
การควบคุมตัวเลือกธีมของ Astra สำหรับแต่ละเลย์เอาต์แยกกัน
บทสรุป
ธีมแบบมินิมอลช่วยให้สามารถสร้างเว็บไซต์ที่เรียบง่ายและมีประสิทธิภาพสูง ซึ่งได้รับการปรับแต่งให้เหมาะกับความต้องการของแต่ละโปรเจกต์แยกกัน
เราได้ครอบคลุมถึงสามธีมที่ตรงกับคำอธิบายนี้เป็นอย่างดี ธีมทั้งหมดนี้เป็นจุดเริ่มต้นที่ยอดเยี่ยมและมีส่วนเสริมที่ทำให้การปรับแต่งเป็นเรื่องง่าย แต่ละธีมมีเวอร์ชันฟรีที่ยอดเยี่ยมบน WordPress.org และมีส่วนเสริมแบบชำระเงินให้เลือกใช้
เมื่อคุณต้องการสร้างฟังก์ชันการทำงานแบบกำหนดเองขั้นสูงเพิ่มเติม คุณสามารถทำได้โดยใช้ PHP ของคุณเองหรือใช้ปลั๊กอิน
Toolset โดยไม่ต้องเขียนโปรแกรม
เราหวังว่าคุณจะพบว่าบทช่วยสอนนี้มีประโยชน์ บอกเล่าประสบการณ์ของคุณให้เราทราบโดยแสดงความคิดเห็นของคุณ