Aprenda como criar uma página inicial no WordPress usando o editor de blocos Gutenberg. Maneira fácil, sem precisar entender programação ou criação de sites.
💙 Contrate sua hospedagem com a HOSTINGER*. Use o cupom BLOGUEIRAINTELIGENTE para um DESCONTO EXTRA! https://blogueirainteligente.com.br/hostinger
*Link afiliado. Se você contratar seu domínio utilizando o meu link, eu vou ganhar uma comissão, e é com ela que eu consigo fazer os vídeos aqui no YouTube! Você não paga nada a mais comprando por esse link, e ainda me ajuda! Obrigada 🙂
AINDA NÃO CRIOU SEU BLOG?
✨ Aprenda como criar seu blog no WordPress com esse tutorial passo a passo super fácil: https://youtu.be/zavnHZTvX_4
✨ Aprenda como PERSONALIZAR seu blog nesse vídeo: https://youtu.be/dlx_gy1hPWY
👩💻 PLUGINS USADOS NESSE VÍDEO:
– Gutenberg: https://wordpress.org/plugins/gutenberg/
– CoBlocks: https://wordpress.org/plugins/coblocks/
– Ultimate Addons for Gutenberg: https://wordpress.org/plugins/ultimate-addons-for-gutenberg/
– SVG Support: https://wordpress.org/plugins/svg-support/
👩💻 SITES PARA CONSEGUIR SVGS GRATUITOS:
– BGJar: bgjar.com
– PixelTrue: https://www.pixeltrue.com/free-illustrations
00:00 Introdução
03:15 Plugins necessários
04:03 Encontrando imagens SVG grátis
07:30 Criando e configurando a página inicial
08:50 Criando a seção de destaque
15:02 Criando a seção sobre o blog
18:52 Criando a seção quem escreve
21:45 Criando a seção de posts recentes
26:25 Criando a seção da lista de emails
31:15 Configurando a página inicial para dispositivos móveis
33:53 Configurações finais
———–
Criar uma página inicial personalizada no WordPress não precisa ser difícil. Para fazer isso, a minha recomendação é que você utilize o próprio construtor de blocos do WordPress, que além de muito leve, possui diversos plugins que você pode instalar para aumentar ainda mais as possibilidades de personalização.
Depois de instalar todos os plugins e reunir as imagens que você vai querer usar na sua página inicial, basta acessar o seu painel do WordPress e, no menu, escolher a opção PÁGINA – ADICIONAR NOVA. Dê um nome para a sua página inicial (lembre que esse será o nome que irá aparecer nos resultados das buscas) e, no menu lateral do editor de página, escolher na parte de layout a opção sem barra lateral e página de largura total.
Em seguida, você deve construir a sua página usando os blocos do Gutenberg. O truque aqui é usar o bloco de seção, disponível através do Ultimate addons for Gutenberg, para poder criar diferentes layouts.
No nosso exemplo, usamos seções com diversos fundos (obtidos no site BGjar), e com uma, duas ou três colunas, dependendo do conteúdo. Cada uma dessas colunas possui uma imagem, cabeçalho, texto, ou algum outro bloco disponível no editor.
Para mudar a aparência dos blocos, você deve usar as opções do menu lateral dentro do editor. Ali, você consegue editar a parte de tipografia, cores, margens, recuo (padding) e até mesmo imagens de fundo e opções avançadas, como classes de CSS.
Ao terminar de criar sua página, não esqueça de testá-la tanto para visualização em desktop quanto em dispositivos móveis, já que hoje em dia grande parte dos visitantes acessam um site através do celular. No menu lateral dentro do editor, você consegue personalizar alguns blocos para aparecer de tamanhos diferentes em cada um desses dispositivos.
Depois de tudo pronto, publique sua página. Para torná-la a sua página inicial, no menu do WordPress escolha as opções APARÊNCIA e então PERSONALIZAR. Escolha a opção configuração de página inicial e escolha então usar como página inicial estática essa página que você acabou de criar. Você também pode mudar essa configuração no painel do WordPress indo em CONFIGURAÇÕES e então LEITURA.
———–
ASSISTA TAMBÉM:
– SEO para blogs, como aparecer nos resultados das pesquisas: https://youtu.be/w-R-AusD1Lw
– HTML e CSS básico para WordPress: https://youtu.be/FyOSoDLB4C8
– Como inserir códigos no seu WordPress: https://youtu.be/uiIlpw3UERw
———–
SIGA O BLOGUEIRA INTELIGENTE NAS REDES SOCIAIS:
🌟 Instagram: https://instagram.com/blogueira.inteligente
🌟 Pinterest: https://pinterest.com/blogueirainteligentecombr