Boas-vindas a este curso de WordPress! Me chamo Emerson e sou instrutor aqui na Alura.
Audiodescrição: Emerson se declara como um homem de pele clara, tem cabelos castanhos e bigode e cavanhaque. Uso óculos com uma armação preta e retângular. Ao fundo, há uma estante de ferro com alguns objetos à direita, e uma parede com iluminação azul arroxeada.
Agora, apresentamos o projeto Cookin Up, um blog de receitas com um menu personalizado na parte superior, que incluirá tanto receitas doces quanto salgadas. Também haverá uma página "Nossa História", "Contato", e uma seção para pesquisa de receitas indicado pelo ícone de lupa. Adicionaremos um banner, alguns ícones, e aprenderemos a inserir texto e imagens.
Esse projeto será uma página completa, permitindo a criação de um site completo para entender o funcionamento do WordPress.
Vamos construir juntos desde a primeira postagem, com personalização total do tema, incluindo superpoderes com plugins, tudo isso sem a necessidade de saber código.
Se você tem interesse em criar seu primeiro portfólio e aprender mais sobre WordPress, assista à primeira aula conosco!
A decisão de construir o primeiro site com WordPress já foi tomada, e o próximo passo é começar. Antes disso, é necessário construir o ambiente local, que será utilizado para testar tudo de forma segura. Para isso, utilizamos a ferramenta chamada Laragon.
Para baixar o Laragon, clicamos no primeiro link "Download Laragon Full" na seção "Edition". Enquanto o download é realizado, vamos entender um pouco sobre o Laragon. Podemos usá-lo para construir um servidor PHP local e também para criar um banco de dados SQL para o WordPress.
Após o término do download, clicamos na seta para abrir a aplicação. Selecionamos "Português brasileiro" na janela exibida e clicamos no botão "Ok" na parte inferior direita. Em seguida, clicamos em "Avançar", "Avançar", "Instalar" e "Avançar" novamente. O Laragon será instalado em nosso ambiente local.
Ao finalizar a instalação, clicamos no botão "Concluir" na janela intitulada "Completando o Assistente do Instalador do Laragon". O painel do Laragon será aberto, e então clicamos em "Iniciar tudo" na parte inferior esquerda. Note que o Apache e o SQL aparecerão como nossos servidores, tanto de banco de dados quanto de PHP.
Na parte superior esquerda em "Menu", selecionamos "Criar rapidamente um website" e escolhemos "WordPress". Inserimos o nome "receitas" ao site e clicamos em "Ok". Após um momento, clicamos em "Visitar site".
Selecionamos "Português do Brasil" e clicamos em "Continuar". Será exibida uma página intitulada "Bem-vindo(a)" e uma seção denominada "Informações básicas" com alguns campos a serem preenchidos:
[desmarcado]
Evite que mecanismos de busca indexem este siteLogo após, nomeamos o site como "Meu blog de receitas". Definimos o nome de usuário como "Emerson" (escolha o nome que desejar) e escolhemos uma senha.
Ao levar o site para produção, escolha uma senha mais forte e segura.
Por fim, inserimos o e-mail. Para evitar que o site seja indexado, caso estejamos desenvolvendo em uma hospedagem paga, selecionamos a opção para não indexar no Google.
[marcado]
Evite que mecanismos de busca indexem este siteEm seguida, clicamos em "Instalar WordPress" na parte inferior esquerda.
Com a instalação concluída, fazemos o primeiro acesso ao site. O login e a senha já estarão salvos. Clicamos em "Acessar".
Na tela, há um painel de boas-vindas na página de administração do WordPress, destacando a versão 6.5.5 e opções para criar conteúdos, personalizar o site e alterar o visual do site.
Pronto! Acabamos de fazer o login no WordPress pela primeira vez. Agora já temos nosso WordPress local totalmente funcional. Na próxima aula, vamos começar a fazer as configurações básicas para construirmos o site!
O WordPress está agora instalado em nosso ambiente local, e temos um site novo para construir. Antes de prosseguir, é necessário configurar as configurações locais.
Para isso, acessamos o menu na parte inferior esquerda e navegamos para "Configurações > Geral".
Configurações Gerais
Primeiro, vamos seguir uma identidade visual proposta para o projeto. Voltamos ao projeto, é Cookin Up, o nome que vamos dar para o nosso blog. A descrição que vamos usar é "Desperte o chef em você", para atrair nosso público.
Para escolher o ícone para o site, o ícone atual já está aparecendo, mas optamos por usar outro. Há um ícone verde disponível. Para adicioná-lo, selecionamos o ícone verde em "Favicon" e clicamos em "Exportar Favicon 2" na parte inferior do Figma.
O arquivo deve estar em formato PNG. O WordPress não aceita imagens nesse formato SVG.
O ícone já foi baixado.
Para selecionar o ícone, escolhemos o arquivo na pasta de downloads. Conseguimos abrir o ícone e ao clicarmos em "Definir como ícone do site" na parte inferior direita, é possível ajustá-lo para que fique bem recortado ao selecionarmos o botão "Recortar imagem" na parte inferior direita na página denominada "Recortar imagem". O ícone foi adicionado corretamente!
O fuso horário está ajustado para "São Paulo". Agora, alteramos o "Formato de data" para exibir mês e ano em números: 27/05/2024 [d/m/Y]
. O formato de data e hora está correto (opção "15:43 - H:i
"), e a semana começa no domingo.
[d/m/Y]
H:i
Salvamos clicando no botão azul "Salvar alterações" na parte inferior esquerda.
Agora, faremos uma alteração em "Links permanentes" à esquerda.
O WordPress vem com a configuração padrão que exibe ano, mês e dia, o que não é muito estético:
Opções selecionada por padrão:
Podemos personalizar os links para mostrar apenas o nome da postagem, que é mais comum em sites WordPress. Selecionamos a opção "Nome do site".
Em seguida, clicamos no botão "Salvar alterações" na parte inferior esquerda.
Agora, podemos começar a construir a primeira página no WordPress. Com as configurações básicas do WordPress concluídas, temos uma base sólida para iniciar o site. Nos próximos vídeos, continuaremos a criar os conteúdos do site.
O curso WordPress: passo a passo para criar seu primeiro blog possui 106 minutos de vídeos, em um total de 41 atividades. Gostou? Conheça nossos outros cursos de WordPress em Front-end, ou leia nossos artigos de Front-end.
Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:
Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.
No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.
Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.
Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.
Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.
Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.
No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.
Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.
Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.
Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos, corrige exercícios e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com a Luri até 100 mensagens por semana.
Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.
Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.
No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.
Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.
Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.
Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.
Mensagens ilimitadas para estudar com a Luri, a IA da Alura, disponível 24hs para tirar suas dúvidas, dar exemplos práticos, corrigir exercícios e impulsionar seus estudos.
Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais.
Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.
Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarão a sua jornada de aprendizado para sempre.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas