como construir um site WordPress em 2021 em 6 etapas. Um guia A A Z

como construir um site WordPress em 2021

em 2017, houve uma oportunidade na empresa em que eu estava trabalhando para aprender web design.

comecei a aprender HTML, CSS e Javascript. Gostei muito. Até que encontrei meus primeiros bugs. Mais tarde, recebi um projeto paralelo: um site real. Fiquei emocionado, meus colegas estavam lá para mim quando pedi ajuda.

alguns meses depois, eu estava trabalhando em uma atribuição pro-bono WordPress para uma ONG.

deixe-me afirmar que estávamos no mercado de viagens e eu estava fazendo marketing. Mas havia essa cultura de capacitar as pessoas no aprendizado de novas habilidades.

eu sou o tipo DIY e percebi que a curva de aprendizado para o código de aprendizagem é muito mais longa do que o esperado. Com o WordPress, as coisas funcionavam de maneira diferente.

avanço rápido, em 2020, acabei trabalhando para os criadores do Colibri, sendo o Colibri um popular construtor de páginas de arrastar e soltar do WordPress.

as coisas são tão fáceis hoje com essas ferramentas. O WordPress pode realmente capacitar as pessoas a construir um site do zero em nenhum momento. E a inspiração para sites é apenas … em toda a internet.

agora, Aqui estão as etapas:

  1. Escolha o seu nome de domínio
  2. Adquirir hospedagem de site
  3. familiarizar-se com a interface do WordPress
  4. Instalar um tema WordPress
  5. Construir o seu site WordPress
  6. Instalar vital plugins WordPress

Porque, depois de alguns passos não é o suficiente para ter um supercalifragilisticexpialidocious site, eu tenho um bônus para você no final do guia: UX design dicas e truques.

mas antes de entrar no tópico, quero iluminar outro assunto. Não vai demorar muito, prometo.

quanto custa um site WordPress?

se quisermos fazer uma repartição de custos para um site WordPress, aqui está o que devemos incluir:

  • comprar um domínio: os preços podem começar em $15 / ano
  • aquisição de hospedagem: os preços começam em $8/ano
  • tema WordPress. Agora, dependendo dos níveis de personalização e quantos recursos você deseja incluir, Você pode começar com $0. Se você não quiser se estabelecer com um site básico, os planos anuais de temas do WordPress giram em torno de US $70.
  • plugins WordPress. Muitos deles são gratuitos, mas se você quiser opções avançadas, precisará atualizar para um plano de pagamento.

isso significa que o site mais básico começará a partir de US $23/ano. No momento em que você deseja recursos avançados do tema, o custo aumentará para cerca de US $100/ano.

quando você atualiza plugins, você pode acabar pagando cerca de US $200-500 por ano.

se você quer algo feito sob medida, e você precisa chamar em um desenvolvedor WordPress, os custos podem ir mais de US $1000 no primeiro ano.

para lojas online, os custos podem aumentar significativamente, porque você precisa de muitas funcionalidades, e desempenho e segurança estão no topo da mente.

agora que limpamos isso, é hora de chegar ao fundo do nosso tópico hoje: como criar um site WordPress em 2021.

Escolha o seu nome de domínio

escolha o seu nome de domínio no site

Fonte: https://unsplash.com/photos/N1XUwR8iOf0

Se você não sabia disso ainda, o nome de domínio é o nome da sua empresa ou nome de produto. Os nomes podem ser muito poderosos, então não se apresse ao escolher seu nome de domínio. Se você sente que está ficando com os pés frios, não se preocupe, existem ferramentas por aí que podem ajudá-lo.

dicas e truques para a escolha do nome de domínio do site

eu estava fazendo algum brainstorming para um domínio do site para um negócio há um tempo e percebi que” Wazz ” parecia bastante interessante. É curto, fácil de lembrar. Mas no momento em que pesquisei no Google, bem….deixe-me dizer, eu comecei a rir. Na gíria britânica, significava “urinar”. Realmente pessoal, faça sua pesquisa.

mais tarde, eu queria nomear meu site de fotografia. Eu estava analisando “moonshine”. Parecia tão bom, Romântico, conto de fadas … exceto que não era. parece que significava”álcool ilicitamente destilado ou contrabandeado”.Portanto, certifique-se de que sua nomenclatura seja única, memorável e não tenha nenhum significado estranho em Inglês ou outro idioma popular (por exemplo: espanhol) se você quiser ir internacional. Se você é um negócio local, você pode pular isso.

agora, vamos dar uma olhada em uma pequena lista de verificação para escolher um nome de domínio para o seu site WordPress:

  • Faça uma lista de palavras-chave relevantes para o seu negócio/produto. Pense em como os usuários devem se sentir depois de usar o produto. Digamos que você tenha uma linha de produtos para a pele baseada em ingredientes naturais. Sua lista pode conter palavras como” pele”,” cuidado”,” seguro”,” natural”,” bonito”,” fresco ” etc. Use uma ferramenta como Namelix ou Novanym para gerar ideias de nomes de domínio.
  • verifique o significado do seu nome de domínio recém-encontrado. Eu sempre pesquiso assim “{inserir nome aqui} significado”. Vou acabar com explicações de dicionário. Em seguida, vou ao Google images e vejo como ele é correspondido. Talvez haja um cantor com esse nome, um nome de desenho animado de mangá, etc. Nesse caso, você precisará refazer o processo.
  • procure o nome de domínio no Facebook ou LinkedIn para ver se há uma Página comercial com esse nome.
  • verifique se há um domínio do site disponível para venda. Para muitos sites,”. com “é o melhor domínio de nível superior (TLD), seguido por”. org”,”. net “ou”. io”.
  • Compre seu nome de domínio. Você pode fazê-lo através de um registrador de domínio, como GoDaddy ou através de seu provedor de hospedagem.

e isso nos leva ao nosso próximo capítulo.

adquirir hospedagem de sites

cada site que você já visitou está hospedado em um servidor. Isso significa que você precisará adquirir hospedagem na web de um provedor de hospedagem.

Considerando que estamos construindo um site WordPress, você pode escolher um plano de hospedagem WordPress.com ou algum outro provedor de hospedagem de terceiros.

deixe-me esclarecer algo antes de prosseguirmos. Existem wordpress.com e wordpress.org. a diferença é que em WordPress.com você pode hospedar e construir um site. De WordPress.org você geralmente adquire temas e plugins para o seu site, que está hospedado em outro lugar. Você pode comparar o WordPres.com planos aqui.

a hipótese deste guia é que você realmente deseja construir uma marca e ter controle total sobre seu site. Isso significa que você irá para um provedor de hospedagem de terceiros.

existem três principais serviços de Hospedagem: Hospedagem Compartilhada, VPS e hospedagem gerenciada. Na primeira situação, os recursos do servidor são divididos entre mais sites. A longo prazo, se esses sites crescerem, e o seu também, você pode encontrar problemas de desempenho. Você pode perceber que precisa de um serviço VPS ou de um plano de hospedagem gerenciada.

então, você precisa ter isso em mente ao escolher um provedor de hospedagem: quais são seus objetivos de negócios?

se você optar pela hospedagem VPS, os recursos ainda serão compartilhados, mas você obterá algum controle sobre eles. Você também verá melhorias em termos de segurança e desempenho.

a Hospedagem Gerenciada é meio que um serviço “à la carte”. Você terá seu próprio servidor físico para si mesmo e verá um aumento no desempenho e na segurança.

definitivamente, as coisas podem ficar mais complicadas do que isso, mas eu só queria pintar o quadro geral da hospedagem.

em seguida, quando você analisar os planos, dê uma olhada mais de perto:

  • Preço
  • Armazenamento
  • Suporte
  • Desempenho

Alguns provedores de hospedagem de ter alguns recursos extras, refeições, tais como o domínio de oferta (por exemplo: Namecheap), construtor de site (por exemplo: GoDaddy), opções de e-commerce, etc.

Agora, você provavelmente já notou alguns sites usando “HTTP ” ou”HTTPS”. O que se passa com isso?

HTTP é a base da web moderna. Ele conecta os navegadores e servidores e funciona em uma base de solicitação-resposta. Agora, o ” s ” extra significa que a conexão com o site é criptografada e os dados compartilhados com o site são seguros.

digamos que um usuário faça um pagamento em seu site ou faça login em uma conta. As informações que o usuário digitará serão privadas. A salvo de hackers. Isso está acontecendo através da tecnologia SSL, que significa “Secure Sockets Layer.”Para os consumidores, ver “HTTPS” sinaliza confiança, porque você pode proteger seus dados e Privacidade. Isso significa que você precisará adquirir um certificado SSL.

certifique-se de que seu plano escolhido inclui isso também.

no momento em que você adquire seu plano de hospedagem e configura seus detalhes de login, a única peça que falta será o próprio WordPress. A maioria dos provedores de hospedagem lá fora permitem que você instale o WordPress a partir de seu painel/Assistente. É tudo muito intuitivo.

como você fará login no seu site? Fácil peasy. Basta digitar no navegador o endereço do seu site e adicionar a ele “/wp-admin”, como visto abaixo.

wp admin

familiarize-se com a interface do WordPress

o painel do WordPress tem 9 seções. Vamos dar uma olhada neles.

configurações WordPress

configurações gerais do WordPress

Dentro desta seção, há mais 7 itens de menu. Vou descrever brevemente as coisas mais importantes que precisam ser feitas aqui.

  • em “geral”, você pode configurar o título do site, slogan, URL, Fuso horário, formato de data e idioma.
  • em “Reading”, você “dirá” ao WordPress Qual página serve como página inicial e qual é o seu “blog”. Este é um passo importante. Você também escolherá quantas postagens de blog podem aparecer em uma página ou se deseja que seu site seja indexado pelo Google.
  • em “discussão”, você fará a configuração dos comentários do blog.
  • dentro de “mídia”, você pode estabelecer as dimensões máximas em pixels a serem usadas ao adicionar uma imagem à biblioteca de mídia.
  • dentro de ‘Permalinks” você configurará o formato de seus URLs.
  • você pode definir suas páginas de política de Privacidade dentro de “Privacidade”.

a melhor maneira de abordar o painel “Configurações” é inserir todos esses itens e preencher as informações que faltam, apenas para garantir que você não pule nada importante. As coisas são bem diretas, então não fique com os pés frios. Toda a configuração pode ser feita em menos de 30 minutos.

páginas e postagens do WordPress

o que você precisa saber é que seu conteúdo entrará em “páginas” ou “postagens”. Aqui você vai gastar 95% do seu tempo.

as “páginas” são estáticas. Você pode ter uma página” homepage”,” serviços “página,” Contacte-nos ” página, você começa o ponto. Em postagens, você pode ter seus artigos de blog mais recentes, talvez seu portfólio. Estas são páginas dinâmicas porque colocam automaticamente o conteúdo do seu site mais novo no topo.

 painel do WordPress-postagens e páginas

ao selecionar “postagens” no painel, você poderá criar uma postagem, visualizar todas as postagens e gerenciar tags e categorias.

 WordPress dashboard-posts

você pode criar uma nova postagem se selecionar ” Adicionar novo “como visto acima, ou vá para” todas as postagens “e selecione”Adicionar Novo”.

Adicionar novos posts WordPress

O mesmo funciona para páginas.
o que você verá em suas “todas as páginas” ou “todas as postagens” são algumas páginas e postagens padrão implantadas pelo seu tema.

edite uma página no WordPress

agora, como você pode editar uma postagem ou uma página?

ao passar o mouse sobre suas páginas e postagens padrão, você verá algumas opções: editar, editar rapidamente, lixeira, visualizar. Na captura de tela acima, há também “editar em Colibri”. Isso ocorre porque instalamos um plugin que permite personalizar páginas usando o Colibri WordPress builder (mas falaremos um pouco mais tarde sobre isso).

WordPress media

todas as suas mídias entram aqui: imagens e vídeos. Você pode arrastá-los e soltá-los ou enviá-los.

 painel do WordPress-biblioteca de mídia

você também pode adicionar mídia do seu nível de postagem/página. Vou te mostrar mais sobre o assunto mais tarde.

comentários do WordPress

a 4ª seção do painel é chamada de “comentários”. Aqui você pode gerenciar os comentários de suas postagens. Você receberá toneladas de comentários de spam que podem ser movidos para spam ou lixo. Você pode aprovar os relevantes.

 comentários do WordPress

o menu “Aparência”

menu de aparência do WordPress - padrão

neste nível, você pode:

  • pesquise, instale e ative um tema (mais detalhes no capítulo a seguir).
  • Personalize widgets para adicionar blocos de conteúdo às barras laterais, rodapés e outras áreas do seu site.
  • defina os menus do seu site WordPress.
  • adicione uma imagem de fundo ao seu site.
  • edite o código do seu tema dentro de “editor de temas” (recomendado apenas se você for um desenvolvedor).

agora, no momento em que você ativa certos plugins, você pode ver alguns novos itens de menu abaixo de “aparência”. Nesse caso, como ativamos o tema Skyline, vemos uma opção para configurá-lo em “Configurações SkylineWP”. Cada tema pode vir com sua própria configuração.

 SkylineWP WordPress painel de configuração

“instalar Plugins” é o outro item de menu extra adicionado pelo tema Skyline. Aqui você verá algumas recomendações de plug-ins que funcionam bem com o Skyline.

isso nos leva ao nosso próximo item de menu.

Plugins

existem muitos recursos que não podem ser gerenciados apenas por tema, como otimização de SEO, auditoria de SEO, segurança e backup de sites, tabelas, formulários, recursos de comércio eletrônico e muito mais. Plugins estão aqui para compensar a falta de tais opções.

aqui está um pequeno tutorial sobre como instalar, ativar e desativar plugins. É tudo intuitivo e fácil de usar.

usuários

usuários do WordPress

neste nível, você decidirá quem tem acesso ao seu site. Você pode dar acesso a colaboradores, autores convidados, editores e muito mais, dependendo de suas necessidades.

Ferramentas

painel do WordPress - ferramentas

Em “Ferramentas”, você terá a opção de importar e exportar dados de ferramentas de e para outros sistemas de gerenciamento de conteúdo (ex. Blogger).

há também uma seção “Saúde do Site”, que mostra informações críticas sobre sua configuração do WordPress e itens que exigem sua atenção, com alguns conselhos.

porque precisamos respeitar as Políticas de privacidade, aqui você pode exportar ou apagar dados pessoais para seus usuários.

e, com isso, encerramos o capítulo do painel do WordPress.

vamos começar a negócios mais interessantes.

como instalar um tema WordPress

para isso, você precisa ir ao painel de administração do WordPress, clicar em” aparência “no menu à esquerda e depois em”temas”.

 temas WordPress

em seguida, clique no botão “Adicionar novo”.
você verá um monte de modelos aparecendo, e você pode filtrá-los por mais recente, destaque, popularidade…ou por recursos.

selecione Temas WordPress por recursos

estamos orgulhosos de dizer que nossos próprios temas Mesmerize e Colibri estão listados nos 20 temas WordPress mais populares.

no momento em que você escolher um tema, clique em “Instalar” e depois em “Ativar”.

instalar o tema WordPress

ative o tema WordPress

Você também pode ativar seu tema WordPress se voltar para a aparência->temas.

todo o processo de instalação é explicado em nosso tutorial também.

Agora você está pronto para o rock and roll!

via GIPHY

Construa seu site WordPress

no WordPress, o design do seu site depende do tema escolhido. Se você precisar de algo extra, bem … você pode precisar encontrar algo para preencher os recursos que faltam.

Normalmente, cada tema WordPress tem 2 designs: um para o blog e outro para as páginas. As cores são limitadas, não há personalizações especiais. Isso significa que, em um determinado momento, os plug-ins serão úteis.

agora, os temas do WordPress têm um personalizador de temas com funcionalidade básica. Eles são um bom ajuste para aqueles que não precisam de nenhum recurso personalizado e querem construir seu site muito rapidamente. Quando necessário, você pode adicionar seus próprios estilos CSS. Apenas certifique-se de escolher um tema que tenha um layout que corresponda à sua própria visão.

como você pode personalizar um tema? Basta ir até a aparência – > personalizar.

Personalizando temas WordPress

do lado esquerdo, você pode escolher o que modificar: conteúdo, menu e muito mais. No lado direito, há a visualização do seu site. Você pode alterar o texto Em tempo real, clicando no ícone de lápis.

do outro lado da história, temos Construtores WordPress. Eles são plugins que ajudam você a construir sites verdadeiramente únicos. Você pode alterar o layout do seu tema completamente.

no nosso caso, Skyline pré-instala um construtor chamado Colibri, vamos usá-lo como exemplo.

dependendo da versão do tema, O gratuito ou pago, você tem vários elementos para jogar: de cabeçalhos, seções de página específicas a componentes menores, como chamadas para ação, guias, contadores, acordeões e muito mais.

você pode editar o seu tema como antes, a partir da aparência – > personalizar, ou tomar o atalho, como mostrado abaixo.

 atalho do Personalizador ao usar construtores de sites WordPress

o que muda? Você terá acesso a mais recursos dentro do personalizador.

 blocos e componentes do WordPress no Personalizador

além de usar o personalizador, há outra opção para personalização de sites no WordPress – o editor padrão. Você pode acessá-lo na opção” Editar ” abaixo de cada postagem e página. Além disso, no momento em que você adicionar uma nova postagem ou página, você entrará diretamente no editor padrão (a menos que tenha um construtor ativado).

editar páginas no editor WordPress padrão

