Tema della rivista MH: un tema di blog premium per WordPress

La scelta del tema WordPress giusto ha più a che fare con la funzionalità che con il design. Molti temi sembrano fantastici, ma non puoi usarli per ogni progetto WordPress. Nel caso di siti ricchi di contenuti che trattano argomenti di tendenza e contenuti virali, ecc., la soluzione migliore è utilizzare un tema di una rivista.

I temi delle riviste WordPress sono potenti e forniscono modi unici per mostrare un'ampia varietà di contenuti sul tuo sito. Sono essenzialmente temi di blog sofisticati; solo sono fatti per supportare siti di media che utilizzano più autori per pubblicare diversi post a settimana su molti argomenti diversi.

Uno di questi temi è MH Magazine di MH Themes. MH Themes promette un processo di costruzione fluido, che si traduce in un sito multimediale veloce e ben strutturato costruito su questo tema popolare. È anche molto apprezzato dalla comunità di WordPress.org.

È all'altezza dell'hype, però? In questo post, esplorerò questo aspetto esaminando le funzionalità offerte dalle versioni gratuite e premium prima di utilizzare una configurazione del server Cloudways per testarne le prestazioni.

In che modo il tema della rivista MH differisce dagli altri temi?

MH Magazine Theme è un tema potente, ma non è così gonfio come tendono ad essere altre notizie e temi di riviste. Ti consente di creare un sito multimediale completo con tutti gli stessi tipi di contenuto che altri temi ti consentono di aggiungere, solo che si traduce in una pagina web leggera che si carica in modo molto più efficiente.

MH Themes nel suo insieme è anche incredibilmente conveniente. Il costo del tema è ragionevole da solo. Puoi persino accedere a un'intera libreria di notizie e temi di riviste per diverse nicchie a un costo ridotto e in bundle.

Infine, non c'è un altro tema di rivista con una reputazione così alta su WordPress.org. È un tema elegante e ben progettato con cui la community è completamente d'accordo.

Panoramica del tema WordPress di MH Magazine

Questo è un tema principale dello sviluppatore WordPress MH Themes. È disponibile in una versione gratuita che puoi scaricare da WordPress.org, ma una versione premium più robusta è disponibile direttamente dal sito Web dello sviluppatore.

La versione gratuita ha goduto di un dominio di lunga data nel mercato dei temi delle riviste su WordPress.org. Ciò ha portato a oltre 30.000 installazioni attive e una solida valutazione a 5 stelle. Nel complesso, entrambe le versioni hanno guadagnato decine di migliaia di clienti di MH Themes da oltre 110 paesi, inclusi nomi come Forbes , Imgur e il dipartimento di polizia di New York City .

Gratuito vs. Pro: confronto

MH Magazine Lite è un tema di rivista pratico e ben strutturato, ma comunque semplice. Ha la metà del numero di aree widget rispetto alla versione premium, insieme a una manciata di widget. Puoi personalizzare i colori per le intestazioni e il tuo sfondo solo nella versione gratuita, mentre il supporto per gli annunci, i collegamenti social e le opzioni di layout e intestazione estese non sono disponibili.

Ecco una rapida panoramica di ciò che la versione Pro ha da offrire:

• Opzioni di layout flessibili : scegli tra layout del sito in scatola e largo, uno (sinistra o destra), due o nessuna barra laterale e diversi elementi nell'intestazione personalizzata. Puoi anche configurare layout per post, pagine e post meta.
• 26 aree widget e 23 widget : personalizza l'intestazione, la home page, le barre laterali e il piè di pagina con più aree widget per ciascuna e quasi due dozzine di widget completi. Puoi persino trascinarli e rilasciarli nella pagina.
• 15 demo – MH Themes ha configurato 15 demo con questo tema e la documentazione contiene istruzioni dettagliate che puoi utilizzare per ricrearli.
• Collegamenti social : un widget e un menu social ti consentono di mostrare i tuoi account social nella barra superiore del tema e nelle aree dei widget.
• Tipografia personalizzata : scegli tra decine di caratteri da Google Fonts e designa una dimensione del carattere predefinita. Inoltre, scegli quali caratteri utilizzare per i titoli e il corpo del testo. Puoi personalizzare alcune diverse opzioni di colore per intestazioni, testo e collegamenti nella sezione Colori del personalizzatore.
• Slider integrato : il tema viene fornito con FlexSlider 2, uno slider reattivo ottimizzato per i dispositivi touchscreen.
• Predisposizione per tema figlio: nei file del tema è incluso un tema figlio, che consente di personalizzarlo a proprio piacimento senza preoccuparsi che gli aggiornamenti cancellino le modifiche.
• Sicuro e ottimizzato per SEO : questo tema comprende codice pulito creato con HTML5, CSS3 e PHP. È anche veloce e segue le migliori pratiche SEO preferite dai motori di ricerca.

Infine, questo non è l'unico tema della rivista che MH Themes offre. La casa a tema offre anche sei temi aggiuntivi per diverse nicchie e stili. Ognuno è disponibile singolarmente, ma puoi anche iscriverti al club tematico dello sviluppatore per l'accesso completo a tutti i temi per $ 199 all'anno.

Processo di installazione e configurazione

Entrambe le versioni di questo tema si installano come qualsiasi altro tema WordPress: lo scarichi direttamente da WordPress o carichi la cartella ZIP della versione premium. La pubblicità, i caratteri di Google e le funzioni di scorrimento sono integrate, quindi non c'è nient'altro da installare sul tema.

La prima cosa che vorrai fare è impostare una homepage utilizzando il modello di homepage di MH Magazine. Approfondirò le aree dei widget nella prossima sezione, ma sappi che MH Magazine si affida ai blogroll per completare il suo design come tema di una rivista.

Quindi, dovrai creare alcuni post fittizi con titoli e immagini in primo piano (contenuto non necessario a meno che tu non voglia testare anche la pagina del post del blog) o attendere di aver pubblicato almeno una mezza dozzina di post prima di configurare la tua home page.

Passiamo per ora all'intestazione, che ha quattro componenti: una barra in alto , un'intestazione (logo + banner pubblicitario), un menu di navigazione e una barra in basso . Puoi anche aggiungere un'immagine 1080 x 250 px che apparirà tra la barra in alto e l'intestazione.

Puoi organizzare gli elementi di contenuto in questa sezione come preferisci con alcune restrizioni: gli elementi Navigation e News Ticker possono apparire solo sul lato sinistro delle barre superiore e inferiore. Al contrario, le icone social possono apparire solo a destra.

Puoi caricare un logo se hai un'immagine pronta per essere utilizzata, ma il tema utilizza il titolo e lo slogan del tuo sito come logo basato su testo per impostazione predefinita.

Infine, puoi personalizzare i colori per molti elementi diversi come intestazioni, sfondi, testo e collegamenti, insieme ad alcuni colori primari che puoi assegnare all'intero tema.

Caratteristiche principali del tema della rivista MH

Hai abbastanza aree widget, widget e opzioni del tema per creare la tua home page in qualsiasi stile ti piaccia con questo tema. In alternativa, MH Themes ha fornito istruzioni sulla configurazione di ciascuna delle sue demo nella documentazione del tema.

Le istruzioni ti consigliano su quale layout del sito utilizzare e dove posizionare i widget utilizzati dalla demo. Ricreare questi layout è facile per questo motivo, ma partire da zero è altrettanto semplice.

Dopo aver configurato il layout del sito desiderato e le opzioni della barra laterale, sei pronto per iniziare a riempire le aree del widget. Ci sono due aree di intestazione in cui puoi inserire il codice dell'annuncio utilizzando il widget di testo di WordPress predefinito. Esistono aree widget simili per post e pagine.

I widget della home page sono disponibili nelle larghezze complete, ⅓ e ⅔. Se utilizzi un'area widget di 2/3 di larghezza, troverai lo spazio che lascia riempito con la successiva area widget di 1/3 di larghezza che utilizzi e viceversa.

