Tema da MH Magazine: um tema premium de blog para WordPress

A escolha do tema WordPress certo tem mais a ver com funcionalidade do que design. Muitos temas têm uma ótima aparência, mas você não pode usá-los para todos os projetos do WordPress. No caso de sites com muito conteúdo que cobrem tópicos de tendência e conteúdo viral etc., sua melhor aposta é usar um tema de revista.

Os temas de revistas do WordPress são poderosos e fornecem maneiras exclusivas de exibir uma ampla variedade de conteúdo em seu site. São temas de blog essencialmente sofisticados; apenas eles são feitos para apoiar sites de mídia que usam vários autores para publicar vários posts por semana sobre muitos tópicos diferentes.

Um desses temas é a MH Magazine da MH Themes. MH Themes promete um processo de construção tranquilo, resultando em um site de mídia rápido e bem estruturado construído sobre esse tema popular. É até muito conceituado pela comunidade WordPress.org.

Será que está à altura do hype, no entanto? Neste post, explorarei isso observando os recursos que as versões gratuita e premium oferecem antes de usar uma configuração de servidor Cloudways para testar seu desempenho.

Como o tema da MH Magazine difere de outros temas?

O tema da MH Magazine é um tema poderoso, mas não é tão inchado quanto outras notícias e temas de revistas tendem a ser. Ele permite que você crie um site de mídia completo com todos os mesmos tipos de conteúdo que outros temas permitem adicionar, mas resulta em uma página da web leve que carrega com muito mais eficiência.

Os temas MH como um todo também são incrivelmente econômicos. O custo do tema é razoável por si só. Você pode até obter acesso a uma biblioteca inteira de notícias e temas de revistas para diferentes nichos a um custo baixo e integrado.

Por último, não há outro tema de revista com tanta reputação no WordPress.org. É um tema elegante e bem projetado com o qual a comunidade está totalmente de acordo.

Visão geral do tema WordPress da MH Magazine

Este é um dos principais temas do desenvolvedor WordPress MH Themes. Ele vem em uma versão gratuita que você pode baixar no WordPress.org, mas uma versão premium mais robusta está disponível diretamente no site do desenvolvedor.

A versão gratuita tem desfrutado de um domínio de longa data no mercado de temas de revistas no WordPress.org. Isso resultou em mais de 30.000 instalações ativas e uma classificação sólida de 5 estrelas. No geral, ambas as versões ganharam dezenas de milhares de clientes da MH Themes de mais de 110 países, incluindo nomes como Forbes , Imgur e o Departamento de Polícia da Cidade de Nova York .

Grátis vs. Pro: comparação

MH Magazine Lite é um tema de revista prático e bem estruturado, mas simples. Ele tem metade do número de áreas de widgets da versão premium, junto com um punhado de widgets. Você só pode personalizar as cores dos cabeçalhos e do seu plano de fundo na versão gratuita, enquanto o suporte a anúncios, links sociais e opções estendidas de layout e cabeçalho não estão disponíveis.

Aqui está uma rápida visão geral do que a versão Pro tem a oferecer:

• Opções de layout flexível - Escolha entre layouts de site em caixa e largos, um (esquerda ou direita), duas ou nenhuma barra lateral e elementos diferentes em seu cabeçalho personalizado. Você também pode configurar layouts para postagens, páginas e meta de postagens.
• 26 Áreas de widget e 23 widgets - personalize seu cabeçalho, página inicial, barras laterais e rodapé com várias áreas de widget para cada um e quase duas dúzias de widgets com recursos completos. Você pode até arrastá-los e soltá-los pela página.
• 15 Demos - MH Themes configurou 15 demos com este tema, e a documentação contém instruções detalhadas que você pode usar para recriá-los.
• Links sociais - Um widget social e um menu permitem que você exiba suas contas sociais na barra superior do tema e nas áreas de widget.
• Tipografia personalizada - Escolha entre dezenas de fontes do Google Fonts e designe um tamanho de fonte padrão. Além disso, escolha quais fontes usar para cabeçalhos e corpo de texto. Você pode personalizar algumas opções de cores diferentes para títulos, texto e links na seção Cores do personalizador.
• Slider embutido - O tema vem com FlexSlider 2, um slider responsivo otimizado para dispositivos touchscreen.
• Child-Theme Ready - Um tema filho está incluído nos arquivos do tema, permitindo que você o personalize ao seu gosto sem se preocupar com atualizações apagando suas alterações.
• Seguro e otimizado para SEO - Este tema compreende código limpo construído com HTML5, CSS3 e PHP. Também é rápido e segue as melhores práticas de SEO preferidas pelos motores de busca.

Finalmente, este não é o único tema da revista que a MH Themes oferece. A casa temática também oferece seis temas adicionais para diferentes nichos e estilos. Cada um está disponível individualmente, mas você também pode se inscrever no clube temático do desenvolvedor para acesso total a todos os temas por US $ 199 / ano.

Processo de instalação e configuração

Ambas as versões deste tema são instaladas como qualquer outro tema do WordPress: você pode baixá-lo diretamente do WordPress ou carregar a pasta ZIP da versão premium. O anúncio, Google Fonts e recursos de controle deslizante vêm integrados, então não há mais nada para instalar em cima do tema.

A primeira coisa que você deseja fazer é configurar uma página inicial usando o modelo de página inicial da MH Magazine. Aprofundarei nas áreas de widgets na próxima seção, mas saiba que a MH Magazine depende de blogrolls para completar seu design como tema de revista.

Portanto, você precisará criar algumas postagens fictícias com títulos e imagens (conteúdo não é necessário, a menos que você queira testar a página de postagem do blog também) ou esperar até ter pelo menos meia dúzia de postagens publicadas antes de configurar sua página inicial.