então, em nosso próximo capítulo, vamos aprofundar como:

  1. Criar um site WordPress usando um WordPress criador da página
  2. Criar um site WordPress usando o editor padrão do WordPress

A. Como construir um site WordPress usando o livre construtores de site

WordPress construtores de site ajuda você a tirar o WordPress Personalizador de sistemas, para um nível totalmente novo. Você poderá personalizar tudo: cabeçalhos, conteúdo da página, rodapés, menus de navegação, estilo global e individual, o que você quiser! Nenhuma habilidade de design ou codificação necessária!

geralmente é um processo de arrastar e soltar. E você não precisa se preocupar com o design móvel, os construtores têm o aspecto de capacidade de resposta coberto.

como ajustar as configurações do site no Personalizador

Olhe para o painel do lado esquerdo. Agora role para baixo até “Configurações Gerais”.

Configurações gerais do WordPress-painel do WordPress builder

aqui é onde você pode configurar:

  • nome do seu site.
  • o esquema geral de cores e tipografia do seu site.
  • modelos para blog, cabeçalho e rodapé: quais fundos usar, espaçamentos, bordas, sombras, etc.
  • espaçamento: botões internos, colunas, etc.
  • Personalizado de Estilo CSS

Como criar conteúdo no WordPress usando construtores

Como mencionado antes, se você deseja criar uma nova página do site, de cabeça para “Páginas” e selecione “Adicionar Novo”. Você será direcionado para o editor WordPress padrão, onde nomeará sua página. Em seguida, selecione “Editar com Colibri”.

quando você deseja editar uma página WordPress existente, basta clicar em “Editar no Colibri”.

atalho do Personalizador ao usar construtores de sites WordPress

como adicionar seções às suas páginas do WordPress

cada sinal ” + ” no painel lateral esquerdo abre uma janela com blocos e componentes. Você pode rolar para baixo até encontrar um design de sua preferência ou apenas digitar uma categoria. Aqui estão as categorias disponíveis no Colibri builder: Hero Accent, About, Features, Content, Call to Action, Blog, Counters, Portfolio, Photo Gallery, Testimonials, Clients, Team, Contact, F. A. Q. e Pricing.

adicionar blocos a uma página do WordPress

estes são modelos predefinidos, que corresponderão ao esquema de cores de sua escolha.
ao selecionar um dos blocos, clicando no sinal ” + ” que aparece no bloco, o bloco será posicionado na parte inferior da página.

você pode movê-los para onde quiser, arrastando e soltando a seção do painel lateral esquerdo.
 como mover blocos WordPress

há também uma opção para blocos “em branco”.

 blocos em branco no WordPress

isso significa que você pode personalizá-los como achar melhor. No final, você pode até salvar seu design para uso posterior.

no ícone de configuração no canto superior direito de cada seção, você pode ajustar o número de itens por linha, pode reordenar itens, adicionar novos blocos e até excluir toda a seção.

Mudar o layout em bloco

Como personalizar seções da página do WordPress

Se você quiser alterar o texto em suas seções, você pode fazê-lo na linha, o que significa dentro da própria secção, ao vivo.

a edição em linha não está disponível para textos nos botões. Eles serão gerenciados no painel à esquerda.

se você deseja alterar uma imagem do seu site, é tudo intuitivo. Comece selecionando sua imagem.

 imagens no WordPress

você poderá vê-lo dentro do painel à esquerda também. Clique na imagem. Você verá uma nova janela aparecendo pedindo que você carregue uma imagem ou selecione uma da biblioteca. Se você optar por fazer upload, poderá fazê-lo arrastando e soltando.

faça upload de imagens para o WordPress

agora, voltando ao painel que acabei de mencionar, ele tem 3 opções principais: Layout, estilo e avançado. Sempre que você selecionar uma seção da visualização do site à direita, verá o painel correspondente da seção.

Personalizar o WordPress seções e blocos de

Vamos tirá-los um por um:

  • Layout

estrutura de Painel

Aqui você pode ajustar a largura e a altura do recipiente, o nível da estrutura. . Simplificando, o contêiner é o espaço real que um bloco ocupa. Dentro do contêiner, você coloca o conteúdo (texto, imagens).

você também pode ajustar o espaçamento do seu conteúdo e o quão próximo da parte superior ou inferior ele é colocado.

você também pode adicionar novas linhas dentro do seu bloco.

  • Estilo

Estilo de uma seção

neste nível, você pode personalizar o plano de fundo do seu bloco ou adicionar linhas divisórias. Divisores são sinais visuais que sinalizam quando uma seção do site termina ou começa.