L'area del widget a piè di pagina è divisa in quattro sezioni da 1/4. Infine, c'è un'area widget della barra laterale dei contatti progettata per essere utilizzata con il modello della pagina dei contatti. Questo differisce dall'area widget predefinita della barra laterale.

Widget

Puoi individuare i widget di questo tema tramite l'etichetta " MH " e il contorno blu assegnati a ciascuno.

La maggior parte dei widget in questo tema offre un modo diverso per visualizzare i post del blog nella home page, nella barra laterale e nel piè di pagina. Ci sono solo una piccola manciata di widget non relativi ai contenuti:

• Biografia dell'autore: mostra l'avatar dell'autore e il testo della biografia.
• Autori : visualizza un elenco degli autori del tuo sito e il numero di post che ciascuno di essi ha pubblicato.
• Slider personalizzato : mostra uno slider con testo e immagini personalizzati per diapositiva invece dei widget Carousel e Slider, che visualizzano solo i post del blog. Ci sono cinque diapositive e cinque layout di scorrimento.
• Pagina Facebook : visualizza la tua pagina Facebook.
• Commenti recenti : mostra gli ultimi commenti ricevuti dal tuo sito su tutti i post e le pagine.
• Social : collega e visualizza le icone social per tutti i tuoi account di social media. Questo differisce dal menu social che puoi inserire nelle barre superiore e inferiore dell'intestazione.
• Video di YouTube : visualizza un video di YouTube inserendo il suo ID video e configura i controlli di riproduzione.

Come puoi vedere, solo sette dei 23 widget di MH Magazine sono privi del contenuto del tuo sito. Gli altri 16 mostrano post e pagine in modi diversi.

Non è sempre ovvio come un widget mostrerà i tuoi post, motivo per cui devi avere alcuni post pubblicati preparati in modo da poter giocare con i design.

Tuttavia, la maggior parte dei widget consente di designare le categorie da visualizzare. Puoi anche scegliere quali post visualizzare escludendo ID specifici o mostrando solo post popolari e casuali.

Infine, configura la lunghezza dell'estratto in tutto il sito nella sezione Opzioni del tema del personalizzatore.

Tipografia

Un semplice cambio di carattere può fare molto per l'aspetto generale del tuo sito, sia che ciò significhi cambiare le intestazioni sulla tua home page o il testo che compone i tuoi post sul blog. Fortunatamente, MH viene fornito con Google Fonts integrato.

Non troverai le centinaia e centinaia di caratteri che compongono la libreria di Google Fonts, ma troverai l'essenziale insieme a più selezioni di caratteri e stili.

Puoi designare caratteri diversi per il corpo del testo e le intestazioni. Questa impostazione viene applicata a tutte le intestazioni, quindi non potrai scegliere caratteri diversi per i tag H1 , H2 e H3 . Ciò è comunque in linea con le pratiche standard di web design, che consigliano di utilizzare non più di due caratteri sul tuo sito. Inoltre, puoi sempre assegnare caratteri diversi a intestazioni diverse con il tuo codice.

Menu

Il tema ha sei posizioni di menu che puoi utilizzare per diversi motivi. Dovresti utilizzare la navigazione principale per le pagine più importanti del tuo sito mentre designi le pagine secondarie nel menu di navigazione aggiuntivo più piccolo.

Navigazione intestazione e Navigazione piè di pagina sono i menu che vorrai utilizzare per inserire menu nelle barre dell'intestazione e del piè di pagina.

È ovvio dove vengono visualizzati i menu dei social media poiché sono giustamente denominati " Icone social nell'intestazione " e " Widget social MH ".

Prestazione

Ho ospitato il mio sito di prova sulla configurazione del server DigitalOcean di base di Cloudways , installata nel loro data center di New York , per essere più precisi. Sono stati installati plug-in di caching, minification e lazy loading gratuiti ma molto apprezzati, così come la versione premium di questo tema. I servizi CDN, tuttavia, non sono stati utilizzati.