Vamos examinar o cabeçalho por enquanto, que tem quatro componentes: uma barra superior , cabeçalho (logotipo + banner), menu de navegação e barra inferior . Você também pode adicionar uma imagem de 1080 x 250 px que aparecerá entre a barra superior e o cabeçalho.

Você pode organizar os elementos de conteúdo nesta seção da maneira que desejar, com algumas restrições: os elementos Navegação e Notícia só podem aparecer no lado esquerdo das barras superior e inferior. Em contraste, os ícones sociais só podem aparecer à direita.

Você pode fazer upload de um logotipo se tiver uma imagem pronta, mas o tema usa o título do site e a frase de efeito como um logotipo baseado em texto por padrão.

Por último, você pode personalizar as cores de muitos elementos diferentes, como cabeçalhos, planos de fundo, texto e links, junto com algumas cores primárias que você pode atribuir a todo o tema.

Principais recursos do tema da MH Magazine

Você tem áreas de widget, widgets e opções de tema suficientes para construir sua página inicial no estilo que desejar com este tema. Como alternativa, MH Themes forneceu instruções sobre a configuração de cada um de seus demos na documentação do tema.

As instruções aconselham sobre qual layout de site usar e onde colocar os widgets usados ​​pela demonstração. Recriar esses layouts é fácil por esse motivo, mas começar do zero é tão simples quanto.

Depois de configurar o layout do site desejado e as opções da barra lateral, você está pronto para começar a preencher as áreas de widget. Existem duas áreas de cabeçalho onde você pode inserir o código do anúncio usando o widget de Texto do WordPress padrão. Existem áreas de widget semelhantes para postagens e páginas.

Os widgets da página inicial estão disponíveis nas larguras completa, ⅓ e ⅔. Se você usar uma área de widget de 2/3 de largura, você encontrará o espaço que ela deixa preenchido com a próxima área de widget de 1/3 de largura que você usa e vice-versa.

A área do widget de rodapé é dividida em quatro seções 1/4. Finalmente, há uma área de widget da barra lateral de contato projetada para ser usada com o modelo da página de contato. Isso difere da área de widget da barra lateral padrão.

Widgets

Você pode identificar os widgets deste tema pelo rótulo “ MH ” e contorno azul atribuído a cada um.

A maioria dos widgets neste tema oferece uma maneira diferente de exibir postagens de blog na página inicial, na barra lateral e no rodapé. Há apenas um pequeno punhado de widgets não relacionados a conteúdo:

• Biografia do autor - Exibe o avatar e o texto da biografia do autor.
• Autores - exibe uma lista dos autores do seu site, bem como o número de postagens que cada um publicou.
• Controle deslizante personalizado - apresente um controle deslizante com texto e imagens personalizados por slide, em vez dos widgets Carrossel e Controle deslizante, que exibem apenas postagens de blog. Existem cinco slides e cinco layouts de controle deslizante.
• Página do Facebook - exibe sua página do Facebook.
• Comentários recentes - mostre os comentários mais recentes que seu site recebeu em todas as postagens e páginas.
• Social - vincule e exiba ícones sociais para todas as suas contas de mídia social. Isso difere do menu social que você pode inserir nas barras superior e inferior do cabeçalho.
• Vídeo do YouTube - Exiba um vídeo do YouTube inserindo seu ID de vídeo e configure os controles de reprodução.

Como você pode ver, apenas sete dos 23 widgets da MH Magazine não contêm o conteúdo do seu site. Os outros 16 exibem postagens e páginas de maneiras diferentes.

Nem sempre é óbvio como um widget exibirá suas postagens, por isso você deve ter algumas postagens publicadas preparadas para poder brincar com os designs.

No entanto, a maioria dos widgets permite que você designe quais categorias exibir. Você também pode escolher quais postagens exibir, excluindo IDs específicos ou mostrando apenas postagens populares e aleatórias.

Por último, configure o comprimento do trecho em todo o site na seção Opções de tema do personalizador.

Tipografia

Uma simples mudança de fonte pode fazer muito na aparência geral do seu site, seja mudar os títulos da sua página inicial ou o texto que compõe as postagens do seu blog. Felizmente, o MH vem com Google Fonts integrado.

Você não encontrará as centenas e centenas de fontes que compõem a biblioteca do Google Fonts, mas encontrará o essencial junto com várias seleções de caracteres e estilos.

Você pode designar fontes diferentes para o corpo do texto e títulos. Esta configuração é aplicada a todos os cabeçalhos, então você não poderá escolher fontes diferentes para suas tags H1 , H2 e H3 . Isso se alinha com as práticas de design da web padrão, de qualquer maneira, que recomendam o uso de não mais do que duas fontes em seu site. Além disso, você sempre pode atribuir fontes diferentes a cabeçalhos diferentes com seu próprio código.

Menus

O tema tem seis localizações de menu que você pode utilizar por diferentes razões. Você deve usar a Navegação principal para as páginas mais importantes do seu site enquanto designa as páginas secundárias para o menu Navegação adicional menor.

Navegação do cabeçalho e Navegação do rodapé são os menus que você deseja usar para inserir menus nas barras de cabeçalho e rodapé.

É óbvio onde os menus de mídia social aparecem, já que são apropriadamente chamados de “ Ícones Sociais no Cabeçalho ” e “ Widget Social MH ”.

atuação

Hospedei meu site de teste na configuração de servidor DigitalOcean mais básica da Cloudways , instalada em seu data center de Nova York , para ser mais específico. Foram instalados plug-ins de cache, minificação e carregamento lento gratuitos, mas altamente avaliados, assim como a versão premium deste tema. Os serviços CDN, no entanto, não foram usados.