WordPress ddividers

  • Avançado

Avançado blocos e seções edição WordPress

Aqui vem a diversão, gente!

da tipografia e espaçamento à capacidade de resposta, é aqui que você pode entrar nos menores detalhes do site.

você pode criar variações dependendo do Estado do elemento: normal ou hover.

se você selecionar um determinado elemento dentro de um blog, digamos um título, o mesmo painel aparecerá à esquerda.

edição de títulos

isso significa que você pode ficar mais granular com sua edição.

falando de títulos e elementos mais granulares, estes são chamados de “componentes”. Vamos ver como você pode brincar com eles.

como usar componentes em seu site WordPress

os componentes referem-se a títulos, Controles deslizantes, divisores, botões, carrosséis, preços e muito mais. Eles podem ser acessados da mesma forma que os blocos. Eles se sentam lado a lado e têm funcionalidade de arrastar e soltar. Colibri oferece 40 componentes.

adicionando componentes do WordPress
como mencionado anteriormente, você pode ajustá-los do painel à esquerda, se você for para “layout”, “estilo” ou “avançado”.

capacidade de resposta móvel

em um mundo multi-dispositivo, é vital ter um site totalmente responsivo. Por padrão, Skyline é um tema responsivo móvel. Isso significa que suas seções se ajustarão de acordo com vários dispositivos. Se você quiser visualizar como seu site WordPress se parece em tablets ou dispositivos móveis, você pode fazê-lo, ao jogar com os controles no canto inferior esquerdo.

tornando um site WordPress responsivo

Você também pode selecionar ocultar certos recursos no celular, por exemplo, dentro das opções “avançadas”.

como criar um menu no Personalizador do WordPress

agora, digamos que você projetou suas páginas e precisa adicioná-las a um menu. No painel à direita, você tem todas as suas seções, ordenadas de cima para baixo, como no seu site. O rodapé é sua última seção. Abaixo, você verá alguns recursos extras.

criação do menu do site no Personalizador WordPress

aqui você pode criar seu menu.

depois de selecionar “Criar novo Menu”, você poderá nomear seu menu e escolher um posicionamento para ele (cabeçalho, rodapé, páginas, etc.).

ao selecionar “avançar”, você poderá adicionar suas páginas ao menu, na opção “Adicionar itens”. Não pode ficar mais fácil do que isso.

Adicionar itens a um website de menus no WordPress

Como trabalhar com widgets do WordPress

eu já mencionei que os widgets são blocos de conteúdo que você pode adicionar ao seu site laterais, rodapés e outras áreas.

ao usar um plugin do WordPress builder, você estará usando widgets apenas para suas barras laterais do WordPress, porque você tem layouts de rodapé predefinidos.

normalmente, barras laterais são usadas por páginas de blog. Cada tema tem diferentes opções de widgets, de barras de pesquisa, postagens recentes e comentários, widgets sociais a imagens e vídeos. Digamos Instagram WordPress widget para isso.instagramperfil em uma barra lateral, há um widget Instagram WordPress para isso.

widgets da barra lateral para o Blog WordPress

widgets WordPress

um dos meus widgets favoritos é aquele que permite a edição personalizada de HTML. Eu acho isso realmente poderoso.

dito isto, você está meio que pronto. Parabéns, seu site WordPress está funcionando!

agora, vamos verificar o outro método para construir sites no WordPress.

B. Como construir um site WordPress usando o editor WordPress padrão (Gutenberg)

eu vou fazer isso muito rápido. Este editor ainda é novo no WordPress (é o editor WordPress padrão desde dezembro de 2018), mas está evoluindo continuamente graças à contribuição da comunidade.

O clássico editor do WordPress, parecido com essa:

Clássico editor do WordPress

Agora temos:

o editor Padrão do WordPress

Agora, o que você precisa saber é que nem todos os temas é compatível com este editor de novo. Você terá que encontrar um Gutenberg-pronto.

o design do Layout com o editor WordPress padrão é limitado. Também é baseado em blocos. Agora, como você provavelmente descobriu no capítulo anterior, os blocos podem ser praticamente tudo: títulos, imagens, botões, vídeos, etc.

Gerenciador de blocos no editor Gutenberg

Agora, Por que não estou insistindo no tópico: se você verificar as análises de Gutenberg, as mais recentes são análises de 1 estrela. Não é uma boa experiência. Mesmo que já tenha sido 2 anos a partir do lançamento, e muitas atualizações no meio, isso ainda está em sua infância. O WordPress conta agora com a comunidade para criar novos blocos para que a experiência de edição possa evoluir.

