Transcrições
1. Introdução ao curso: Oi pessoal, é Marty aqui de vamos construir WP.com. E eu decidi fazer este tutorial wordpress para iniciantes para mostrar
tudo o que você precisa saber para construir um site do qual você possa se orgulhar. Você não precisa ter nenhuma habilidade de design anterior. Não usaremos nenhuma codificação e isso só levará cerca de 45 minutos para ser concluído. Então, se você precisa de um site para um negócio on-line, você está começando, ou talvez você só queira criar um site para se divertir. É assim que você faz isso. Vou orientá-lo por todo o processo passo a passo e de uma forma que qualquer pessoa possa entender. Portanto, mesmo que você tenha usado seu computador apenas para enviar e-mails e assistir a vídeos aleatórios de gatos, você ainda não terá problemas para criar este site. Mas em vez de apenas falar sobre isso, vamos dar uma olhada no
site real que estaremos construindo. Então, vou mostrar como adicionar um logotipo e uma imagem de cabeçalho aqui na parte superior e como alterar as cores do nosso site. Em seguida, também abordaremos como criar páginas
diferentes que serão adicionadas ao nosso menu. E essas páginas terão texto, imagens e qualquer outra coisa que possamos precisar. Também adicionaremos um formulário à nossa página de contato que nossos visitantes possam
nos enviar uma mensagem se precisarem. Em seguida, o site eram prédios que também terão um blog onde nossas postagens terão essas incríveis imagens em destaque. E quando clicarmos neles, teremos nossas imagens de texto e qualquer outro conteúdo que adicionarmos. E então, aqui na parte inferior, também teremos uma seção de comentários onde nossos visitantes podem nos deixar uma resposta. Em seguida, também abordaremos como
alterar a barra lateral do WordPress, que é essa parte que corre pelo lado direito de nossas páginas. E podemos adicionar coisas como imagens, texto e listas de nossas postagens recentes no blog. Este site também será 100% compatível com dispositivos móveis, o que significa que ficará incrível em qualquer dispositivo. Então, se eu fizer essa janela um pouco menor, podemos ver como é nosso site em um tablet. Então, se o tornarmos um pouco menor, novamente, é
assim que nosso site ficará quando for visualizado em um celular. Portanto, não importa em qual dispositivo ele esteja sendo visualizado, ele sempre ficará ótimo. Eu sei que você provavelmente não vai
construir um site sobre café como o meu site de exemplo. Mas não se preocupe, isso funcionará para quase qualquer tipo de negócio ou sites que você possa precisar. Então aqui está o site da CMB com imagens e marcas
diferentes para lhe dar uma ideia do que quero dizer. E como você pode ver, o site praticamente sempre ficará ótimo.
2. Os 5 passos principais: Ok, então na introdução a este vídeo, eu disse que você não precisará de nenhuma habilidade de design anterior e que não usaremos nenhuma codificação para construir nosso site. E isso porque vamos usar o WordPress.org. Esta é a mesma plataforma usada por empresas como Forbes, cnn e Sunni, apenas o nome de poucas. E não só isso, mas o WordPress
também é super fácil de usar. Na verdade, existem apenas cinco etapas
principais que precisarão seguir
para criar um site profissional com o WordPress. Então, a primeira coisa que precisamos fazer é configurar uma conta de hospedagem na web para o nosso site. E é basicamente aqui que os diferentes arquivos que
compõem nosso site serão armazenados on-line para que as pessoas possam ter acesso ao nosso site mesmo quando nossos próprios computadores forem desligados. A hospedagem na Web é algo que
precisaremos para executar um site, e geralmente nos custará US$12 por mês. Então, a próxima coisa que precisamos fazer é registrar um nome de domínio para o nosso site. Um nome de domínio é basicamente o título do nosso site com www dot antes dele, e..com depois dele. E é o que digitamos no navegador de Internet
DIR para visitar um site específico. Por exemplo, o nome de domínio do google é www.google.com. Mais uma vez, um nome de domínio é algo que precisaremos para executar um site e geralmente nos custará cerca de US $13 por ano. Então, pagamos pela nossa hospedagem na web uma vez por mês e depois pagamos pelo nosso nome de domínio uma vez por ano. Então, uma vez que tivermos nosso nome de domínio e hospedagem na web, podemos passar para o próximo passo que é instalar o WordPress. Isso levará apenas cerca de 60 segundos para nós fazermos. E como o WordPress é um software de código aberto, também
é 100% gratuito para nós usarmos. Depois de instalarmos o WordPress, vamos passar para a quarta etapa, que é escolher e personalizar um tema do WordPress. Isso vai mudar toda a aparência do nosso site WordPress e torná-lo mais parecido com o site que estamos tentando criar. E então a última coisa que precisamos fazer é adicionar nosso conteúdo diferente, que basicamente serão as principais páginas que compõem nosso site. Então isso pode ser coisas como uma página sobre e uma página de contato. Agora também vou cobrir alguns outros pedaços e peças, bem como seguimos. Mas esses são realmente os cinco principais passos que precisamos seguir
para criar um site WordPress profissional.
3. Registre o Hospedagem de sites e o nome de domínio: Então, como podemos ver, as primeiras coisas que precisamos fazer são configurar hospedagem
na web e obter um nome de domínio para o nosso site. E para nossa sorte, podemos obter ambos do mesmo lugar, que é um site chamado Host Gator.com. E esta é uma empresa que venho usando há anos sem problemas. Há uma ótima empresa de hospedagem de baixo custo, que é exatamente o que queremos. E eles também estão aqui que eu atualmente uso para hospedar, Vamos construir o WP.com. Então, se você for aceitar minha recomendação, só
precisamos abrir nosso navegador da Internet e ir para Host Gator.com. Assim que chegarmos aqui, vamos passar o mouse sobre a hospedagem na parte superior e clicar em hospedagem compartilhada. E isso nos mostrará
os três planos de hospedagem diferentes que o Host Gator oferece. Para ser totalmente honesto com você, o plano de negócios vem com uma carga completa de extras adicionais que você provavelmente não vai
precisar de um apenas começar, que realmente apenas deixa isso entre os plano de hatchling e o Baby Plan. E a única diferença real entre esses dois planos é a quantidade de sites que podemos ter em cada um. Então, com o plano de hatchling, podemos ter um único site. E com o plano do bebê, podemos ter quantos sites quisermos. Então, como estou apenas fazendo isso para o tutorial, vou para o plano de hatchling. E depois de decidirmos em qual plano vamos seguir, podemos clicar pelo ruído embaixo. Isso nos trará aqui. E é aqui que vamos registrar o nome de domínio do nosso novo site. Então, só precisamos digitar nosso domínio. Estamos querendo nos registrar nesta caixa no topo. E para meu exemplo, vou digitar um site sobre café. E então, à direita, podemos escolher nossa extensão de domínio. E vou choose.com, que significa que o nome de domínio que estou registrando
neste exemplo é um site que cuida de coffee.com. Então, contanto que os domínios estejam disponíveis, ele dirá domínio principal aqui. Mas se ele aparecer e disser que o domínio não está disponível, infelizmente precisará escolher outra coisa. Então, enquanto o domínio que queremos estiver disponível, podemos rolar para baixo
até onde diz proteção de privacidade de domínio. Este é um complemento opcional. E eu normalmente só desmarque essa caixa eu mesmo e não tive problemas. Mas se você estiver tentando manter seu site anônimo, basta deixar esta caixa marcada e ela será adicionada à sua conta. Então, embaixo, diz Escolha um plano de hospedagem. E aqui só queremos verificar se nosso tipo de pacote está correto e escolher um ciclo de faturamento. Neste exemplo, fui para o plano de hatchling. Então, isso está correto. E então, aqui à direita, podemos escolher alto muitas vezes gostaríamos de pagar pela nossa hospedagem. Agora, isso vai depender quanto dinheiro você precisa gastar em seu site. Mas eu recomendaria definir isso para 12 meses ou mais, se ele puder. Não só porque há um ótimo desconto em comparação com o faturamento mensal, mas também recebemos nosso nome de domínio gratuitamente se formos por 12 meses ou mais antecipadamente. Então, realmente é algo para se pensar. E com isso dito, vou definir o meu para 12 meses. Então, quando terminarmos aqui, podemos rolar para baixo. E aqui vamos digitar nosso endereço de e-mail e escolher uma senha e um pin de segurança para nossa conta. E então, sob isso, podemos inserir nossas informações de faturamento pessoal. Então coisas como nosso nome e endereço. E à direita, podemos escolher o porco gostaria de pagar pelo nosso pedido. E podemos escolher cartão de crédito ou débito ou PayPal. Então, quando terminarmos, podemos rolar para baixo. E aqui veremos que diz adicionar serviços adicionais. E esses são apenas alguns extras adicionados que o Host Gator oferece. Normalmente, eu mesmo desmarque essas caixas, mas você pode ler sobre elas. E se você quiser algum deles, basta marcar a caixa e ela será adicionada à sua conta. Então, quando terminarmos aqui, se rolarmos para baixo, veremos que diz insira um código de cupom. Agora eu, já pode haver um cupom inserido
aqui no valor de 20 ou 25% de desconto. Mas se excluirmos isso e em vez disso, digitarmos, vamos criar o WP. Quando clicamos em Arquivo e rolamos para baixo, veremos que o preço agora é ainda mais barato. E estamos recebendo nossa hospedagem na web e nome de domínio por menos de US$40. E lembre-se de que isso é para o ano inteiro e essas são as únicas coisas que precisamos pagar quatro, o que significa que este site vai nos custar menos US $3,50 por mês, o que é incrível. Agora, antes de continuarmos, gostaria de mencionar rapidamente que receberei uma pequena comissão do Host Gator se você fizer uma compra pelo meu link ou usar meu código de cupom, isso não custará você algo extra, e isso significa que posso continuar fazendo esses tutoriais gratuitamente. Então, obrigado antecipadamente se você usar meu cupom e mesmo que ainda
não tenha recomendo usar o Host Gator para o seu site. Mas, de qualquer forma, vamos voltar ao tutorial. Então, aqui na parte inferior, só
queremos verificar nossos pedidos novamente, correto? E se olharmos aqui à esquerda, veremos que eles oferecem suporte por telefone 24, 7, chat ao vivo e e-mail. E eles têm uma
garantia de reembolso de 45 dias apenas no caso de mudarmos de ideia. Então, uma vez que
estivermos felizes com tudo aqui, só precisamos marcar essa caixa na parte inferior, concordar com seus termos e clicar em ruído de checkout. Então, se você estiver acompanhando em casa, basta pausar este vídeo enquanto você está pagando pelo seu pedido e depois volte e pressione play. E continuaremos construindo seu site juntos.
4. Instale o WordPress (.org): Certo. Então sou eu agora que volto e quando terminei de pagar pelo meu pedido, fui levado para uma página dizendo obrigado, eu terminei. Fui redirecionado para a página inicial. Então, se você estiver acompanhando em
casa, neste momento, podemos fechar o Host Gator. E, em vez disso, queremos abrir nossa caixa de entrada de e-mail onde devemos encontrar novos e-mails do Host Gator. Esses e-mails contêm algumas informações muito importantes, por isso devemos mantê-los seguros. Mas, por enquanto, vamos clicar
no e-mail que diz que você é uma informação conda. E neste e-mail veremos que temos um link para o seu painel de controle, que também é conhecido como painel C. Nosso nome de usuário e senha para fazer login em outras informações sobre nossa conta. Aqui vamos clicar no link para o painel de controle, que abrirá a tela de login do cPanel em uma nova guia. E agora só precisamos copiar e P é nome de usuário e
senha estrela deste e-mail para a tela de login do cPanel. Então, uma vez que os tivermos, P é verdade, então podemos clicar em login. E isso vamos
entrar no host gator see pano, que é onde vamos instalar o WordPress. Agora, isso pode parecer um pouco avassalador no início, mas na verdade é muito fácil. Tudo o que precisamos fazer é rolar para
baixo até onde diz software. E depois clique em Monitor Wordpress. Em seguida, precisamos clicar em Instalar. E isso abrirá a tela de configuração do WordPress. Então, aqui à direita, só
queremos ter certeza de que esta primeira caixa diz HTTPS, e nosso novo nome de domínio está selecionado na caixa ao lado dele. Então, sob isso, podemos alterar o título
e o slogan do nosso site usando essas duas caixas. Então, vou digitar o site Coffee como título do meu site. E então, para o meu slogan, vou colocar um site sobre café. Embora não se preocupe muito com isso por enquanto, pois sempre podemos mudá-los novamente mais tarde. Então, sob isso, podemos criar o nome de usuário e a senha que queremos para fazer login no site de DR. E então podemos atualizar nosso endereço de e-mail abaixo disso. Então, quando terminarmos aqui, podemos mudar o idioma do nosso site, se precisarmos. Mas vou deixar o meu como está. Em seguida, vamos ignorar os plugins e
temas opcionais que eles oferecem, pois
vamos instalá-los mais tarde. E, finalmente, precisamos
clicar em Instalar na parte inferior. E o host gator começará a instalar o WordPress. Isso geralmente leva menos de um minuto. E quando terminar, eles dirão, parabéns, o software foi instalado. Neste ponto, podemos clicar no link ao lado de onde ele diz URL de administrador, que abrirá o painel do WordPress em uma nova guia. E é aqui que podemos adicionar qualquer conteúdo ou fazer alterações em nosso novo site WordPress, que por sinal agora é online ao vivo. Tudo o que precisamos fazer para visitar nosso site é clicar no título do nosso site no canto superior esquerdo. E isso nos mostrará como é o WordPress quando o instalarmos pela primeira vez. Não, o seu pode parecer um pouco diferente e às vezes eles mudam o tema padrão. Mas de qualquer forma, vamos ver algum conteúdo de demonstração ou não muito mais. Isso já está parecendo incrível, mas vamos construir algo muito melhor do que isso.
5. Excluir conteúdo de demonstração: Agora que temos o WordPress instalado, a primeira coisa que vamos fazer é excluir todo
o conteúdo de demonstração antes de começarmos a adicionar o nosso. Para fazer isso, só precisamos voltar ao nosso painel clicando no título do site na parte superior. E então, se clicarmos em Páginas e no menu do painel esquerdo, isso nos mostrará todas as páginas que temos em nosso site, que no momento é apenas esta página de demonstração. Para excluí-lo, só precisamos passar o mouse sobre o título da página e clicar na lixeira. Agora, basicamente, vamos fazer
a mesma coisa para nossa postagem de blog de demonstração. Somente em vez de clicar em páginas à esquerda, vamos clicar em postagens. Em seguida, podemos passar o mouse sobre o título da postagem e clicar em Lixeira para excluí-lo. E, finalmente, vamos
desinstalar alguns plug-ins de demonstração também. E para fazer isso, podemos clicar em plugins à esquerda. E isso nos mostrará todos os plugins que instalamos. plugins são basicamente como extensões ou complementos para o WordPress que ou nos permitem adicionar funcionalidade extra do site DER que o WordPress não vem com por padrão. Por exemplo, isso seria coisas como formulários de
contato e botões de compartilhamento social. Vamos voltar e abordar como usar plug-ins mais tarde neste vídeo. Mas, por enquanto, vamos remover os que vieram pré-instalados. Então, para fazer isso, basta marcar a caixa na parte superior para selecionar todos os plug-ins na lista. Em seguida, podemos selecionar desativar usando este menu suspenso e clicar em Aplicar. Depois que esses plugins forem desativados, vamos excluí-los e basicamente da maneira CMB. Então, só precisamos marcar a caixa na parte superior novamente. E, em vez de escolher desativado, vamos escolher Excluir nesta lista suspensa e clicar em Aplicar. O Wordpress excluirá todos os plug-ins do nosso site. E geralmente leva apenas alguns segundos.
6. Instale o tema do WordPress: E agora que excluímos o conteúdo de demonstração e removemos todos os plug-ins. Se visitarmos nosso site
clicando no título do nosso site na parte superior, veremos que ele não está completamente vazio e pronto para começarmos a personalizar. Então a próxima coisa que vamos fazer é mudar nosso tema WordPress. E isso vai mudar toda
a aparência do nosso site e torná-lo mais parecido com o site personalizado que
estamos tentando criar. Então, para fazer isso, vamos voltar ao nosso painel clicando no título do site no canto superior esquerdo. Então, se clicarmos em aparência à esquerda, isso nos mostrará todos os diferentes temas que o WordPress vem com pré-instalados. Então, como podemos ver, atualmente
tenho o tema 2019 ativo neste exemplo, pois é o que diz ativo por baixo dele, então podemos mudar para um
desses outros temas também se quisermos, por pairando são minha prata, o tema e clicando em Ativar. Mas em vez de fazer isso, vamos instalar um novo tema clicando em adicionar novo na parte superior. Isso nos mostrará os milhares de temas gratuitos
diferentes que o WordPress tem para oferecer. E podemos filtrar esses temas no topo por destaque, popular e mais recente. Ou se já soubermos o nome de um tema específico que queremos ser instalado, podemos digitá-lo na barra de pesquisa no canto superior direito. Neste exemplo, vou
instalar um tema chamado primer,
que é um tema incrível que
funcionará para a maioria dos tipos de sites. E também é o que vimos no início deste vídeo. Agora, uh, você pode obviamente escolher um tema diferente, se quiser, e os passos serão praticamente os mesmos. Mas se você não tiver certeza de qual tema usar, recomendo esse worm. Além disso, uma das coisas incríveis sobre o WordPress é que podemos mudar nosso tema
a qualquer momento sem afetar nosso conteúdo. Então, se escolhermos esse tema para barulho, e então não gostamos dele. Só precisamos instalar um novo. Mas, por enquanto, vamos digitar a palavra primer na barra de pesquisa no canto superior direito. E quando ele aparecer, só
precisamos clicar em Instalar. O Wordpress vai descompactar e instalar o tema para nós imediatamente. E depois de terminar, podemos clicar em Ativar. E agora, se clicarmos
no título do nosso site no canto superior esquerdo para visitar nosso site, veremos que nosso tema foi atualizado e nossos sites agora estão muito melhores.
7. Identidade do site (título e logo): Então, quando estivermos felizes com o tema que
instalamos, podemos começar a personalizá-lo. E para fazer isso, basta clicar onde diz Personalizar na parte superior. Isso abrirá nossas opções de tema à esquerda, e veremos uma visualização ao vivo do nosso site à direita. Então, se clicarmos na primeira opção na identidade
do site rotulada à esquerda, poderemos alterar o título e o slogan do site
alterando o texto que aparece nessas duas caixas. Portanto, para este exemplo, se eu alterar o título do meu site, diz
que
a hora do café à esquerda verá que ele é atualizado imediatamente na visualização à direita. Então podemos fazer a mesma coisa pelo nosso slogan, que é a linha de texto que aparece abaixo do título do nosso site. Então, vou digitar rapidamente algo aqui à esquerda. E mais uma vez, quando
fizermos isso, veremos atualizações à direita. Então, se tivermos uma imagem de logotipo que gostaríamos de usar, podemos clicar em Selecionar logotipo
na parte superior e clicar em Carregar arquivos no meio. Agora vamos procurar
a imagem em nosso computador. E quando encontramos a imagem que gostaríamos de usar, só precisamos clicar nela e
clicar em abrir o upload no nosso site. Depois que a imagem for carregada, podemos clicar em selecionar no canto inferior direito e, em seguida, cortar nossa imagem, se for necessário, ou clicar em Ignorar corte. Quando fizermos isso, veremos que nosso logotipo agora aparece na pré-visualização
à direita, em vez do título e slogan do nosso site. Então, aqui à esquerda, também
podemos alterar nosso texto de copyright do rodapé, que é esse texto que aparece na parte inferior do nosso site. Então, vou mudar isso para dizer café em vez do meu novo site à esquerda. E quando eu fizer isso, ele será atualizado na pré-visualização à direita. Então também podemos desmarcar esta caixa à esquerda que diz
o crédito do autor do tema de exibição. E isso vai remover o link para ir papai de baixo. Então a última opção aqui
à esquerda é onde podemos adicionar um ícone de site, que é o pequeno ícone que aparece ao lado título do
nosso site em nosso navegador da Internet. Então, só precisamos clicar em Selecionar imagem à esquerda. Em seguida, podemos clicar em carregar arquivos na parte superior, selecionar arquivos no meio. E então vamos procurar
a imagem em nosso computador. Quando o encontramos, só precisamos
clicar nele e clicar em Abrir. Depois que nossa imagem for carregada, podemos clicar em selecionar no canto inferior direito e, em seguida, cortar a imagem se precisarmos clicar em Ignorar corte. E quando fizermos isso, veremos que o ícone do nosso site agora aparece ao lado do título do nosso site em nosso navegador da Internet. Então, quando estivermos felizes com tudo aqui, podemos clicar em Publicar na parte superior para ver se nossas mudanças. E, em seguida, clique na seta apontando para trás no
canto superior esquerdo para voltar à lista de Opções de tema.
8. Atualizando o layout, cores e fontes: Agora vamos clicar na próxima
opção, que é layout. E aqui podemos alterar o layout do nosso site para ser fixo ou fluido. E isso é basicamente apenas se referindo às margens do nosso site. Então, se mudarmos isso para fluido à esquerda, podemos ver que o layout só realmente muda ligeiramente à direita. Pessoalmente, vou colocá-lo de volta em consertado. Mas se você alterá-lo, lembre-se de clicar em publicar
na parte superior para salvar suas alterações. E então podemos clicar na seta apontando para trás na parte superior para voltar. Agora. Ou podemos clicar na próxima opção, que é cores. E aqui podemos mudar as diferentes cores do nosso site. Então, primeiro, se clicarmos em esquemas de cores, podemos escolher um esquema de cores principal usando essa lista suspensa. E quando fizermos isso, veremos que as cores são atualizadas à direita. Pessoalmente, acho que o esquema de cores padrão fica melhor com a cor do meu logotipo, então vou mantê-lo como padrão. Depois de escolhermos um esquema de cores, podemos clicar na seta apontando para trás
e, em seguida, podemos alterar cada uma
das cores individuais
clicando nessas diferentes seções. Então, se clicarmos no cabeçalho, por exemplo, podemos alterar a cor do título e do slogan do nosso site. Se não estivermos usando um logotipo
, também podemos alterar cor de fundo do cabeçalho também. Então, para fazer isso, basta clicar em Selecionar Cor e, em seguida, escolher a cor que queremos DTUs. E como podemos ver quando estamos escolhendo nossa cor, ela é atualizada em tempo real à direita. Então, se quisermos voltar para a cor original, só
precisamos clicar no botão padrão. Quando estivermos felizes com essas cores, podemos clicar na seta apontando para trás no canto superior esquerdo para voltar. E então podemos usar essas mesmas etapas para alterar as cores de nossos menus, botões e coisas assim. E eu só vou fazer isso rapidamente para economizar tempo. Então, uma vez que estivermos felizes com nossas cores de visão, só
precisamos clicar em publicar
na parte superior para ver se nossas mudanças. E, em seguida, clique na seta apontando para trás para voltar. E agora vamos clicar
na próxima seção, que são fontes. Então, aqui podemos alterar as fontes de coisas como o título e slogan do
nosso site, nossos menus, títulos de texto e coisas assim. E tudo o que precisamos fazer é escolher as fontes que gostaríamos de
usar para cada uma delas usando esses menus suspensos. Então, vou mudar rapidamente tudo meu para carbono Fontan, este exemplo. Mas, obviamente, você pode gastar um pouco mais de tempo e experimentar a lista completa de fontes. Então, uma vez que estivermos satisfeitos com nossas novas fontes, podemos clicar em Publicar na parte superior para ver nossas alterações
e, em seguida, clicar na seta para trás para voltar.
9. Atualizando as imagens de cabeçalho e fundo: E agora vamos clicar
na próxima seção, que é cabeça ou mídia. E é aqui que podemos adicionar uma imagem de cabeçalho ao nosso site. Não, há uma opção de vídeo de cabeçalho deobda, se quisermos, mas na maioria das vezes isso realmente não faz sentido e
às vezes pode resultar no carregamento do nosso site lentamente. Mas se você quiser ter um cabeçalho de vídeo, basta postar um URL de vídeo do YouTube nessa caixa. E o WordPress fará isso por você automaticamente. Ou, se rolarmos para baixo, podemos fazer upload de uma imagem de cabeçalho. Tudo o que precisamos fazer é clicar em adicionar nova imagem e depois carregá-la da mesma forma que nossas outras imagens para economizar algum tempo neste vídeo, há uma imagem padrão que eles têm aqui para nos mostrar água para se parecer. E eu só vou usar este. Então, quando clico nele, podemos ver que as atualizações à direita
não são escolher a nova imagem como cabeçalho de nossos sites. E se quisermos removê-lo novamente, só
precisamos clicar em Ocultar imagem. Então, quando terminarmos aqui, vamos desmarcar esta caixa na parte superior que diz usar
a imagem em destaque. Em seguida, podemos clicar em Publicar na parte superior para ver se nossas alterações e clicar na seta apontando para trás para voltar. Não, a próxima opção é imagem de
fundo e vou pular isso sozinho. Mas se você quiser o upload, você pode. Só precisamos clicar em Selecionar imagem e, em seguida,
podemos fazer o upload da imagem da mesma forma que antes. Lembre-se de clicar em publicar
na parte superior se você mudar alguma coisa. E então podemos voltar para a lista principal de opções.
10. Crie um menu de navegação (Adicione páginas principais): Agora, se clicarmos e exigirmos notícias à esquerda, é aqui que podemos criar as páginas principais querendo o site DR. DR., bem
como um intervalo ou menu de navegação. Então, primeiro, só precisamos clicar em criar menu à esquerda. E então aqui podemos dar nosso menu e nome, os nomes apenas para nossa própria referência e não vamos aparecer em nenhum lugar. E para isso, vou chamar o meu Menu Principal. Em seguida, podemos escolher o menu primário e clicar em Avançar. Agora, ou podemos clicar onde diz Adicionar itens. E então só queremos ter certeza de que os PHs estão selecionados à direita. Em seguida, vamos apenas digitar os nomes de todas as páginas que
quisessem o anúncio e, em seguida, clicar no botão Adicionar. Wordpress criará as páginas para nós e as adicionará ao nosso menu. Então, para este exemplo, vou adicionar nossa página inicial chamada home, uma página de contato chamada contato, uma página de blog chamada blog e uma página Sobre chamada barco. Nós sabemos, você
obviamente pode escolher as diferentes páginas ou chamá-las de algo diferente. Mas, pelo menos, recomendo adicionar nossa página inicial e uma página de blog. Depois de adicionarmos as páginas que quisermos, podemos clicar em Reordenar à esquerda e , em seguida, alterar a ordem do nosso menu, se precisarmos. Então, se eu mover minha página de contato para a parte inferior, veremos que ela agora aparece
no lado direito do meu menu. Então, qualquer coisa que colocarmos no topo desta lista aparecerá no lado esquerdo do nosso menu. Então, qualquer coisa que colocarmos
na parte inferior da lista aparecerá à direita. Então, quando estivermos satisfeitos com a ordem do nosso menu, podemos clicar em Concluído. E agora só precisamos clicar em publicar na parte superior para ver se nossas alterações e, em seguida, clicar na seta apontando para trás para voltar. Agora, neste ponto, podemos clicar em nossas diferentes páginas na pré-visualização à direita. E veremos que eles foram criados, mas ainda há vazios. Vamos abordar como adicionar
conteúdo a essas páginas em breve. Mas, por enquanto, vamos clicar
na próxima opção aqui à esquerda, que é widgets.
11. Altere a barra de lateral (widgets) e configurações de página de casa: Então, se clicarmos na barra lateral, é aqui que podemos alterar o que aparece no lado direito do nosso site. Então, como podemos ver aqui à esquerda, diz pesquisa, postagens
recentes, Comentários recentes, Arquivos, Categorias e matéria. E então, se olharmos na nossa barra lateral à direita, podemos ver que elas combinam. Então, primeiro, podemos começar
removendo todos os widgets que não quisermos. E neste exemplo, vou
remover tudo além
dessa barra de pesquisa e da lista de postagens recentes. E para excluir um widget, basta clicar nele à esquerda e clicar em Remover. Então, uma vez que nos livrarmos de qualquer widgets que não
desejamos, podemos iniciar a adição de novos clicando em adicionar um widget. Então, digamos que, para este exemplo queríamos adicionar uma imagem à sua barra lateral. Só precisamos encontrar e clicar
no widget de imagem nesta lista. Então podemos dar um título, se quisermos. E, em seguida, clique no botão Adicionar imagem. Então, como sempre, vamos clicar em carregar arquivos na parte superior, selecionar arquivos no meio. E então vamos procurar
a imagem em nosso computador. Então, quando o
encontrarmos, podemos clicar nele e clicar em Abrir D, carregá-lo. Depois que nossa imagem tiver sido carregada, podemos escolher o tamanho que queremos que ela esteja usando este menu suspenso no canto inferior direito. E então podemos clicar, adicionar o widget. E quando fizermos isso, veremos nossa imagem agora aparece na barra lateral à direita. Então, mais seguro, outro exemplo, queríamos adicionar algum texto à nossa barra lateral. Só precisamos clicar, adicionar um widget e, em seguida, escolher o widget de texto desta lista. Agora, à esquerda, podemos dar um título e, em seguida ,
digitar qualquer texto que queremos aparecer nesta caixa ou podemos simplesmente colá-lo como eu vou fazer. Então, quando terminarmos, veremos que nosso imposto agora aparece em nossa barra lateral à direita abaixo da nossa imagem. Agora você pode se sentir livre para adicionar mais widgets, se quiser. Mas esses são os principais que eu acho que você vai precisar quando apenas começar. Depois de fornecer qualquer widgets que desejamos em nossa barra lateral, podemos clicar aqui à esquerda, onde diz Reordenar. E então podemos alterar a ordem dos nossos widgets da mesma forma que fizemos com nosso menu. Então, uma vez que estivermos felizes com a ordem de tudo, só
precisamos clicar em pronto. E então podemos clicar em Publicar
na parte superior, o CFR muda. Em seguida, vamos clicar na seta apontando para trás no canto superior esquerdo. Em seguida, clique nele novamente para voltar às principais opções. E agora podemos clicar na próxima seção, que é as configurações da página inicial. Por padrão, o WordPress está configurado como um blog e está configurado para mostrar nossas postagens no blog na página inicial. Mas a mudança isso, só precisamos selecionar uma página estática aqui à esquerda. E então, na página inicial, vamos selecionar nosso pH frio quem. E nos posts PJ, vamos selecionar nosso pH chamado blog. Quando fizermos isso, ele será atualizado em tempo real à direita. E veremos que nossa página inicial agora é nossa página estática. E se clicarmos na nossa página do blog no menu, ele deve dizer Nada encontrar, e é aqui que nossas postagens do blog
aparecerão quando começarmos a adicioná-las. Depois que terminarmos aqui, podemos clicar em Publicar na parte superior para ver se nossas alterações e,
em seguida, clicar na seta apontando para trás para voltar. Agora, há uma última opção aqui
na parte inferior chamada CSS adicional, mas vamos
ignorá-la , pois isso só seria se quiséssemos fazer alterações em nosso site, arquivos
CSS e nós não. Isso significa que não terminamos de personalizar nosso tema. E, desde que tenhamos salvo nossas alterações, só precisamos clicar no X no canto superior esquerdo para fechar essas opções. Isso trará nosso site STR. E aqui vamos ver que todas
as mudanças que fizemos não estão vivas. Então, como podemos ver, temos nosso logotipo no topo. Se adicionarmos uma e nossas imagens de cabeçalho, bem, nossas cores de mira foram alteradas e nossas barras laterais parecem incríveis. Então também temos nosso menu no topo com nossas diferentes páginas que criamos. E agora a próxima coisa que vamos fazer é adicionar algum conteúdo a essas páginas.
12. Adicione conteúdo a páginas (texto e imagens): Então, para fazer isso, só precisamos
visitar a página que queremos editar. E para mim essa será minha página inicial. Em seguida, podemos clicar em Editar na barra cinza correndo ao longo da parte superior para abrir o editor de página principal. Então aqui podemos mudar o título se quisermos no topo. E então podemos começar a digitar qualquer texto que quisermos em nosso pH nesta caixa embaixo. E enganado algum tempo neste tutorial, vou colar em algum texto que já copiei. Então, se tivermos quaisquer subtítulos e nossos textos como eu faço aqui, podemos simplesmente clicar na linha de texto e, em seguida, clicar neste símbolo à esquerda que se parece com um verso P. Agora podemos escolher o cabeçalho e, em seguida, escolha um dos tamanhos de cabeçalho disponíveis à direita. E quando fizermos isso, veremos que nosso texto muda de tamanho no editor. E então eu vou fazer
a mesma coisa pela minha segunda direção embaixo. Então também podemos adicionar imagens às suas páginas também. E para fazer isso, só precisamos pegar uma nova linha onde quer que a imagem apareça. E então podemos clicar no sinal de mais à esquerda. Então, aqui vamos escolher Imagem, clicar, Fazer upload de arquivos no meio
e, em seguida, procurar a imagem em nosso computador. Quando o encontramos, só precisamos clicar nele e clicar em Abrir o upload. E quando fizermos isso, veremos que nossa imagem agora aparece no editor. Então, se em algum momento quisermos ver como os RPGs estão até agora, podemos clicar onde diz Preview no lado direito. E isso abrirá uma visualização ao vivo em uma nova guia. Agora só estou fazendo isso muito rapidamente para mostrar como é feito. Então suas páginas provavelmente ficarão muito melhores que as minhas. Então, quando estivermos felizes com nossa página, podemos fechar a pré-visualização. Então só precisamos clicar em Atualizar à direita para publicá-lo. Agora, podemos clicar na página Visitar
na parte superior e veremos que nossas alterações não estão ao vivo. E agora que sabemos alto que está feito, só
precisamos fazer o mesmo com nossas outras páginas. Então, para mim, essa é minha página sobre. E vou adicionar uma imagem, algum texto e alguns subtítulos. Então também tenho minha página de contato. E para isso vou adicionar uma imagem e algum texto para barulho. E então vamos voltar e adicionar um formulário de contato em breve. E, finalmente, temos nossa página do blog. Vamos adicionar algumas postagens de blog aqui em um segundo. Mas logo antes disso, vamos mudar o que é conhecido como nossos sites permalink. E só para explicar o que são, se visitarmos uma de nossas páginas e olharmos para o nome de domínio na parte superior, veremos que depois do nosso nome de domínio, há uma barra e algumas letras aleatórias e números. E essas letras e números são as páginas permalink. Mas em vez dessas letras e números aleatórios, vamos alterá-lo para que ele escolha o nome da página. Então, para fazer isso, simplesmente precisamos voltar ao nosso painel clicando no título do nosso site na parte superior. Em seguida, podemos passar o mouse
sobre as configurações à esquerda e clicar em link permanente. Agora vamos escolher o nome do post. E então podemos rolar para baixo até
a parte inferior e clicar em Salvar alterações. Depois de atualizado, poderemos visitar nosso site e clicar em uma de nossas páginas. E veremos que nossas tintas permanentes foram atualizadas na parte superior sob ruído mostrando os nomes das páginas em vez das letras e números aleatórios. E agora que mudamos nosso link permanente, podemos começar em algumas postagens do blog DER site.
13. Crie e publique posts de blog: Então, adicionando uma postagem de blog no WordPress, basta clicar no título do nosso site
na parte superior para voltar ao nosso painel. E então podemos passar o mouse sobre onde ele diz postagens à esquerda e clicar em Adicionar novo. Isso abrirá o editor de postagens, que é basicamente o mesmo que ao adicionar páginas. Assim, podemos dar ao nosso post esse título no topo. E vou chamar o meu como fazer uma ótima xícara de café em casa. Em seguida, podemos adicionar qualquer texto que gostamos digitando-o na caixa embaixo, ou podemos colá-lo. Se você já tiver um digitado. Em seguida, podemos adicionar quaisquer subtítulos que temos em nossa postagem. E, finalmente, também podemos adicionar imagens da mesma forma. Então, a célula de arma sabe que isso foi exatamente o mesmo que ao adicionar páginas, mas é aqui que começa a ficar um pouco diferente. Então, se olharmos para o lado direito, podemos ver que diz categorias e tags. E isso é o que podemos usar para ajudar a organizar nossas diferentes postagens. Então papai publicou uma nova categoria. Basta clicar em adicionar novo tipo de categoria o que queremos
usar nesta caixa e, em seguida, clicar no botão Adicionar categoria. Ou se vamos usar uma categoria que já
criamos, poderemos escolhê-la aqui. Então, para este exemplo, como meu post no blog é sobre fazer uma xícara de café, vou criar uma nova categoria chamada Café. Então, depois de adicionarmos nossa categoria, podemos fazer a mesma coisa pelas nossas tags por baixo. Então, para este post, vou adicionar um tutorial sobre café, como fazer café e café caseiro. Depois de adicionarmos nossas categorias e tags, também
veremos embaixo dela diz adicionar uma imagem em destaque. E esta é a imagem que aparecerá em nossa lista de postagens em nossa página do blog, bem
como no topo da postagem do blog em si. Agora, a imagem em destaque é totalmente opcional, mas eu definitivamente recomendo adicionar uma quando possível. Então, para adicioná-lo, basta
clicar em definir imagem em destaque. E, como sempre, vamos clicar em fazer upload de arquivos na parte superior, selecionar arquivos no meio e depois procurar a imagem em nosso computador. Quando encontramos a imagem, podemos clicar nela e clicar em Abrir. E depois que for diluído, só
precisamos clicar em definir a imagem em
destaque no canto inferior direito. E quando fizermos isso, veremos que a imagem agora aparece no editor. E isso é basicamente tudo o que há para criar postagens de blog no WordPress. Quando terminarmos de adicionar nosso conteúdo, só
precisamos clicar no botão Publicar
à direita para que nossas postagens sejam disponibilizadas. E depois que for publicado, podemos clicar em Exibir postagem na parte superior para vê-la. Então, como podemos ver, temos nossa imagem em destaque no topo. Em seguida, temos o título do nosso post, a data de publicação e o autor da publicação abaixo. Então, se rolarmos para baixo, teremos nosso conteúdo principal, como nosso texto, imagens e qualquer outra coisa que adicionamos. Aqui, na parte inferior, podemos ver a categoria e todas as tags que estamos para o DR. Post. E, finalmente, temos nossa seção de comentários, onde nossos visitantes podem deixar uma resposta ou fazer perguntas de acompanhamento. E neste momento, se clicarmos em
nossa página do blog no menu, veremos que nossa postagem no blog agora aparece aqui junto com nossa imagem em destaque e um botão que diz continuar lendo. Então também podemos ver nossa postagem aparecer em nossa barra lateral, bem em nossa lista de postagens recentes. E nenhum outro sabemos alto que está feito. Podemos repetir o processo para novas postagens. Queremos. Outra palavra sobre isso, algumas postagens no blog. A última coisa que vamos fazer é adicionar um formulário de contato do site DER.
14. Adicione o formulário de contato à página de contato: A última coisa que vamos fazer é adicionar um formulário de contato do site DER. Dessa forma, nossos visitantes podem entrar em contato conosco se precisarem. Saiba que o WordPress não vem com uma opção D formulários de contato
ímpares por padrão. Então, em vez disso, vamos instalar um plugin gratuito que nos permitirá adicioná-los. Então, para fazer isso, só precisamos clicar no título do
nosso site na parte superior para visitar nosso painel. E então podemos passar o mouse sobre onde ele diz plugins à esquerda e clicar em Adicionar novo. Vamos apenas digitar o formulário de contato de palavras na barra de pesquisa no canto superior direito. E, em seguida, instale este plugin pelo WP Forms. E depois que os plugins forem instalados, só
precisamos clicar em Ativar. Agora eu, uma das coisas incríveis sobre o plugin WP forms é que ele vem com um formulário já criado para nós no DR. neste formulário, só
precisamos passar o mouse sobre onde diz formulários
WP e nossa esquerda menu do painel e, em seguida, clique em Adicionar novo. Então, aqui no topo, podemos dar nosso formulário e nome. E vou chamar o meu formulário principal. E depois de lhe dermos um nome, podemos escolher um formulário de contato simples aqui na parte inferior. Em seguida, isso abrirá os principais formatados são. E aqui podemos clicar em cada uma
das diferentes seções para alterar as informações, se precisarmos. Então, se clicarmos na seção de nomes, por exemplo, podemos alterar o rótulo, se quisermos. E, em seguida, usando essa lista suspensa, podemos alterá-la. Portanto, o formulário só pede aos usuários PrimeiroNome e equipe primeiro e último. Então, se clicarmos no botão na parte inferior, podemos alterar o texto do botão também
na caixa rotulada Enviar texto do botão. Então, quando estivermos satisfeitos com o nosso formulário, só
precisamos clicar em Salvar
no canto superior direito e clicar em Incorporar. Agora vamos destacar, clicar com o botão direito do mouse e copiar esta linha de texto, que é conhecida como o código curto dos fóruns. E isso é o que usaremos papai as páginas DRP do formulário. Assim que tivermos nosso código curto copiado, podemos fechar nosso para isso e seguida, clicar no X no canto superior direito. Agora só precisamos visitar nosso site
clicando no título do nosso site na parte superior. E, em seguida,
podemos visitar a página à qual queremos adicionar nosso formulário. Então, para mim, esta é minha página de contato. Depois de chegarmos aqui, podemos clicar em Editar na parte superior. Você abre o editor? Sei que só precisamos colar nosso código curto em
qualquer lugar do pH que queremos que nosso formulário apareça. E para mim isso está bem na parte inferior. Depois de colarmos nosso código curto, podemos atualizar nosso pH aqui à direita. Sei que quando visitarmos a página, veremos que nosso formulário de contato agora está ativo em nosso site. E só para mostrar que funciona, se eu preencher meu nome, meu endereço de e-mail, uma mensagem rápida e clicar em Enviar. Se eu abrir minha caixa de entrada de e-mail, verá que recebi os quatro mantri como um e-mail.
15. Curso de uso: E isso é nós sabemos no final deste tutorial, o que significa que a única coisa que resta fazer é parabenizar-se porque você acabou de construir seu próprio site profissional com o WordPress. Então, temos nosso logotipo e nossa imagem de cabeçalho na parte superior. Se os adicionarmos e estivermos usando as cores personalizadas
que escolhemos, teremos nosso menu com nossas páginas diferentes, como nossa página sobre e nossa página de contato. Então também temos nosso formulário de contato para que nossos visitantes possam nos enviar uma mensagem. E nossa barra lateral está incrível com nossa imagem, qualquer texto que adicionamos e nossa lista de postagens recentes. Em seguida, também temos nossa página de blog com nossas diferentes postagens no blog. E sem que precisemos fazer nada extra ou sites também 100% compatíveis com dispositivos móveis. Então, se apenas redimensionarmos a janela e nosso navegador da Internet, veremos que todo o nosso conteúdo redimensionado e se movimenta, para que pareça o melhor possível. Então, eu realmente espero que você ame seu novo site e que tenha achado este vídeo útil. Mais uma vez, meu nome é Marty de vamos construir WP.com. E muito obrigado por assistir ao meu vídeo.
Martie, Teaching WordPress online since 2013.
