ธีมนิตยสาร MH: ธีมบล็อกระดับพรีเมียมสำหรับ WordPress

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

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

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

มันขึ้นอยู่กับโฆษณาหรือไม่? ในโพสต์นี้ ฉันจะสำรวจสิ่งนี้โดยดูจากฟีเจอร์ที่เวอร์ชันฟรีและพรีเมียมมีให้ก่อนใช้การกำหนดค่าเซิร์ฟเวอร์ Cloudways เพื่อทดสอบประสิทธิภาพ

ธีมนิตยสาร MH แตกต่างจากธีมอื่นอย่างไร

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

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

สุดท้ายนี้ ไม่มีธีมนิตยสารอื่นที่มีชื่อเสียงสูงบน WordPress.org เป็นธีมที่เก๋ไก๋และได้รับการออกแบบมาอย่างดีซึ่งชุมชนสามารถเข้าร่วมได้อย่างสมบูรณ์

ภาพรวมธีม WordPress นิตยสาร MH

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

เวอร์ชันฟรีได้รับความนิยมอย่างยาวนานในตลาดธีมของนิตยสารบน WordPress.org ส่งผลให้มีการติดตั้งที่ใช้งานอยู่กว่า 30,000 รายการและระดับ 5 ดาวที่มั่นคง โดยรวมแล้ว ทั้งสองเวอร์ชันได้รับ MH Themes ลูกค้านับหมื่นจากกว่า 110 ประเทศ รวมถึงชื่อต่างๆ เช่น Forbes , Imgur และ New York City Police Department

ฟรีกับ Pro: การเปรียบเทียบ

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

ต่อไปนี้คือภาพรวมคร่าวๆ ของสิ่งที่เวอร์ชัน Pro นำเสนอ:

• ตัวเลือกเค้าโครงที่ยืดหยุ่น – เลือกระหว่างเค้าโครงไซต์แบบกล่องและแบบกว้าง หนึ่ง (ซ้ายหรือขวา) แถบด้านข้างสองแถบหรือไม่มีเลย และองค์ประกอบที่แตกต่างกันในส่วนหัวที่คุณกำหนดเอง คุณยังสามารถกำหนดค่าเลย์เอาต์สำหรับโพสต์ เพจ และเมตาของโพสต์
• 26 Widget Areas & 23 Widgets – ปรับแต่งส่วนหัว หน้าแรก แถบด้านข้าง และส่วนท้ายของคุณด้วยพื้นที่วิดเจ็ตหลายส่วนสำหรับวิดเจ็ตแต่ละรายการและเกือบสองโหลที่มีคุณลักษณะครบถ้วน คุณยังสามารถลากและวางได้ทั่วหน้า
• การสาธิต 15 รายการ – ธีม MH ได้กำหนดค่าการสาธิต 15 รายการด้วยธีมนี้ และเอกสารประกอบมีคำแนะนำโดยละเอียดที่คุณสามารถใช้เพื่อสร้างใหม่ได้
• ลิงค์โซเชียล – วิดเจ็ตและเมนูโซเชียลช่วยให้คุณแสดงบัญชีโซเชียลของคุณในแถบด้านบนสุดของธีมและบริเวณวิดเจ็ต
• แบบอักษรที่กำหนดเอง – เลือกจากแบบอักษรหลายสิบแบบจาก Google Fonts และกำหนดขนาดแบบอักษรเริ่มต้น นอกจากนี้ เลือกแบบอักษรที่จะใช้สำหรับหัวเรื่องและข้อความเนื้อหา คุณสามารถปรับแต่งตัวเลือกสีต่างๆ สำหรับหัวเรื่อง ข้อความ และลิงก์ได้ในส่วนสีของเครื่องมือปรับแต่ง
• ตัวเลื่อนในตัว – ชุดรูปแบบมาพร้อมกับ FlexSlider 2 ตัวเลื่อนที่ตอบสนองซึ่งปรับให้เหมาะกับอุปกรณ์หน้าจอสัมผัส
• Child-Theme Ready – ธีมย่อยรวมอยู่ในไฟล์ของธีม ช่วยให้คุณปรับแต่งได้ตามต้องการโดยไม่ต้องกังวลเกี่ยวกับการอัปเดตที่จะลบการเปลี่ยนแปลงของคุณ
• ปลอดภัยและเพิ่มประสิทธิภาพ SEO – ธีมนี้ประกอบด้วยโค้ดสะอาดที่สร้างด้วย HTML5, CSS3 และ PHP นอกจากนี้ยังรวดเร็วและปฏิบัติตามแนวทางปฏิบัติ SEO ที่ดีที่สุดซึ่งเครื่องมือค้นหาต้องการ

สุดท้ายนี้ไม่ใช่ธีมนิตยสาร MH Themes เดียวที่มีให้ บ้านธีมยังมีธีมเพิ่มเติมอีก 6 ธีมสำหรับช่องและสไตล์ที่แตกต่างกัน แต่ละอันมีให้ใช้งานแยกกัน แต่คุณยังสามารถลงทะเบียนสำหรับธีมคลับของนักพัฒนาซอฟต์แวร์เพื่อเข้าถึงธีมทั้งหมดได้อย่างเต็มที่ในราคา $199/ปี

ขั้นตอนการติดตั้งและตั้งค่า

ทั้งสองเวอร์ชันของชุดรูปแบบนี้ติดตั้งเช่นเดียวกับธีมอื่น ๆ ของ WordPress: คุณสามารถดาวน์โหลดโดยตรงจาก WordPress หรืออัปโหลดโฟลเดอร์ ZIP ของเวอร์ชันพรีเมียม โฆษณา, Google Fonts และฟีเจอร์ตัวเลื่อนมีมาให้ในตัว ดังนั้นจึงไม่ต้องติดตั้งอย่างอื่นที่ด้านบนของธีม

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

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

มาดูส่วนหัวกันก่อน ซึ่งมีสี่องค์ประกอบ: แถบด้านบน ส่วนหัว (โลโก้ + โฆษณาแบนเนอร์) เมนูการนำทาง และ แถบด้านล่าง คุณยังเพิ่มรูปภาพขนาด 1080 x 250px ที่จะปรากฏระหว่างแถบด้านบนและส่วนหัวได้อีกด้วย

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

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

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

คุณสมบัติหลักของ MH Magazine Theme

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

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

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

วิดเจ็ตหน้าแรกมีความกว้างเต็ม ⅓ และ ⅔ หากคุณใช้พื้นที่วิดเจ็ตความกว้าง 2/3 คุณจะพบพื้นที่ว่างที่เหลือซึ่งเต็มไปด้วยพื้นที่วิดเจ็ตความกว้าง 1/3 ถัดไปที่คุณใช้และในทางกลับกัน

พื้นที่วิดเจ็ตส่วนท้ายแบ่งออกเป็นสี่ส่วน 1/4 สุดท้าย มีพื้นที่วิดเจ็ตแถบด้านข้างผู้ติดต่อที่ออกแบบมาเพื่อใช้กับเทมเพลตหน้าผู้ติดต่อ ซึ่งแตกต่างจากพื้นที่วิดเจ็ตแถบด้านข้างเริ่มต้น

วิดเจ็ต

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

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

• Author Bio – แสดงอวาตาร์และข้อความชีวประวัติของผู้เขียน
• ผู้เขียน – แสดงรายการผู้เขียนเว็บไซต์ของคุณรวมถึงจำนวนโพสต์ที่แต่ละคนได้เผยแพร่
• ตัวเลื่อนแบบกำหนดเอง – แสดงตัวเลื่อนที่มีข้อความและรูปภาพแบบกำหนดเองต่อสไลด์แทนวิดเจ็ต Carousel และ Slider ซึ่งแสดงเฉพาะโพสต์ในบล็อก มีห้าสไลด์และห้าเลย์เอาต์ตัวเลื่อน
• หน้า Facebook - แสดงหน้า Facebook ของคุณ
• ความคิดเห็นล่าสุด – แสดงความคิดเห็นล่าสุดที่ไซต์ของคุณได้รับในโพสต์และหน้าทั้งหมด
• โซเชียล – เชื่อมโยงและแสดงไอคอนโซเชียลสำหรับบัญชีโซเชียลมีเดียทั้งหมดของคุณ ซึ่งแตกต่างจากเมนูโซเชียลที่คุณสามารถแทรกในแถบด้านบนและด้านล่างของส่วนหัว
• วิดีโอ YouTube – แสดงวิดีโอ YouTube โดยใส่รหัสวิดีโอและกำหนดค่าการควบคุมการเล่น

อย่างที่คุณเห็น มีเพียงเจ็ดวิดเจ็ตจาก 23 วิดเจ็ตของ MH Magazine ที่ไม่มีเนื้อหาในไซต์ของคุณ อีก 16 แสดงโพสต์และหน้าในรูปแบบต่างๆ

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

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

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

วิชาการพิมพ์

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

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

คุณสามารถกำหนดแบบอักษรที่แตกต่างกันสำหรับข้อความเนื้อหาและส่วนหัว การตั้งค่านี้มีผลกับทุกหัวเรื่อง ดังนั้นคุณจะไม่สามารถเลือกแบบอักษรที่แตกต่างกันสำหรับแท็ก H1 , H2 และ H3 ได้ ซึ่งสอดคล้องกับแนวทางปฏิบัติในการออกแบบเว็บมาตรฐาน อย่างไรก็ตาม แนะนำให้ใช้แบบอักษรไม่เกินสองแบบในไซต์ของคุณ นอกจากนี้ คุณยังสามารถกำหนดแบบอักษรต่างๆ ให้กับส่วนหัวต่างๆ ได้ด้วยโค้ดของคุณเอง

เมนู

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

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

เป็นที่ชัดเจนว่าเมนูโซเชียลมีเดียปรากฏที่ใด เนื่องจากพวกเขาตั้งชื่ออย่างเหมาะสมว่า " ไอคอนโซเชียลในส่วนหัว " และ " MH Social Widget "

ประสิทธิภาพ

ฉันโฮสต์ไซต์ทดสอบของฉันบนการกำหนดค่าเซิร์ฟเวอร์ DigitalOcean ขั้นพื้นฐานที่สุดของ Cloudways ซึ่งติดตั้งที่ ศูนย์ข้อมูลในนิวยอร์ก เพื่อให้เฉพาะเจาะจงมากขึ้น มีการติดตั้งปลั๊กอินแคช การลดขนาด และโหลดแบบ Lazy Loading ฟรีที่ได้รับคะแนนสูง เช่นเดียวกับเวอร์ชันพรีเมียมของธีมนี้ อย่างไรก็ตาม ไม่ได้ใช้บริการ CDN