no momento, a ferramenta se comporta como um editor de texto, com baixa potência no lado do estilo.

existem ferramentas por aí, como Kadence, que podem ajudá-lo, mas ainda não estamos lá.

instalar plugins WordPress vitais

o ecossistema WordPress é feito de temas e plugins

existem milhares de plugins WordPress disponíveis por aí que podem estender a funcionalidade ou adicionar novos recursos ao seu site.

este é um tutorial muito curto sobre como instalar um plugin.

Nosso plugin recomendações

Plugin do tipo o Que ele faz Recomendação
WordPress builder Dá o seu tema de arrastar e soltar funcionalidades Colibri
SEO plugins WordPress Mínimo de alterações no site que pode ajudá-lo a classificar organicamente Yoast SEO
Formas de plugins WordPress Usar formulários para capturar valiosos dados do usuário (com o seu consentimento, é claro). Forminador
Email marketing desenvolva campanhas de marketing para manter contato com seus assinantes e clientes. Mailchimp para WordPress
plugins de segurança limpeza de malware e proteção contra logins não autorizados. Jetpack
e-commerce wordpress plugins para ajudá-lo a configurar uma loja online. WooCommerce
Media Library manager para ajudá-lo a organizar sua mídia. FileBird
Anti-spam impedir que seu site publique conteúdo malicioso. https://akismet.com/
Analytics ajuda você a entender seu tráfego e comportamento do Usuário. Google Analytics

agora, vamos entrar um pouco em outro tópico: velocidade da página.

tanto seus visitantes quanto o Google se preocupam muito com a velocidade do seu site.

Por Que O Google?

a velocidade é um fator importante que está levando em consideração ao classificar organicamente, o que significa aqui:

 resultados orgânicos do Google

por que a velocidade do site é ruim para os usuários e, finalmente, você?Bem, se você lhes oferecer uma experiência ruim, eles podem não se envolver com sua oferta, ou pode nem mesmo voltar tão cedo.

de acordo com a pesquisa de 2018 do Google, 53% dos usuários móveis deixam um site que leva mais de 3 segundos para carregar (Holy Moly!).

e dê uma olhada nisso!

 carregamento do site

como o carregamento da página influencia os visitantes móveis (nota: bounce significa sair do site)?
.Então,como você pode corrigir isso e também melhorar o desempenho geral do seu site para que você não receba um polegar para baixo de seus usuários e do Google?

escolhi 2 soluções descontraídas (há muito mais por aí, mas bastante técnicas).

● otimizar imagens
as imagens do seu site não devem ser carregadas no tamanho original. Além disso, tente ir com PNGs em vez de JPEGs (eles têm menos cores).Smush é o nosso plugin WordPress preferido para compressão de imagem. Você não verá nenhuma queda visível na qualidade e a velocidade da sua página será otimizada.

● Cache
simplificando, o cache está fornecendo armazenamento temporário para que o conteúdo seja acessado posteriormente. Seu site carrega de forma diferente se acessado pela primeira vez ou pela 5ª vez pelo mesmo visitante.

por que isso?
quando você está lidando com o Cache do navegador, seu navegador salva uma cópia de arquivos de um site no dispositivo do Usuário
(disco rígido, telefone celular). Quando um site é armazenado em cache, o navegador só precisa carregar peças novas ou atualizadas de uma página e não precisará iniciar uma nova solicitação de servidor. A mesma coisa acontece se você clicar no botão “voltar”, seu navegador exibirá a página do cache. Isso é
também super útil ao lidar com uma conexão lenta com a Internet, as páginas serão carregadas rapidamente.

quer entender mais sobre como o Cache funciona? Leia aqui.

as ferramentas que recomendamos aqui são:
Cache W3 TOTAL Cache (W3TC) melhora o SEO e a experiência do usuário do seu site, aumentando o desempenho do site e reduzindo os tempos de carregamento.
Hum Beija-Flor. Isso também tem alguns recursos extras que adoramos, como a compactação de arquivos JavaScript, HTML & CSS.

agora, como você pode verificar o quão rápido seu site está carregando?Google tem apenas a ferramenta para ajudá-lo com isso, e também fornece algumas idéias de fixação.

Bônus: dicas e truques de design UX

lembre-se de mim dizendo que o “céu é o limite” com os construtores de páginas do WordPress?

bem … há sempre um”mas”. Quando você cria um site, deve sempre ter em mente seu público
ou as personas do comprador (como os profissionais de marketing gostam de dizer). Você precisa fornecer a eles uma ótima experiência em seu site, é isso que o UX representa (user-experience).

agora, para isso, existem certas regras que você deve seguir para fornecer uma experiência de usuário sem atrito.

atender às necessidades dos usuários
os usuários em um site não querem pensar muito. Eles precisam de informações úteis que possam ser desnatadas e compreendidas com facilidade. Eles não precisam de uma experiência que consiste em muitos cliques ou muito para frente e para trás.

as pessoas procuram gratificação instantânea: encontrar o que precisam com rapidez e facilidade. Se isso não estiver acontecendo em seu site, eles procurarão outro.

hierarquia Visual

nem todas as partes do site são tratadas igualmente, algumas são mais importantes do que outras (formulários, botões, título, proposta de valor, etc.).

onde você gostaria que seu usuário pousasse? Onde você quer que ele clique?

faça uso de pistas visuais para ajudá-lo a alcançar o que deseja. Todos os elementos nas páginas devem se comportar como um guia turístico.

pistas visuais

os pesquisadores descobriram que os usuários que lêem da esquerda para a direita digitalizam sites em um padrão em forma de Z.

 forma z

isso significa que é onde você deve direcionar suas informações mais importantes.

navegação fácil

você deve manter a barra de navegação simples, não entre em muitas opções. Você pode acabar com uma situação de escolha paradoxal quando os usuários ficam sobrecarregados com as possibilidades.

as páginas devem ser vinculadas internamente a outras páginas relevantes para que a navegação seja suave e o Usuário não deve clicar em “voltar” muitas vezes para chegar às páginas anteriores.

faça uso do espaço em branco. O espaço em branco permite que as informações sejam organizadas em áreas de conteúdo digerível. Isso fará com que os usuários se sintam mais confortáveis e não sobrecarregados por muitos dados.

mesmo esquema de cores (consistência)

evite cores super escuras ou super intensas em seu site. Eles podem mandar os usuários embora. Você pode usar cores mais fortes para destacar aspectos importantes do seu site.

consistência da cor

Use cores igualmente equilibradas. Aqui está alguma inspiração.

e mais uma coisa antes de passar para o próximo princípio de design UX. As cores têm significados em todo o mundo, estão conectadas a várias emoções. Este infográfico irá iluminar o tema.

 guia de emoção de cor

Use escrita eficaz

não use cópia exagerada e clickbait. Escreva com bom senso, em uma linguagem natural, não use jargão (nem todo mundo está familiarizado com certas palavras técnicas).

clickbait

Use max. 3 tipos de letra em um máximo de 3 tamanhos de ponto — um máximo de 18 palavras ou 50-80 caracteres por linha de texto, como recomenda a Smashing Magazine.

Use prova social

Por Que devo confiar em você, sua empresa ou seus produtos?Nós, humanos, somos criaturas sociais. Vivemos em comunidades, temos amigos e familiares. Eles podem ser nossos influenciadores. Nós Nos preocupamos muito com a opinião deles.
.
Deixe-me listar alguns exemplos para você:
● avaliações e Classificações de

Ratings

● Testemunhos

Testemunhos

● Não. de clientes (“você está em boa companhia”).

clients
● Clientes logotipos

Logotipos
● estudos de Caso apoiado por resultados

estudos de Caso
● Prima com e prêmios

Pressione

além disso, se você quiser saber sobre as tendências do design, o Costeiras Criativo gente fez um maravilhoso infográfico sobre o tema.

conclusões

podemos chamá – lo de wrap, você não acha?

queríamos seguir o caminho mais curto, não sobrecarregá-lo com informações. Mas, no final, o diabo está nos detalhes. Demos-te a vista do helicóptero.

a coisa é que você pode ter seu site instalado e funcionando em menos de 2 horas. Mas, quanto mais recursos, páginas, conteúdo você quiser adicionar, mais tempo levará. E nunca negligencie as últimas tendências de web design.

uma última coisa embora, se você é o tipo DIY, você definitivamente precisa tomar o nosso Construtor Colibri para uma rotação!

aqui está um vídeo sobre como construir uma página de site WordPress usando toneladas de recursos.

agora, se você gostou deste artigo, e você quer saber mais sobre como projetar um site WordPress, certifique-se de se inscrever para o nosso canal do Youtube e siga-nos no Twitter e Facebook!

Leave a Reply

Deixe uma resposta

O seu endereço de email não será publicado.