WPML

หนึ่งในการตัดสินใจที่สำคัญที่สุดเมื่อคุณสร้างเว็บไซต์ 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 เรียบง่ายภายใต้แบรนด์ของคุณ

การตั้งค่าเว็บไซต์ด้วยธีมเริ่มต้น


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

การเพิ่มฟังก์ชันการทำงานให้กับเว็บไซต์ด้วย Toolset

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

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

นี่คือสิ่งที่คุณสามารถเพิ่มได้ด้วย Toolset โดยไม่ต้องเขียนโค้ดใด ๆ:

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

การผสานรวมกับ Toolset และประโยชน์สำหรับการสร้างเว็บไซต์ที่มีประเภทที่กำหนดเอง


Astra, GeneratePress และ OceanWP ล้วนเป็นธีมที่พร้อมสำหรับประเภทที่กำหนดเอง นั่นหมายความว่าคุณสามารถปรับแต่งตัวเลือกของธีมเหล่านี้สำหรับแต่ละเทมเพลตที่คุณออกแบบได้ ซึ่งรวมถึงเทมเพลตสำหรับประเภทโพสต์แบบกำหนดเองและหน้าเก็บถาวรของคุณ

วิดีโอนี้แสดงการผสานรวมระหว่าง Toolset และธีม Astra:

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

การควบคุมตัวเลือกธีมของ Astra สำหรับแต่ละเลย์เอาต์แยกกัน

บทสรุป


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

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


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

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

พบว่าสิ่งนี้มีประโยชน์หรือไม่? แชร์บทความนี้: