O tema Hello WordPress é o companheiro perfeito para o Elementor?

Publicados: 2021-12-01

Olá Elementor! Não, este não é o grito de guerra dos seguidores do famoso construtor de páginas, proferido toda vez que abrem sua interface (bem, talvez alguns o façam, como uma reverência, quem sabe).

Estou falando do tema criado pelos designers da Elementor : com um nome tão explícito, você deve ter adivinhado.

O homem inteligente diz que sim.
Esperto!

Um tema impulsionado para a classificação de estrela no diretório oficial do WordPress, uma vez que acumula mais de 1 milhão de instalações ativas : se excluirmos os temas padrão do WordPress (a série Twenty), apenas o Astra está indo tão bem.

Um tema entregue sem configurações. Um tema que não é realmente um tema . O que você quer dizer, realmente? Sim, sim, eu lhe asseguro.

Então, intrigado? Leia nossa análise completa para saber tudo sobre esse tema atípico. Mesmo que tenha sido projetado para funcionar com o Elementor, você verá que nem sempre é apropriado usar os dois juntos.

Visão geral

  1. O que é o Hello Elementor?
    1. Quais opções de personalização o tema oferece?
      1. Um emparelhamento altamente recomendado com Elementor
        1. Qual adaptação para construtores de páginas e plugins?
          1. Desempenho, SEO, responsivo: amplie 3 aspectos principais
            1. Preços e suporte ao usuário para o tema WordPress Hello
              1. Nossa revisão final do tema Elementor Hello WordPress

                Seus melhores projetos WordPress precisam do melhor host!

                O WPMarmite recomenda Bluehost: ótimo desempenho, ótimo suporte. Tudo o que você precisa para um ótimo começo.

                Experimente o Bluehost
                CTA Bluehost WPMarmite

                O que é o Hello Elementor?

                Tema Hello do Elementor no repositório oficial do WordPress.

                Hello é um tema WordPress gratuito projetado pelos criadores do Elementor para trabalhar lado a lado com seu construtor de páginas interno. Tecnicamente, é um tema inicial, ou seja, um tema com design e recursos muito minimalistas.

                Sua descrição no diretório oficial de temas do WordPress nos diz muito pouco a princípio. É apresentado em nada mais do que “Um tema simples e leve para o construtor de páginas Elementor .

                Em seguida, aprendemos muito mais sobre sua popularidade observando à direita, em termos de número de instalações ativas e feedback do usuário.

                Com Mais de 1 milhão de instalações ativas, o Hello é o tema não nativo mais popular no diretório oficial, ao lado do muito popular Astra.

                Um sucesso fenomenal, em grande parte devido à enorme popularidade do Elementor, ativo em mais de 5 milhões de sites.

                Também vemos que o Hello da Elementor tem um feedback muito bom do usuário . Estes últimos dão-lhe uma classificação de 4,5/5.

                Minimalismo, velocidade e flexibilidade

                Por enquanto, é difícil entender esse tema tão apreciado. Para conhecê-lo melhor, acesse sua página de apresentação no site oficial da Elementor.

                O site oficial do tema Elementor Hello.

                Você descobrirá vários aspectos importantes que não podem ser ignorados. O tema Hello do Elementor é retratado como:

                • Rápido e leve . Projetado para ser o mais rápido possível, deve carregar em um quarto de segundo.
                • Minimalista . Simplificando, é uma folha de papel em branco a partir da qual você cria seu design, para máxima liberdade criativa.
                • Feito para Elementor . É especificado que o tema WordPress Hello funcionará da melhor maneira possível com seu construtor de páginas interno.

                Isso é tudo para a apresentação factual. Agora vamos descobrir o que está por trás do tema Hello.

                Quais opções de personalização o tema oferece?

                Sem configurações

                Depois que o tema estiver instalado e ativado em sua interface de administração do WordPress, nada será alterado em seu painel.

                Você não encontrará nenhuma página de configuração ou menu(s) dedicado(s) à configuração do Hello . Talvez suas opções estejam diretamente no Personalizador?

                Para descobrir, clique em Aparência > Personalizar . Novamente, nada.

                Apenas quatro menus são propostos a você:

                • Identidade do site
                • Menus
                • Configurações da página inicial
                • CSS adicional
                Configurações do tema Hello Elementor no personalizador do WordPress.

                No entanto, se você estiver familiarizado com o Personalizador, sabe que esses menus não são novidade: você os encontrará em cada nova instalação do WordPress CMS. Então o Hello não adiciona nada de novo. E não acrescenta nada.

                Isso pode ser desconcertante, mas é o viés do tema, relembro. É um tema inicial a ser considerado pelo que é: uma base quase vazia sobre a qual construir o design do seu site .

                Nesse sentido, cumpre suas promessas.

                Tema Elementor's Hello: um tema fácil de usar… mas com um design em branco

                Tudo bem, vou continuar refrescando sua memória. No início deste post, lembre-se, eu disse que o Hello foi apresentado como um tema minimalista.

                É difícil argumentar com isso também. Depois de ativá-lo, você receberá uma folha quase em branco em seu front-end (o que seus visitantes veem). Olha, fala por si:

                Visualização do front-end do tema Hello Elementor.

                Por enquanto, no Personalizador, você pode simplesmente:

                • Adicione um logotipo e um favicon .
                • Crie um novo menu .
                • Escolha o que é exibido na página inicial do seu site (os posts mais recentes ou uma página estática).
                • Adicione seu próprio código CSS .

                Tudo isso torna muito fácil começar. Com tão poucas coisas para fazer, com certeza você não passará horas se perdendo e se desmanchando no meio de cardápios pesados ​​espalhados aqui e ali.

                Por outro lado, você não poderá fazer configurações básicas, como oferecem outros temas populares (como Astra, GeneratePress, OceanWP ou Blocksy). Por exemplo, você não pode:

                • Ajuste o cabeçalho de suas páginas (exceto para adicionar um logotipo e um menu).
                • Modifique os créditos do rodapé ou sua organização. Na verdade, o Hello simplesmente não cria um rodapé, então fica claro.
                • Ajuste a largura do seu site (largura total, por exemplo) ou suas cores e tipografia (fontes) .
                • Escolha se deseja ou não exibir uma barra lateral.
                • Faça ajustes na página do seu Blog : tamanho da imagem da primeira página, metadados (data de publicação, categoria, autor) etc.

                Finalmente, para personalizar o tema e explorar todo o seu potencial, você não terá muita escolha: terá que usar o Elementor para criar todo o seu design (e especialmente o Elementor Pro se quiser gerenciar o cabeçalho e o rodapé).

                Um emparelhamento altamente recomendado com Elementor

                Assim que você ativar o tema Hello, uma mensagem no seu administrador o informará. Seus criadores aconselham você a emparelhá-lo com o famoso construtor de páginas:

                Ativação do tema Hello Elementor seguida da recomendação de instalação do construtor de páginas Elementor.

                Como usar o tema Hello com o Elementor?

                Para projetar suas páginas, você deve estar familiarizado com a maneira como o Elementor funciona.

                Como o Elementor funciona?

                Aqui está um resumo rápido para entender sua mecânica. Como muitos de seus concorrentes, o Elementor adota uma hierarquia de elementos que estruturam sua página:

                1. Você adiciona uma seção .
                2. Você adiciona um número de colunas (1 a 10) .
                3. Você incorpora seus elementos em suas colunas para começar a trabalhar nelas .

                Esses últimos elementos são chamados de widgets. Pense neles como caixas de conteúdo para adicionar títulos, imagens, vídeos, botões, ícones, texto, Google Maps etc.:

                Visualização de alguns widgets do Elementor com o tema Hello.
                Uma visão geral de alguns dos widgets oferecidos pela Elementor.

                Como criar e personalizar uma página com Hello + Elementor?

                Para projetar uma página da maneira que você deseja com o Hello, comece ativando o construtor de páginas Elementor.

                Um construtor de páginas é uma ferramenta que permite criar layouts ricos e complexos para seu conteúdo sem tocar em uma única linha de código, especialmente por meio do uso de modelos prontos. A edição geralmente é feita em arrastar e soltar e em tempo real.

                Em seguida, crie uma página através do menu Páginas > Adicionar Novo . Dê um título à sua página e clique em “Editar com Elementor”:

                O botão "Editar com Elementor" leva você à interface do construtor de páginas.

                Você então tem duas opções:

                1. Você adiciona widgets um por um , com um simples arrastar e soltar.
                2. Você pode usar blocos prontos (seções) ou modelos que podem ser ativados com um clique e depois modificados como desejar.

                Este vídeo explicativo feito pelos designers do tema mostra em detalhes como proceder:

                Quer configurar a aparência visual de todo o seu site? O Elementor oferece sua própria interface, chamada Design System .

                É uma espécie de ferramenta de personalização interna do Elementor, que permite ajustar as cores, tipografia, layout etc. do tema Hello, por assim dizer.

                Tudo isso é muito conveniente para começar, mas em breve você encontrará uma grande limitação: com a versão gratuita do Elementor, por exemplo, é impossível adicionar e modificar um cabeçalho e rodapé no tema Hello.

                Se você deseja apenas criar páginas de destino, por que não?

                Mas se você quiser construir um site profissional do zero, sem ter que passar pelo código, não tem escolha a não ser usar o Hello com o Elementor Pro (link afiliado), a versão paga do construtor de páginas.

                Todos os estilos Hello devem ser modificados diretamente com o Elementor. Se você deseja adicionar ou modificar o código CSS do Hello, seus designers recomendam que você use um tema filho (Hello child theme).
                No entanto, tenha cuidado, pois nem sempre é necessário usar um tema filho, conforme explicamos neste artigo.

                Um combo Elementor Pro + Hello para tirar o máximo proveito do tema

                Em sua versão Pro, o Elementor inclui um Theme Builder.

                Graças a ele, é possível criar e personalizar tudo o que o Hello não oferece (voluntariamente). Com isso queremos dizer:

                • O cabeçalho
                • O rodapé
                • Páginas de arquivo (blog, categoria, tag, etc.)
                • A página 404
                • A página de resultados da pesquisa
                • Páginas de postagens e outros tipos de conteúdo
                A biblioteca de cabeçalhos do tema Hello Elementor.
                Como você pode ver nesta captura de tela, os cabeçalhos oferecidos pelo Elementor só podem ser usados ​​com a versão Pro do construtor de páginas.

                Com o Elementor Pro, você também obtém acesso a widgets e modelos adicionais, bem como um construtor de pop-ups ou um construtor WooCommerce .

                Para descobrir em detalhes os recursos do Elementor Pro, leia nosso teste do construtor de páginas no blog.

                Por outro lado, podemos notar que o Hello, através do Elementor, não permite importar demos de sites inteiros (com várias páginas), ao contrário de outros temas concorrentes.

                Você terá que adicionar seus modelos página por página.
                Afinal, o que lembrar? Bem, o Hello não é diretamente personalizável, pois é um shell vazio no qual o Elementor é enxertado.

                Para agir no estilo do seu site, você deve usar o Elementor. Mas tenha cuidado, mesmo que este construtor de páginas possa ser usado sem codificação, você deve dominá-lo bem para obter um resultado decente.

                Sem conhecimentos básicos de web design e ergonomia, você corre o risco de acabar com um site maluco.

                E para se inspirar, você pode dar uma olhada no BeautifulPress para descobrir exemplos de sites feitos com o tema Hello.

                Junte-se aos assinantes do WPMarmite

                Obtenha os últimos posts do WPMarmite (e também recursos exclusivos).

                INSCREVA-SE AGORA
                Boletim em inglês do WPMarmite

                Qual adaptação para construtores de páginas e plugins?

                Como você acabou de ver, o Hello foi projetado principalmente para trabalhar de mãos dadas com o Elementor .

                Os seus criadores falam mesmo numa “combinação ideal” entre as duas ferramentas, insistindo na sua compatibilidade.

                Segundo eles, o Hello é “sempre atualizado e testado com novos recursos” (Nota do editor: da Elementor).

                Embora o Hello funcione com qualquer construtor de páginas (Divi Builder, Beaver Builder, Thrive Architect, etc.), é contra-intuitivo fazê-lo.

                Ao usá-lo com o Elementor, você garante 100% de compatibilidade , o que elimina notavelmente qualquer risco de bugs e outros conflitos entre os dois.

                Qual integração com plugins?

                Não testamos um por um, mas o Hello se integra bem – pelo menos é o que diz – com os plugins mais populares do diretório oficial.

                Em princípio, você não deve ter problemas com Yoast SEO, Akismet, Contact Form 7, WPML e outros.

                O mesmo vale para o WooCommerce, o famoso plugin que permite ativar uma loja online em seu site.

                No entanto, em relação ao WooCommerce, vale ressaltar que o tema Hello da Elementor não oferece integração dedicada , no sentido de que não é possível alterar a aparência de algumas páginas típicas (Carrinho de Compras, Pagamento, Produtos etc.) com ele.

                Para ter controle total sobre a aparência da sua loja online, você precisará usar o Elementor Pro e seu WooCommerce Builder (ou então passar pelo código CSS), que mencionei anteriormente. Isso implica uma curva de aprendizado adicional.

                Finalmente, o peso muito leve do tema será um bem precioso em termos de comércio eletrônico (desde que você não o sobrecarregue com muitas opções do Elementor que você não precisa): quanto mais rápido uma página carregar, melhor será a conversão .

                Bem, bem: já que estamos falando de velocidade de carregamento aqui, vamos para a próxima parte para saber mais sobre o desempenho preciso do tema (mas também sobre SEO e responsivo).

                Homem move a cabeça para dizer ok.

                Desempenho, SEO, responsivo: amplie 3 aspectos principais

                O Hello é um tema WordPress rápido?

                Ter um tema de carregamento rápido é fundamental. Primeiro, para permitir que você se mostre em festas com seus amigos criadores de sites WordPress (difícil sair do trabalho, hein).

                Em segundo lugar – e mais importante, convenhamos – para a experiência do usuário. Um site que é muito lento para carregar é uma verdadeira dor.

                E, geralmente, quando você tem uma experiência ruim, você realmente não quer passar por isso uma segunda vez. Conclusão: nos livramos de um site lento e evitamos voltar a ele .

                Por fim, as páginas rápidas também ajudam os robôs do Google (o mecanismo de busca mais usado no mundo) a navegar pelo seu conteúdo com mais eficiência.

                Por outro lado, páginas que carregam na velocidade da luz não garantem uma melhor classificação nas páginas de resultados dos buscadores, desculpe.

                Como a velocidade de carregamento é uma preocupação para muitos criadores de sites, a Hello não tem medo de fazer um grande negócio sobre isso.

                Em sua página de apresentação, aprendemos primeiro que ele foi “construído para velocidade e desempenho ideais” . Então, se você rolar um pouco para baixo, descobrirá os seguintes recursos:

                • Olá carrega em um quarto de segundo .
                • Requer apenas 6 KB de recursos . Isso se compara aos 7,5 KB do GeneratePress, um dos temas mais leves do ecossistema WordPress, por exemplo.
                • Faz apenas 2 pequenas requisições ao servidor .
                Detalhes de velocidade e desempenho do tema Hello Elementor.

                Considerando esses dados, o Hello é de fato um tema muito leve. Mas até agora, é lógico e nada surpreendente. Um tema inicial é projetado para ser o mais leve possível.

                Em princípio, deve carregar muito rápido, o que é confirmado por um teste realizado em 13 temas pela equipe WP Rocket. Olá está entre os melhores alunos.

                Por fim, a equipe do Hello também demonstrou que seu tema, acoplado ao Elementor, carregou mais rápido do que quando associado ao Divi de Elegant Themes, GeneratePress ou Avada, por exemplo:

                Resultados do teste Pingdom do tema Hello Elementor.
                Um teste comparativo da velocidade de carregamento do Hello do Elementor (fonte)

                Mesmo que este último exemplo deva ser tomado com pitadas (temos acesso a números brutos em uma tabela, não a provas de teste precisas), uma tendência global emerge de qualquer maneira através desses diferentes feedbacks: sim, Olá parece muito rápido e leve .

                SEO

                Como a velocidade de carregamento e o SEO (otimização para mecanismos de pesquisa) geralmente estão vinculados, vamos falar sobre SEO.

                O Hello se apresenta como amigável para SEO .

                Para dizer a verdade, você não poderá definir nada nesse nível com ele. Para isso, você terá que confiar primeiro no Elementor (você já sabe o que fazer).

                O construtor de páginas permite, por exemplo, modificar suas tags de título (chamadas hn ) com muita facilidade em seu conteúdo. Você também pode adicionar links facilmente para cuidar de seus links internos (assim como com o editor de conteúdo do WordPress, na verdade).

                Para a maioria de suas otimizações na página (nas páginas do seu site), use um plugin de SEO dedicado.

                O Elementor oferece, por exemplo, uma integração com Yoast SEO, Rank Math ou SEOPress (apresentamos todos eles nesta comparação), que permite usar esses plugins diretamente na interface do construtor de páginas, sem precisar voltar ao seu painel.

                Por fim, se você quer ter a chance de ranquear no topo dos resultados de um buscador, o importante será criar um excelente conteúdo otimizado em torno das palavras-chave certas e, claro, coletar os famosos backlinks.

                Acelere seu site com o WP Rocket

                Transforme seu site em um foguete com o plugin de cache mais poderoso reconhecido por especialistas em WordPress.
                Experimente o WP Rocket
                Logo WP Rocket

                Responsivo

                Para concluir esta parte, vejamos o design responsivo. Esta é uma técnica que visa garantir a visualização e a legibilidade ideal das suas páginas em qualquer tipo de dispositivo (computador, smartphone, tablet).

                Aqui, novamente, é apenas essencial, porque a maioria dos usuários da Internet navega na Internet usando seu celular.

                “Olá é responsivo por padrão” , podemos ler em sua página de apresentação. Obviamente: não contém estilo de layout e, portanto, não tem… nenhum ajuste de layout a ser feito, seja na tela do celular ou do computador.

                De qualquer forma, você pode ter um primeiro vislumbre desse aspecto responsivo no Personalizador, fazendo malabarismos de uma tela para outra.

                Verificação responsiva do tema Hello Elementor do personalizador do WordPress.

                De resto, tudo acontece no Elementor, novamente. Você já pode testar cada página criada com Hello + o construtor de páginas ativando o modo responsivo do Elementor:

                Teste responsivo do tema Hello Elementor da interface Elementor.

                Então, é possível fazer diferentes configurações de exibição dependendo do dispositivo usado por seus visitantes.

                Por fim, se você quiser ter certeza de que o tema e seu conteúdo são compatíveis com dispositivos móveis, use o teste de compatibilidade com dispositivos móveis do Google (gratuito).

                E não se esqueça da ferramenta PageSpeed ​​Insights, que também oferece recomendações para melhorar os pontos de bloqueio no carregamento da sua página no celular (principalmente tudo o que acontece em segundo plano).

                Você ainda está seguindo? Então, sem transição, passamos para a precificação do tema.

                Preços e suporte ao usuário para o tema WordPress Hello

                Um tema livre, realmente?

                Se você está lendo este artigo assiduamente desde o início, sabe que o Hello é gratuito . Não há versão premium e os criadores do Hello vão ainda mais longe: eles comunicaram que seu tema sempre será gratuito.

                Livre, ok, mas quão livre? Você não pagará um centavo se planeja usar o tema Hello WordPress apenas com a versão gratuita do Elementor .

                No entanto, lembre-se de que você estará limitado, pois não poderá criar um cabeçalho e um rodapé, por exemplo.

                Para usar o Hello ao máximo e projetar TODAS as partes do seu site, para uma aparência verdadeiramente profissional, você precisará emparelhar o tema com um construtor de páginas premium, como o Elementor Pro, por exemplo.

                Então tudo isso terá um custo. Para sua informação, existem quatro licenças disponíveis com o Elementor Pro:

                • $ 49/ano para uso em um site
                • $ 199/ano para uso em 25 sites
                • $ 499/ano para uso em 100 sites
                • US$ 999/ano para uso em 1.000 sites
                Preços do construtor de páginas Elementor Pro.

                Como comparação, aqui estão as taxas premium de vários concorrentes da Hello que, a propósito, geralmente exigem o uso do Elementor (gratuito ou Pro) para modificar os modelos de página que eles fornecem:

                • Astra (mais de 1 milhão de instalações ativas): o tema principal criado pela Brainstorm Force está disponível a partir de US$ 47/ano para uso em um número ilimitado de sites.
                • OceanWP ( mais de 700 mil instalações ativas): “o tema WordPress que lhe dá mais” , conforme declarado em sua página inicial, é vendido a partir de $ 54/ano para uso em até 3 sites.
                • GeneratePress (mais de 400 mil instalações ativas): o tema criado por Tom Usborne é oferecido a partir de US$ 59/ano para uso em até 500 sites.
                • Neve (mais de 300 mil instalações ativas): o tema principal do Themeisle é vendido por 59 €/ano (ou seja, ± $66) para uso ilimitado.

                E a documentação?

                Se você deseja agir e usar o tema Hello do Elementor, saiba que não encontrará nenhuma documentação específica para ajudá-lo a resolver um possível problema.

                Bem, isso é bastante lógico. Não há necessidade disso, pois o tema inicial não permite que você faça ajustes.

                Você normalmente fará ajustes no design usando o Elementor. Portanto, você precisará consultar seus muitos recursos gratuitos para encontrar respostas para suas perguntas:

                • Sua documentação
                • Seu fórum público
                • Seus cursos em vídeo
                • Seu blog, etc
                Recursos gratuitos do Elementor: Central de Ajuda, Academia, Ferramentas do desenvolvedor, Suporte, Blog, Webinars.

                Para uma assistência personalizada diretamente por e-mail, você terá que obter o Elementor Pro (link de afiliado).

                Nossa revisão final do tema Elementor Hello WordPress

                Você chegou ao final deste teste do tema Hello. Você descobriu como funciona e como personalizá-lo, bem como seu impacto no desempenho, SEO ou responsivo.

                Antes de deixar a palavra para vocês, vamos dar uma última olhada no tema a título de resumo.

                Prós e contras do tema Hello

                Hello é antes de tudo um tema que combina várias vantagens importantes:

                • É um complemento perfeito para Elementor , pois foi especialmente projetado para funcionar de forma eficiente com ele, sem nenhum risco de incompatibilidade.
                • É muito leve e rápido , o que é uma grande vantagem para a experiência do usuário.
                • É gratuito e promete ficar o tempo todo.

                Além disso, também podemos apontar várias desvantagens:

                • Por sua natureza (é um tema inicial), não oferece nenhuma configuração . É apenas uma base para Elementor.
                • Você precisa saber como usar um construtor de páginas para poder personalizá-lo sem passar pelo código .
                • Você precisa usar o Elementor – é por isso que o tema foi criado – para poder aproveitá-lo ao máximo .
                • O Hello não permite nativamente ativar uma barra lateral e não oferece um menu com widgets. No entanto, você pode superar esse problema adicionando um pequeno pedaço de código, conforme mostrado aqui.
                • Você não tem nenhum modelo à sua disposição se não quiser começar de uma folha em branco . O Elementor oferece centenas de modelos de página prontos, mas nenhum modelo de site (com várias páginas clássicas).

                É muito popular. Ele foi projetado pelos criadores do #Elementor para funcionar lindamente com seu construtor de páginas. Mas não é realmente um tema #WordPress. Conheça melhor a Hello neste post!

                Clique para Tweetar

                Para quem foi feito este tema?

                No final, apesar de sua popularidade e ativos, o Elementor's Hello não é um tema feito para todos.

                E não é necessariamente o companheiro ideal para Elementor em todas as situações, para responder à pergunta do título deste post.

                Baixe o tema Olá:

                DOWNLOAD

                Acho que se destina principalmente a:

                • Usuários com experiência com Elementor e CSS .
                • Aqueles que têm uma boa base em web design, usabilidade e design de UX (design de experiência do usuário). Com o Hello, lembre-se de que você está começando do zero para projetar todo o seu site.
                • Pessoas que desejam usar exclusivamente o Elementor Pro . Porque se você emparelhar o Hello com a versão gratuita do Elementor, ficará rapidamente limitado se quiser criar um site profissional do zero.

                Se você não se encaixa nessas caixas, talvez seja melhor usar um tema “clássico”, em vez de Hello.

                Temas versáteis como Astra, Neve, Kadence ou Blocksy, por exemplo, já terão cuidado da criação de páginas clássicas (404, arquivo, resultados de pesquisa, publicações etc.) para você. Isso é algo que a Hello não faz.

                Eles também permitirão que você faça ajustes básicos (cores, tipografia, largura do site, adicionando um cabeçalho e rodapé, etc.) a partir do WordPress Customizer.

                Além disso, nada impede que você use esses temas com o construtor de páginas de sua preferência, como… Elementor, por exemplo.

                Você compartilha minha opinião? Diga-nos o que você pensa sobre o tema Hello da Elementor nos comentários.