Transcrições
1. Boas-vindas: Depois de se tornar um web designer, mas você não sabe por
onde começar. Oi, meu nome é Maya
e estou aqui para mostrar como
você pode criar um
site sem codificação. Nolan. Com este tutorial, você aprenderá como
criar seu primeiro site, Google usado para eliminar ou sondar o construtor para construir
este site juntos. Lembre-se de que antes de levar
qualquer projeto para um cliente, você deve aprender
todas as técnicas. Você deve aprender
os fundamentos da UX e da UI e também aprender uma ferramenta para a quinta casa bom
projetar o site. Além disso, não se esqueça de que você
deve ter seu design para
Folio para que o cliente possa
optar por trabalhar com você. É por isso que estou aqui
para ajudá-lo a
aprender a criar um site
sem habilidades de codificação. Neste tutorial,
iremos mais tempo e,
e o fundamental
da UX e de você. Também vou examinar
a coisa da marca e , em seguida, analisaremos como configurar seu
domínio de hospedagem e SSL. Vou olhar para você
através do WordPress. E então começaremos
com a prática do rodapé de cabeçalho de design, e a página do site precisa na empatia
deste curso, você estará cuidadosamente preparado
para começar sua jornada como um web design disrobe pode lhe dar um estilo de vida que
você sempre quis. É que, trabalhando como freelancer em seus próprios termos ou
em uma grande empresa, permitimos nossas oportunidades. Obrigado por se juntar a mim e estou ansioso para
vê-lo na minha classe.
2. Aula 1 — fundamentos do UX/UI: Antes de começarmos com o
processo de design, devemos aprender os
fundamentos da UX e da UI. Ux significa a
experiência do usuário em nosso site, e UI significa a
interface do usuário do nosso site. experiência do usuário, ou
como os clientes, usuários que estão dispostos
a usar nossos sites terão
em nosso site. E a interface do usuário é a
aparência do site. Antes de levarmos qualquer
projeto para o cliente, é sempre melhor
começar e
fazer um protótipo ou um wireframe em dois Lake Figma
ou Sketch ou Adobe Eco Z, e devemos fazer o
wireframe do site. Por que isso? Porque precisamos
entender como o usuário vai interagir com nosso site e precisamos saber. O principal objetivo do nosso
site é que alguém compre algo
se for loja de comércio eletrônico, ou é apenas um
formulário de contato que queremos que o usuário use, nos
envie um formulário ou
queremos alguém para assinar nosso boletim informativo, seja qual for o objetivo principal
do nosso site, então precisamos saber
qual é a maneira mais fácil para o usuário usar o
site e ir de uma para outra página
no site que é chamando o usuário e a
experiência no site. E quando falamos sobre
a interface do usuário, devemos saber que tipo de
cores vamos usar. Que tipo de topografia é essa? A tipografia certa para
esse tipo de site. Então precisamos conhecer o
logotipo e também a modelagem do site para os botões
e talvez o cônjuge de danos e também as
imagens que devemos usar, ou talvez gráficos que
queremos usar na web. Esses dois trabalham juntos
e precisamos
conhecer os dois para que
possamos criar um site. Então, agora, quando conhecemos
os fundamentos da UX e da UI, vamos para a próxima lição
e nos preparamos para o nosso site. Vejo você lá.
3. Aula 2 — Preparação/Branding: Antes de começarmos com a
concepção do site para se tivermos um cliente que precisamos criar
um site para eles, então um dia mesmo. Então, de qualquer forma,
eles devem
nos dar a marca antiga se
eles já o tiverem, ou devemos fazer a
marca para o site DevOps, ou se estivermos fazendo nosso site, mudamos para branding para isso. E também se estivermos fazendo o
site para o seu cliente, tenha em mente que
eles devem fornecer toda a cópia antes de começarmos
com o processo de design. Se você está fazendo por si mesmo, pai, então você
provavelmente deve tê-lo para você. Agora, em primeiro lugar, o que
eu quero fazer é encontrar o certo para o meu site e as cores e as fontes
que vou usar. Então, antes de tudo, vou voltar
e vou para o logotipo. Tenho sonda. É por isso que posso usar qualquer coisa. Se você não tem um profissional, verá que não pode
usar nada disso, mas você deve encontrar
algo que irá alimentar q. Você pode usar alguns
desses modelos que
eles já possuem, ou você pode fazer isso
do zero para o seu site proposto ou
branding para alguma coisa. Então vou às flores
e gostaria desistir do site para
uma decoração de flores. E vamos ver o que temos aqui. E olha, podemos usar Eu não vou perder muito mais tempo na
escolha de algo. E é por isso que vejo
esse logotipo e gosto dele. E eu não tenho um nome para
meu site para descarte. Então, vou deixá-lo
como jardim de flores violeta. E eu vou, e eu os
renomearei esta flor, toda a criação. Agora podemos ver que eles usam uma cor marrom para esta proposta, mas eu gostaria de mudar
a cor
e vamos encontrar uma cor. Você pode usar a paleta de cores Canva para gerar paleta de cores. Ou você pode usar cores
que carvão para gerar uma paleta de cores para você ou para qualquer outra rending que
você vai usar. Deixe-me mostrar isso como gerador para duas cores. E essas são as paletas de cores. E você pode começar o janeiro lá ou explorar paletas de
tendências. Como você pode ver aqui, quantos salvamentos temos e escolha o certo para
o seu projeto. Agora, para a paleta de cores, digamos que tenhamos o
nome do nosso logotipo, nós o estilizamos e
digamos que podemos ir com a mesma cor,
talvez um pouco de violeta. Explore mais combinação. funcionário pode encontrar
algo mais legal. O que vou fazer agora
é ir para as cores, e procurarei aqui por cor
violeta porque já
temos o nome do nosso logotipo a
lá como violento, vamos fazer a mesma marca. E a partir daqui, posso
escolher essa paleta. Gosto disso. Tem uma
cor mais clara e o Lambda mais escuro, e eu vou com o logotipo mais escuro ou porque ele
precisa enviar. E usaremos as
outras cores para coação, tanto o conjunto VIP
quanto eu mudaremos. E você pode ver que todos
ouvem mudar para mudar. A mesma cor para o texto. E nós o temos. E agora acho que essa
fonte e eu iremos,
vou com uma perna para cima. Gosto disso. E para a decoração de flores
você como o slop é k. Agora temos as
fontes e temos o logotipo e as cores também. Então o que vou fazer
é duplicar esta página e
vou excluir bem, desculpe, vou
escolher essas linhas. E o que vou
fazer é deixar isso aqui e torná-lo
um pouco maior. Assim mesmo. E este será nosso ícone ou favicon
para o nosso site. E a próxima coisa que
vou fazer é ir
para Baixar
fundo transparente. Não queremos ter nenhum
plano de fundo em nosso logotipo e
imagem e depois compactar
arquivos e todas as duas páginas. Se você não tem a
versão profissional do KM do Canva, então você pode acessar qualquer outro site do
Beck do removedor e remover o fundo
do seu logotipo se quiser ter seu logotipo com fundo
transparente. E então isso
cuidou de nós temos as duas das
imagens que precisamos, o logotipo e favicon, podemos ir para nossa próxima lição. Vejo você lá.
4. Aula 3 — Domínio, hospedagem, SSL: A próxima coisa que
queremos fazer é ter uma parada ou uma casa para o
nosso site como chamamos, também um domínio e SSL. Agora, todo site precisa
ter uma célula e estar seguro. Então, primeiro de tudo, estou trabalhando com o nome
Chip. Toda vez. Adorei a interface deles, adoro a experiência do usuário. E também o que eu amo com eles
é o suporte ao cliente deles. Eles têm
suporte ao cliente 24, 7, chat de vida. Você pode ir e
pedir que eles o ajudem. Basicamente, tudo
o que você tem problemas. Então eles estão sempre aqui
para ajudá-lo de qualquer forma. É por isso que eu os uso. Além disso, eles são muito baratos para usá-los se você estiver fazendo
isso no seu site ou se você estiver trabalhando para
um site cliente que você pode simplesmente informá-los se quiser ou não. Você pode escolher GoDaddy
ou talvez um dedo anfitrião. Mas também o que
notei ao trabalhar com Chip
nomeado e outros provedores de
hospedagem é que eu não tenho nenhum problema
com meu site, nunca. Em cooperação com a GoDaddy. Eles têm como os velhos tempos
de sites estão inativos, com seus, com sua hospedagem provavelmente porque lá, eles têm muitos clientes e muitas pessoas que estão
usando a rehospedagem. É por isso que não é. Está em baixo o tempo todo. Quando vamos para o domínio, você pode ver a transferência de pesquisa de
nomes de domínio, tudo o que você pode fazer aqui. E você pode registrar
um domínio aqui. E você pode ver
o quão barato é
registrar um domínio por um ano do que
no segundo ano? Você pode tomar um domínio para
o ano inteiro por apenas US $6. E o que eu quero
lidar aqui é que eles têm coisas diferentes da Haas que estão oferecendo,
como se tivesse certeza de que funcionou, revendedor de
imprensa,
serviço dedicado e qualquer outro. E também eles têm
um e-mail privado que eu também estou usando e
estou muito satisfeito. Mas agora o que fazemos é que estou usando eles gerenciam uma hospedagem
WordPress. E por que isso?
Porque antes de tudo, é tão fácil
configurar tudo. Em segundo lugar, você
não precisa ir ao seu cPanel e fazer um
tipo de coisas diferentes. Você pode ver que eles têm três planos diferentes e
se você for mensalmente, são apenas cinco ou
nove ou 14 por mês. E anualmente são apenas 50, quase US $15 por orelha. E quase toda vez que
trabalho com o plano turbo. Por que isso? Porque, como você pode ver
aqui na fábrica turbo, já
temos SSL gratuito, incluí-lo e
não precisamos comprar separadamente o ícone SSL e conectado com o,
com o hostel. É um trabalho duplo e é um custo duplo para mim
ou para qualquer outra pessoa. Dessa forma. Além disso, está silenciado. Eles têm uma CDN que é fornecedora em todos os
espaços da Terra. Então eles têm o seu
site lá e cada colocá-los em todo
o planeta. Então, quando alguém está
tentando abrir seu site, ele abre imediatamente e
não está esperando para carregar do outro país
ou desse tipo de coisa. Então, é muito mais rápido. E então eles têm bons
visitantes por mês número. E também você pode usar
o supersônico se
quiser ter um site de
comércio eletrônico. Mas acho que aqueles que
para um site de comércio eletrônico, o plano turbo também é bom. Então eu basicamente vou com isso e agora vou mostrar
como você pode fazer isso também. Então aldol faturar mensalmente
e experimente gratuitamente. Como você pode ver, o primeiro
mês também é gratuito
e, a partir do segundo mês, você começa a pagar
por essa hospedagem. Então experimente gratuitamente. E irei o mesmo processo e mostrarei como você
pode fazer tudo isso. Então, o próximo passo para nós
é criar uma conta e me dar um segundo e apenas seguir o passo e criar
uma conta para você. E quando você deixa
seus detalhes de pagamento, eles não estão cobrando
imediatamente após um mês. Então você é levado aqui. Aqui você pode dizer que pode deixar o nome do seu site ou violeta. E então você pode escolher em qual categoria
você estará aqui. Então, se você é um banco, apenas venda ou mostra uma ideia de
trabalho criativo no livro, site para empresas, site
pessoal, terei negócios
agrícolas no norte do estado. Pretendo fazer, como
falamos, um site para decoração de flores. E, em seguida, clique em Continuar. E a partir daqui você pode
ter um domínio gratuito. Você pode conectar todo
o domínio ou domínio em outro provedor. E a partir daqui você pode transferir, transferir de um para outro
provedor, seu domínio. Agora estou pronto para usar
a versão gratuita do domínio. E se você ainda não tiver e
comprá-lo após a morte, mostrarei como
você pode mudá-lo de inseto e, em seguida, clicar em Continuar. E a partir daqui, ele pode apenas
escrever o peso. Qual equipe você gostaria de
ter em seu site? Vou continuar
e vou mudá-lo querido. E aqui está dando você a
chance de escolher se você quer instalar praticamente para barragem para incutir em
seu site WordPress, alguns desses plugins, vou continuar. Eu não uso nada disso. Vamos usar o WooCommerce
em algum assunto. Tutorial. Neste momento,
não estamos fazendo uma palavra. O Wordpress comercializará o site, então clique em continuar. E aqui você pode
verificar seus detalhes. Então violeta esse nome de domínio, nosso plano mensal e a equipe que usamos
continuam comprando. E podemos ver que
nosso site está ao vivo. E a partir daqui podemos ir para
gerenciar ou administrador do WordPress. Se você, se formos para Gerenciar, deixe-me explicar que você clique rapidamente,
aqui teremos os backups, integração de
pilhas, o
armazenamento e as atualizações. E você pode ver aqui
onde diz domínio, podemos mudar isso. E quando tivermos
domínio e clicarmos em seu chip de nome de domínio, então aqui teremos domínios
disponíveis
que podemos
escolher e basta clicar em Alterar e ele o
alterará imediatamente. E, como podemos ver, já
temos nossa
certificação SSL e a habilitamos. E nosso site é
seguro e nosso status, ou seja, se
não tivermos isso, então teremos a
chance de adicionar ao nosso SSL. E esse é um processo totalmente diferente
que vamos
falar em outro momento. Deixe-me, antes de irmos ao administrador
do WordPress, deixe-me mostrar que, se
agora formos nomear chimpanzé. Esta é a nossa
conta principal aqui e nomeada Chip, definitivamente antes. E você pode ver que não
temos nenhum domínio agora. Se formos a aplicativos aqui, podemos encontrar nossa hospedagem
para nosso site de fluxos de trabalho. E este é um WP fácil
e, se clicarmos nele, Google
será enviado
diretamente para eles. Lugar onde estávamos antes. É isso. Então, a partir daqui, você pode
descobrir se você tem links
privados de hospedagem de e-mail são algum perfil e outras coisas. Mas vamos agora para o administrador do WP
e para nossa próxima lição.
5. Aula 4 — Introdução ao WordPress: Agora estamos em nosso
painel do WordPress daqui, o que temos e
o que podemos ver. Deixe-me explicar. Temos a
mensagem de boas-vindas e se abrirmos o menu suspenso daqui, podemos verificar ou desmarcar
o que queríamos ter aqui. E antes de tudo,
temos a atividade, eventos e notícias e site
ajudado fora de um site. E você pode ver que está limpo. Não temos quase
nada aqui. Temos duas atualizações. E aqui estão as
atualizações que você terá quando tivermos, quando tiver alguma
nova atualização e
clicar em Selecionar tudo
e atualizar equipes. você tiver feito a atualização Se você tiver feito a atualização
de suas equipes ou
plugins. Podemos ver que este é o painel e daqui
temos Red longe para passados, páginas de
mídia, comentários, uh,
períodos, plugins,
ferramentas de usuários e configurações. Agora deixe-me explicar. E a partir daqui podemos ver a captura clara e
vamos
dançar no final
deste tutorial. O que os tipos de postagem deles. Então, temos ambos e você pode ver em novas categorias e impostos. Se você estiver fazendo um
site como postagens de blog, para ter muitas postagens de blog, como tutoriais ou algo semelhante. Você pode fazer a postagem daqui e você pode ter
categorias de dados. Se você quiser separar a
barragem como notícias, viagens, o que quer que você vá
subir e verificar quando você está fazendo a
pose para ser separada, a categoria que
eles querem ser, suas postagens são diferentes
das páginas. As páginas são as principais
páginas que temos em nosso site e elas
geralmente aparecem aqui. Vou te mostrar
agora no site. E essas são as páginas. E as postagens geralmente são apenas texto e talvez uma imagem. Comentários. Se tivermos
períodos da Índia, podemos encontrar aqui para o Teams e também
o personalizado, este é o principal Personalizar
do WordPress. E você pode usá-los
ou eu uso toda vez que somos elementos ou dois para fazer todas essas mudanças porque
tudo é possível lá. E você pode ver agora
aqui que temos as páginas e esse é o nome do nosso site e apenas
outro site. E a equipe que eles
instalaram já para nós. A partir daqui você pode
mudar, insira o logotipo. Mais uma vez, estou fazendo tudo isso da Elementor e vou
mostrar-lhe em um minuto, vou remover
isso e vir. Ok. E, a partir
daqui, você pode escolher a cor e o prompt de
defesa pendente. A equipe declara usar. É o tipo de
opções que temos aqui para alterar,
adicionar ou excluir aqui. Para o cabeçalho, o rodapé, visitas aos
menus, todo
esse tipo de coisa. E clicarei em Publicar porque não vou
usar essa equipe e não precisamos
fazer nenhuma alteração aqui. E então temos widgets. Nós fizemos. Eu só os uso quando estou fazendo uma olhada no site e, de qualquer
outra forma, não os estou usando. E depois temos os menus. A partir daqui. Vamos fazer o
menu do nosso site. E a partir dos plugins, vamos
instalar o que precisamos. E os usuários, se você tiver, digamos que uma loja, os usuários, quando fizerem uma conta, eles aparecerão aqui. Ou se você tiver uma
assinatura ou se você tiver qualquer outra
regra em seu site, alguém que ela vai
ajudar você ferramentas, é para importação e exportação. Não toque nele se você não
souber como trabalhar com ele. E quando vamos para as configurações, a partir daqui podemos ver o
endereço de e-mail que estamos usando. Se tivermos uma nova regra,
você pode configurar aqui. Qualquer pessoa pode se registrar se
você não clicar nisso, ninguém poderá se
registrar no seu site. O idioma, a data
e a hora para isso. E este pequeno tutorial Uriel. Neste breve tutorial, este é o básico do WordPress e
o que você pode fazer isso. Mas vamos para a
próxima lição e
deixe-me mostrar como
instalar a equipe, como instalar todos
os outros plug-ins que vamos precisar. E então comece com
o resto do trabalho e veja como podemos
fazer o design aqui. Vamos lá.
6. Aula 5 — Instalando tema e plugins: Certo, assim como falamos
na palestra antes, eu gostaria de ir agora para
nossos períodos e equipes. E eu costumo trabalhar com duas equipes
que mais gosto. Aqueles são solicitados a equipe de armadilha
ou cadenza. Muitos dos designers
foram lembrados. Então, gostaríamos de Hello
Elementor porque é muito compatível com o Elementor. Mas eu realmente gosto de
usar nós cortamos em se ou Astra dot plus
0 mais equipes são que até sabem que você não
encontra seu livre e usa, o
que significa que o Astra tenha um plugin e você pode
instalá-lo e você tem como, eu não sei, 50
equipes que você pode usar para seus projetos
como equipes já em baixo. Você pode mudar
o que quiser, texto, cores, tudo
isso e usá-los. Também com cadenza,
eles têm um menor, eu não sei, talvez 810 equipes
que você pode escolher. Mas também gosto da estrutura e da velocidade deles no site, como eles estão agindo. Então, vou agora com a equipe do
Astra e vou instalar. E você pode ver quando
você clica em adicionar novo, você pode ver imediatamente que
eles estão na equipe popular, como aqueles que essas
três equipes são por padrão equipes para WordPress
e lá o tempo todo, instale veados, mas você pode, de
qualquer forma, desativá-los. Quero dizer, exclua-os. E você pode ver também um estava
trabalhando com a equipe do oceano WP. É outra boa equipe. E você pode ver aqui
o que tudo o mais você pode usar o Procore e
depois ir Ativar. E você pode ver agora que
podemos ir detalhes da equipe. E aqui temos o salto, certo? E não precisamos deles. E se você clicar em decidir ajudado de tempos em tempos
e você os tiver aqui, ele informará a você excluir ou
suas equipes que você não está usando ou excluindo ou plugins
que você não está usando. E é por isso que eu não
quero tê-los. Aqui. Mais uma vez, n, acho que
devo deixar uma equipe. Porque se for algo errado com essa equipe e o site estiver baixo, esse caso muito raro ter algo assim. E se você não conseguir recuperar
o site com a costura, ele irá automaticamente,
irá até eles, irá para outra equipe que
você instalou aqui. Agora vamos e
se o personalizador aqui só quisesse
mostrar a diferença antes de uma equipe que
instalamos antes. E este um, você pode ver que o Astra, por padrão eles tinham uma barra lateral. E aqui temos
os widgets que, isso estava me dizendo que
eu não os estou usando. É por isso que quando vamos aqui,
você pode ver o global. Vai dar uma dica sobre alguns contêineres de
cores. E então nós os compramos. Não estou tocando em
nada daqui. E quando
vamos, digamos que o
construtor de cabeçalho daqui, você pode alterar o
logotipo e o menu. Eu farei isso de novo,
isso puxaria um mentor. E então temos
a barra lateral aqui. E vou dizer que não há barra lateral. Vamos voltar. E então temos o
rodapé, também a identidade do site, DCIS coloca um logotipo, menus, visitas e Configurações da página inicial. E a partir daqui
vamos, ok, vamos mudar esse
líder porque não temos nossa página inicial e
isso vamos selecionar apenas não selecionar mais nada. E temos uma página estática. Se você tem um site, então você pode ir
até você nos liderará postagem
forçada ou
algo assim. Vamos publicar. E depois vou
sair daqui. E a próxima coisa
que eu quero fazer é chegar
aos plugins,
instalar plugins. Você pode ver que
temos Hello Dolly. Não usamos esse M e o
excluiremos imediatamente. E isso é para esse problema, deixe-o estar lá para esse período. E digamos que na NYU, primeiro lugar, estou sempre
instalando o Elementor. Elementor. Se você quiser usar um criador de
sondas e deixar um link abaixo
de onde você pode levá-lo. Não vai custar muito
mais do que os preços certos
do Elementor. E, por favor, não vá
comprar de
outro lugar de
outra pessoa que
lhe dirá que isso é muito mais barato
e isso é apenas uma falsificação. E você terá um problema no futuro se k1 t estiver no profissional, não compre no site principal ou
filamento ou F nada, então simplesmente não use
a versão pro. E vou continuar com isso agora. E como você pode ver
aqui, eles têm muito. Plug-ins que podem
ajudá-lo a construir algo com o piso do elemento se
você estiver usando a versão gratuita. E você não quer
pagar pela versão pro, então você pode usar os
átomos, átomos premium. Todos são livros gratuitos, apenas o nome átomos premium. E também para o
cabeçalho e rodapé, porque mesmo a versão gratuita
não podemos fazer o cabeçalho e
o rodapé com Elementor. E vou explicar mais tarde. Por que não? E por que
isso não é possível? De qualquer forma, você pode apenas
alguns desses plugins para ajudá-lo se você não estiver
usando a versão pro. Em seguida, o que eu queria
é vir aqui. E dois, neste momento, quero baixar todos
os plugins que
precisarei para o disrupt build porque não quero
esquecer algo e vou apenas instalá-los e
não esquecer alguns deles. E então vamos supor que
vamos
usar o Rank Math para o
SEO do nosso site. E eles gostariam de
instalá-lo agora. Este é um plugin direto. Também. Se você vai usar o
elemento ou pro Dan, elemento ou meio fórum. E agora eles têm, eles têm um centro de submissão. Você pode ver todos os envios aqui sob Elementor. Quando tivermos a versão pro, teremos aqui uma
opção para envios. E então não temos
outro plugin para um fórum de contrato ou
40 assinamos. E também, ao mesmo
tempo, receberemos os mesmos formulários em nosso e-mail
que o Google deixa querido. Mas se você não estiver usando a versão
pro que vamos, precisaremos de outro plugin. A morte pode nos dar
essa opção por enquanto. Vou pular agora e vou, acho que voltou
ao painel. Não vamos perder nosso
e estou me conectando. Esta é a matemática de
criação do painel. Como você pode ver, você pode monitorar
algumas de suas páginas, são quatro ou quatro ou não
estão funcionando. Então também temos
as análises que eles vão, para se levantar. Vamos ter imagens,
SEO, link, contador de links. Você pode ver isso em nossa próxima lição quando
fazemos o DSU branco, tudo isso é
estruturado assim. E como você pode fazer o, o direito é T0 para suas páginas. Além disso, se
voltarmos aos plugins e soubéssemos que o plug-in
que você e usa para seus
formulários de contato se você não tiver Elementor Pro é
para se formar. É um excelente
plug-in que é, antes, este é o único. É um excelente plugging
que você pode usar para você até receber pagamentos. Nós fizemos. É apenas uma versão profissional. Você pode comprá-lo somente
se quiser ter assinatura em seus formulários
ou algo assim. Mas de qualquer forma, você pode
usar em muitas coisas
a
forma de quatro minutos ou conduta ou sua proposta, você também pode incutir
comércio se estiver fazendo uma loja e passar por cima
dela porque ajuda. Muito mais coisas
para explicar lá. E talvez eu faça
outro tutorial, como você pode usar o
WooCommerce e como ele pode ajudá-lo com suas vendas e como podemos
configurar a profundidade total. Outra coisa que
eu quero adicionar aqui é um cookie nodess clicky
não neste plugin. Este é o que está
aparecendo quando você entra em algum site,
informando que eles estão comendo biscoitos e eles devem
aceitá-los ou não. E isso dirá que
você também pode encontrar e instalar um leitor de
políticas de cookies aqui. Eu só, se você não tem o gerador certo
para política de cookies ou seu cliente não tem veados são um monte de site gratuito. Então você pode gerar
,
que você pode drenar os termos
e condições da política de
privacidade e AD são uma página privada legal que você precisará
em seu site e você está apenas indo para copiar o texto e
colocá-lo na página e não ter muito
mais plug-ins aqui, a última coisa que
queremos fazer é para a versão profissional
ou cumprir um mentor. Assim, você pode, se você já tem muito
delimitador pro version, basta ir Adicionar Novo Gráfico,
plug-in, escolher arquivo e simplesmente escolher ou
elemento ou perfil
e, em seguida, abrir e instalar. Agora, agora que
temos nosso plugin, instale-o aqui você pode ver que já temos descartes
aqui virá para elemento ou
Pro Connect e ativará. E também você pode ir a partir daqui, conectar-se a inativar
ou elemento ou licença. E a partir daqui, também
podemos nos conectar e ativar
e, em seguida, apenas ativar,
e é isso. Temos nosso elemento ou
instalamos e ativamos aqui. E agora podemos ir para nossa próxima lição e ver
o que temos lá.
7. Aula 6 — Páginas de configuração: Agora que temos todos os
plugins que precisaremos para este site simples. Vamos começar fazendo
as páginas do site. E eu, novamente, vou
te dizer uma coisa. Se você tem seu próprio site, que tipo de páginas? Portanto, nossa página inicial
é a página principal, a landing page, no entanto,
você quer dizer isso. Quando todos os desejados que chegam à página antes de
tudo o comprimento lá. E então, se for negócio, bem, a maioria deles é
realmente comercial para os phages, provavelmente
precisaremos ter a página
Sobre e também
precisaremos ter talvez serviços se for se
eles forem provedores de serviços. Ou talvez
vamos ter loja. Se for uma loja e, em seguida, uma página de
contato é uma mesquita. E então precisamos ter, digamos que talvez portfólio. Se você é um designer gráfico
ou talvez eu não saiba, criador de
conteúdo, o que
quiser dizer. E talvez possamos ter uma galeria dependendo do que se trata o
negócio. E se você está
trabalhando para um plano, eles provavelmente já
sabem que tipo de desbotamento eles querem
ter no site. Ou, se for o seu próprio site, você também saberá quantas e quais páginas deseja que
ele tenha um site financiado. Então, basicamente, o que precisamos
ir e fazer as páginas, deixe-me mencionar
que você mencionou e dizer surdos de ambos os sentidos. Se você estiver fazendo seu próprio
site pela primeira vez ou estiver fazendo o
site de um cliente pela primeira vez, a propriedade é
, em primeiro lugar, um ir e fazer vindo da página. Ou se você estiver fazendo um rebranding
para outro site, você pode fazer um modo de manutenção. É mais fácil fazer
com o Elementor Pro. Você só precisa ir
para as ferramentas Elementor. E daqui você pode ir
para manter e pequeno. E a partir daqui você
pode escolher suave. Você pode ver
em breve e mantenedores. E quando você escolhe um deles, então você vai aqui e se você ainda não tiver
projetado isso,
você está chegando em breve página que você pode criar agora aqui, ou você pode ir para Pages
Edit with Elementor. E mostramos
a você na próxima lição devido
ao design da
próxima página. Venha aqui, escolha a
página certa e clique em salvar alterações. Dessa forma, qualquer pessoa que venha
ao seu site
verá em breve página
e lá você provavelmente
deve explicar que seu site
está chegando muito em breve. Talvez peça o endereço de
e-mail ou deixe
suas mídias sociais e
peça-lhes para segui-lo querido, que eles saibam quando
seu site é como. Mas agora vamos
fazer duas páginas. O que queremos fazer é
ir para Páginas, Adicionar Novo. E a partir daqui podemos
ver que este é, por padrão o estilo Gutenberg
do WordPress. E você também pode fazer
um design daqui. Sabe, mas, uh,
agora eu vou, isso está explicando você. Bem-vindo ao bloco, como você pode fazer tudo. Saiba onde você
pode encontrar algo. Vou apenas excluí-lo e
daqui você pode o
título do aplicativo e, em seguida, clicar em Publicar, mas me dê um bastão
e olímpico voltar. Gostaria de saber que
vamos estar aqui. Mas estou preocupado agora. Vá e faça isso na
lixeira também na página de amostra. Vou colocá-lo
no lixo. E temos a
política de privacidade como rascunho. Faça uma edição rápida
para e, a partir daqui, farei publicá-lo
porque precisaremos dele para o menu do rodapé apenas
por um exemplo. E, em seguida, clicaremos em Atualizar. E você pode ver que já
criamos aqui um
bloco de contrato e sobre. E agora vou fazer a página inicial, então
vou escrever para casa. E ouvindo o canto direito, podemos ver a visibilidade da praia e quando queremos
publicá-la, temos o modelo. Isso é padrão. Podemos selecionar tela de elementos. Isto é, selecionamos
elemento ou Canvas para. Vou mostrar-lhe
na próxima lição para a próxima página comer. Duvidamos que o cabeçalho e o elemento de
rodapé
ou cheio dentro sejam de um para outro à
parte e a equipe, então ele simplesmente deixá-lo por padrão. A lesma que temos em
casa, imagem futura. Não colocamos nada aqui. Basicamente, evitamos imagens
futuras apenas para as postagens do blog. E não tocamos em nada disso e apenas clicamos em publicar. E então podemos clicar neste ou em um slogan
que eles têm aqui. E podemos ver agora que
temos o contato domiciliar. E sobre. E talvez adicionarei
outro que seja uma galeria. Porque estamos agora florindo a
empresa de curadoria e eu queria mostrar como estou fazendo os clientes
permanentes de curadoria, quero dizer, ou meu formulário de cliente para mostrar lá a criação
estilo e, em seguida, clique em Publicar e voltar. E temos HM, bloco
de conteúdo da galeria e sobre. E provavelmente precisamos ter serviços, serviços ou projeto. Sabes que mais, vou
fazer esse serviço? E o que queremos fazer
com esses serviços de fala. E o que queremos fazer é
esta página é que
vamos nesta página, estamos sempre mostrando
nossos serviços e talvez os preços
dos serviços. Se quiséssemos que o cliente
soubesse, se não, então estamos apenas
mostrando-os e pedimos eles entrem em contato com a tarefa para uma
cotação ou algo semelhante. E a galeria, e sim,
eles dirão galeria. E agora que temos isso, e vou adicionar um novo. Só assim, não é apenas o
termo da política de privacidade, condições. E clicarei em Publicar. E agora olhe,
queremos fazer é
voltar a um período
e depois aos menus. Já temos
nosso menu principal. Se não o tivermos, você sempre
pode criar novo aqui. Eu acho que isso
disciplina porque
instalamos a equipe antes de
começarmos com o WordPress, antes de instalar a equipe, mas não as páginas ou algo
parecido aparentemente semelhante, como menus e todos esses coisas. E agora temos a casa
é um link personalizado. E agora queremos adicionar a casa. E queremos adicionar galeria e serviços, pois não
os temos aqui e até o menu. E agora uma casa como link personalizado, vou removê-la. Virou minha casa, como você pode ver, basta arrastar e soltar onde
quer que ela esteja. E então eu vou fazer serviços, é sempre o melhor global
sobre isso, então o que
nós, então , essa é a
estrutura na página inicial. Listamos todas as coisas que queremos
dizer, como call-to-action, nossos serviços, talvez
algumas imagens e adicionamos nosso call to action e
veremos como vamos estruturá-lo ali mesmo. E então a próxima coisa que queremos ter
fwrite para casa,
queremos ter sobre, queremos ter sobre as pessoas saibam sobre
quem você é e o que você faz quando sua vida privada e o que você quer e
você não gosta, faça com que as pessoas o
conheçam, criem confiança. E depois perdemos os serviços e oferecemos o que
oferecemos lá. E então podemos ter a galeria porque queríamos mostrar
o que estamos fazendo. Então eles provavelmente podem se
convencer de que
somos a pessoa certa para eles. E então temos preto
e contato e bloco
geralmente é usado
neste tipo de papel. Páginas, sites apenas para DSU propõem porque,
com a postagem do blog podemos anexar mais clientes. E então temos o contato. E podemos ver que ele já está
marcado como menu primário. E podemos clicar em Salvar. E então provavelmente
temos menu secundário. Vamos ver o que temos
é que o rodapé, esses são nossos links de mídia
social. Eu não usei essa perna isso, então vou apenas excluir o menu. E criarei um novo
menu que será o menu de criação de rodapé. E aqui estamos adicionando
termos e condições. Vamos dar a você sobre a política
de privacidade. Insira alguns termos e condições. E vou verificar este menu de rodapé e
salvar mesmo que isso
não esteja mudando nada
porque estou fazendo o cabeçalho e o
rodapé com o Elementor. De qualquer forma, o rodapé
foi atualizado e a última
coisa que eu quero
fazer é personalizar
e
verificar se minha nova
página inicial está marcada. S. Nas configurações da página inicial, você pode ver LA descartada e agora estou colocando uma página estática. E a partir daqui,
escolhendo uma página inicial, apenas o
loop de folhetos da página inicial e do
clique das famílias simplesmente passam como T. Nós não temos mais barra lateral. E, em seguida,
queremos clicar em Publicar. Volte e
vamos para a próxima lição.
8. Aula 7 — começando com Elementor e de de tipografia padrão: Nós fizemos, fizemos a aparência das nossas páginas, queremos fazer a seguir é
tornar a densidade do nosso site. Como já disse, uso os
futuros do Elementor Pro para cores globais, telefones
globais e também para
a configuração do logotipo, um ícone. É por isso que, se
formos ao Elementor, você pode ver aqui em baixo que
temos modelos. E podemos usar, se formos salvar
modelos daqui, podemos adicionar novos ou importar. E podemos ver aqui dígitos de
nível se tivermos. Mas também podemos pagar apenas
seções se quisermos
salvá-lo e pudermos fazer pop-ups e seguida, teremos o construtor de
equipe a partir daqui. A partir daqui você pode ver todas
as páginas que você tem, ou aqui estão os exemplos
que podemos fazer. Rodapé de cabeçalho ou postagem única. Nossa pesquisa moderna fluoróforo do
Afeganistão antigo. E a próxima coisa
que temos
daqui é que
temos páginas de empréstimo. Se clicarmos aqui em uma nova página, empreste lançamentos como também como a página em breve calma
ou qualquer outra página que você possa usar sem necessariamente precisar estar
conectado com a página inteira. família tem filhos,
biblioteca daqui. Muito mais fácil se você
quiser apenas
pegar algo e usar para seus
clientes ou para os seus. E devido a mudanças. Se você abrir alguns deles, você pode ver que esta é a página inteira
já feita para você. Com as coisas que
você pode mudar. O cabeçalho, as imagens, a
chamada às ações, como a página inteira
é estruturada. E se você for para a
visão geral e pode ver todas as páginas
imediatamente ou ver a demonstração. E você pode escolher se você
quer usar isso ou não. Mas não se esqueça de que isso é apenas se você tiver
uma versão Pro do Elementor ou mesmo
estendida se você, é
claro que você tem poucos gratuitos, mas a maioria deles
está na versão profissional. Ok, o que eu quero fazer agora
é configurar minha cor padrão e global e telefones e todos surdos e eu vou
ver. E então eu não faço duas
vezes o mesmo trabalho. Estou imediatamente indo para o cabeçalho, o cabeçalho. E você pode ver
aqui que você pode selecionar a seção de página
dentro do pop-up da página, comida de
cabeçalho ou uma
única página
de publicação de resultados de pesquisa ou erro. E eu vou para o cabeçalho e
vou nomeá-lo de cabeçalho. Isso é óbvio. E a partir daqui
vou configurar todas as
configurações necessárias de que preciso. E, por padrão, o elementor
irá salvá-lo como padrão. E eu vou ter aqui depois disso. E preciso ir de novo. Então eu vou salvá-lo. Então eu posso continuar trabalhando no meu cabeçalho e tudo o
mais que eu quero dizer. Então, basta ir e criar um modelo. Você pode fazer isso somente se
tiver a versão pro para
o cabeçalho e o rodapé. Você terá
essa opção para,
para a versão gratuita. E aqui temos cabeçalhos
diferentes nos quais você pode usar ou
se inspirar. Mas, por enquanto, vou fechar isso. E a partir deste canto esquerdo você pode ver o elemento d
ou as configurações globais. Você pode arranhar. Você pode torná-lo
menor como quiser. E aqui temos orçamentos globais. Se tivermos, não estamos
usando suas dívidas. E a partir daqui, você pode
ver eliminar o risco imediatamente sabendo que
estamos na seção de cabeçalho. Portanto, temos o logotipo do site, o título da página, o
mapa do site da pesquisa e o menu. Se estamos fazendo o cabeçalho
e então os temos básicos, isso é tudo o que
temos na versão gratuita. Então isso é tudo o
que temos na versão
profissional e, em geral, coisas que temos aqui. Então, agora o que eu quero fazer para configurar minhas configurações globais é ir para
este menu de hambúrguer aqui. E você pode ver as
configurações do site aqui. E então temos cores globais. E essas são as
principais cores globais que todo Elementor, construtor de
páginas, metade
configura para um site. O que queremos
fazer agora é
voltar à nossa paleta de cores, é que temos aqui e nós os demos
fechá-lo porque precisamos disso. E podemos ver que aqui temos a cor primária e a
cor primária será nossa cor. Precisamos para o nosso local? Acabei de copiar e
voltar aqui e cole-o. E nós temos. Então temos
cor secundária e eu vou com uma cor mais clara aqui. Vou copiá-lo e depois enfrentá-lo. Para o texto. Já vou para preto. Então,
cor preta reta e 4 para acentuar. E você sabe com o que eu
queria ir para sotaque. E faremos algumas mudanças. Vou fazer a
cor de dioxina assim. A cor mais escura. Porque, você sabe, queríamos
ter a cor mais escura
para nossos botões. Estes são os atos e onde
queríamos enviar as pessoas, apenas para ser um atraente, fazer com que as pessoas
quisessem clicar lá. E já podemos ver
para cozinhar o Ebola aqui, mas não o configuramos. Então, vamos mudar
essas cores também. Talvez o próximo, voltemos aqui mais tarde. E então, para a cor primária, vou com a segunda. Então, mude o
local da morte. E então, para o secundário, vou com a cor
mais clara. E então o que eu quero
fazer é simplesmente copiar e colar como nova cor aqui da
paleta de cores que eu tenho. E vou ver como
vou culminar todas essas cores no meu site e como ela
vai parecer. E então a cor mais clara, talvez eu a use em algum lugar. Excelente. Podemos atualizar agora
este ou um fim de semana, voltar e depois
ir para espumas globais. E você pode ver que a fonte primária aqui é, por padrão, a configuração para rubato e a laje secundária. E depois temos, penso novamente o mesmo logotipo e,
novamente, mais parece remoto. E agora o que queremos
fazer é voltar aqui e já sabemos que
usamos um liger, uma cor 40 ou principalmente primária. Divertido, desculpe. Então, vamos
voltar aqui. Você pode ver como fontes diferentes. Temos, muitas formas
diferentes e
com a busca de um gráfico de luz, aqui está, e basta usá-lo. E meu padrão é em 600. E vou deixar assim
e vou deixá-los tocar qualquer coisa porque se
eu quiser dizer, faça algumas mudanças
em muitos cabeçalhos, então farei isso
diretamente do ar. E então, para o
sotaque, também vou para um link RA. E para o secundário
em quatro defeitos. Desculpe, vou
com Yosef inst lei. Vamos tentar encontrá-lo. Você pode ver
que temos slop e SAS. Então, slab 14, vou ver
se vai ser o apropriado para o nosso site ou se precisamos
ir com um mais escuro, quero dizer, o pedregulho
de estilos aqui. Então, pode ser visto,
bem, desculpe, escorregar. E podemos voltar a atualizar, mas voltarei e
irei à tipografia. E daqui você pode ver, aqui. A partir daqui você pode ver que
temos o corpo. E vamos, vamos
escolher um direto. Para os links, vou escolher
o like rap e também H1,
H2 , antigo o cabeçalho ou batendo. Então nós éramos link fraco href. Então, apenas dente e dente, todos eles estão no 600. Ou é muito mais fácil para
nós apenas clicar neste ícone aqui e
basta clicar em Primário. E se clicarmos aqui, desculpe, vamos fazer uma atualização
e atualizar a página. E agora, quando voltamos aqui e vamos para as
configurações da equipe e tipografia. Isso mudou exatamente para a direita. Vamos configurá-lo para 400. E então o link que
temos pelagra, não está definido em
absolutamente ir para 600. E podemos ver agora se
voltarmos aqui e colocá-lo, o primário está mudando. imediato. Então, primário, ele fará com
que seja tão primário. E se clicarmos é
um trecho que faz referência a
600 e não precisamos procurar. Mais uma vez. Sou novamente para
todos em dúvida. E agora podemos ver
aqui que o Allegra, é uma boa fonte
e é refeita. Bem, mas quando chegamos aqui ao blob da ESPN é
um pouco mais leve. Mesmo que seja com a
cor preta, não podemos ver à vontade. E qual é a principal proposta da interface do usuário é
que podemos ver bem, temos um bom contrato
no site. Tão branco e preto,
preto e branco. Eu não sei. Toda a tipografia de cores é
que você pode ver que você pode pensar nas diferentes
mudanças que você pode usar. Lá. Precisamos ver, bem, é por isso
que eu quero
fazer uma atualização. E então voltaremos e
quando chegarmos a nível global, desculpe, empresas globais,
no secundário, farei 500 e
também para o texto 500, e também fazê-lo,
fazer uma atualização. E vamos ver agora, se podemos ver melhor ou se precisamos
mudar alguma coisa. Eu acho que esses ainda
existem dois pilotos, então deixe-me experimentar no
Cloud ou em outra coisa. O que vamos dizer que os
tornamos ousados. Faça uma atualização. Refere-se novamente ao site, então o gráfico de ações, observe lá ou não. Mas o que eu quero
fazer agora é colocar um editor de texto aqui. E podemos ver isso aqui. Podemos ver bem,
letras antigas estão bem, deixe-me ver se sim, temos que Josephine recuar
e temos a granel e
podemos ver imediatamente
que eles são bons. Outra coisa. Então,
deixe-me excluir essa coisa aqui e voltar
novamente para decidir as configurações. Ok, então novamente, quando você
vem, venha para telefones globais daqui, também
podemos escolher o
tamanho das letras. Mas não escolherei o primário, mas
escolheria as letras de texto. Posso fazê-los 16? Acho que é um tamanho muito
bom para entregas. E então temos espinhas dorsal. E se quisermos, podemos escolher a papelada
referida às batalhas e
escolherei o
sotaque ou é o mesmo que o primário. E também podemos
escolher a cor. Algumas outras coisas
aqui, a fronteira. Mas costumo ver isso
quando faço a página, quando criei, quando
criei um site. Em seguida, temos arquivos de imagem
e formulário. E então a partir daqui
temos o chão nu. Vou deixá-lo
branco porque é, mas você pode
configurá-lo daqui se
quiser um pouco de água ou para
a grande rodada móvel. E então temos a
identidade do site daqui. Eu clico nele e, em
seguida, selecione Arquivo. E eu só vou
carregar os dois. Então eu não vou com o
mesmo fôlego é de novo. E então eu tenho aqui meu logotipo e você pode
ver que é transparente, mas vou editar a
imagem e vou cortá-la. Eu não quero esse grande espaço. Então, vou cortá-lo assim. E clique em Cortar e segurar. E então vou inserir mídia e citoplasmática
desapareceram novamente. Eu o tenho aqui e vou inserir a mídia para
que fique melhor assim. Ficará melhor aqui. Então vou atualizar e
atualizarei a página novamente. E se formos para a pré-visualização, e pudermos
vê-lo aqui, é menor, mas
é bom, ok. Agora que temos nossas fontes e cores
globais, podemos ir para nossa próxima lição e projetar
o cabeçalho e o rodapé. Vejo você lá.
9. Aula 8 — Crie o cabeçalho e rodapé: Agora que estamos em um, já
estamos ouvindo uma
seção para o nosso cabeçalho. Gostaríamos de fazer isso aqui. Então, o que eu
queria fazer é usar um
estilo simples para mim cabeçalho. E eu vou
clicar neste plus size. E, novamente, você sempre pode
ir para esta pasta aqui. Você pode escolher qualquer um
desses fluxos. Você pode carregar o seu próprio
daqui e encontrar aqui se você salvá-lo
de outro lugar. Mas agora o que
eu quero fazer é clicar neste ícone de fatia, e eu quero ter
três seções. A primeira seção
será para minha, será para o meu logotipo, apenas pensando que
vai ser para o meu menu. E o terceiro será para minhas mídias sociais porque quero ter minhas
mídias sociais no cabeçalho. O que eu quero fazer agora
é que eu quero
dizer quando clicarmos nisso
e adicionamos isso aqui. Isso aqui é chamado
de seção inteira. Então, quando clicamos aqui e você pode ver a
seção Editar, não temos aqui. E a partir daqui podemos dizer, colocá-lo como livros ou capina
completa pode ver se removemos isso daqui
até aqui, o ponto inteiro. E então vamos voltar. Quando é dito livros, você pode escolher aqui
o quanto você quer ser. Talvez você queira ter 800 anos
e ver como ele está parecendo. Talvez você queira ser assim
ou talvez você quisesse ser, eu não sei, 300,
400, no entanto você queria transportar. Eu vou com
isso, um 100 00. Vou fazer isso,
isso aqui dentro. E então temos a coluna
Gabe's e eu vou, não suba. E depois temos ódio. Sim, podemos fazer isso. Ele cria uma maneira norming. Podemos ir com peso médio. Não podemos
encaixar na tela aqui você vê que é a tela inteira. Então vamos significar peso. E aqui em pixels, geralmente
vou com 80. São os pixels certos. Você pode ver que temos
espaço entre eles. Então, a direita, e então
temos posição no meio. Isso significa que
esta coluna aqui, sempre estará
no meio de cima e para baixo. E não queremos tocar
nesta ilha vertical. E, em seguida, o estouro é por padrão. E também podemos fazer seção de
rascunho. Mas agora estamos em
buck set e temos, embora não tenhamos
configurado a partir daqui. E podemos ver aqui
na estrutura, que tipo de estrutura temos. E podemos escolher
alguns outros espaços. Mas eu quero, o que eu queria fazer é virar meu pequeno livro, meu menu, colocar minhas mídias sociais e depois configurar a
estrutura certa para o meu estilo de cabeçalho. Pois daqui temos
o fundo e o M Hauer normal. E podemos fazer o tipo nu no
topo com a cor, talvez com essa
sobreposição das cores, talvez não fosse vídeo
ou apresentação de slides. Isso é basicamente quando fazemos
quando projetamos nas páginas. E agora não queremos
ter nada sobre isso. Então, nós apenas desmarcaríamos
isso, porque eu quero
ter o menu de rolagem. E vou te mostrar
como será ousado. E então temos
sobreposição se quisermos
ter ou borda ou forma, driver e digitar o que eram alguns, mas não estamos
usando nenhuma profundidade antiga para o menu de rolagem. Se formos para Efeitos de movimento, e então podemos ir para a chave. Você pode ver isso diz, cara, ele pode estar na parte superior ou inferior. E podemos selecionar em qual dispositivo queremos
ter um menu extenso. E eu costumo ir com
um porão dos preconceitos. Por que eu uso o
menu de rastreamento antes que possamos ter um ícone aqui
que diz ir para o topo. Mas é sempre melhor para mim, como se estivesse rolando para baixo
com todas as páginas e elas podem o tempo todo lontra marinha. Meu site ou a maioria
dos sites às vezes tem um login aqui ou talvez eu não seja um número de telefone
que eles querem ter como call-to-action col
e algo assim e eles podem
usá-lo imediatamente. E então nós temos a ética
compensada e os compensamos. Temos offset de épicos. Eu vou com 18. Mais uma vez. Isso significa que o cabeçalho começa a rolar para baixo
após 18 segundos. E então temos
resposta a partir daqui. Podemos optar por reverter
em um tablet e celular, mas isso é somente quando
temos duas colunas. Porque quando
tivermos colunas verdadeiras, apesar de clicarmos para
reverter,
apenas reverterá a
primeira e a última, e essa está no meio. Ele permanecerá no meio. E então temos essa habilidade se você quisesse ocultar
algo do desktop, tablet e aplicativo móvel para inicializações. E, em seguida, temos CSS personalizado. Isso só é possível com
a versão Pro do Elementor. Eu disse que não
vamos usar códigos aqui. Não os conhecemos. Podemos usar para o cabeçalho se
quisermos mudar
alguma cor quando o, quando começar, eu vou descer, mas vamos começar com o
design e podemos ver o que vamos
fazer a seguir aqui. Então, antes de tudo, temos aqui o logotipo do site
e quando o colocamos aqui, ele aparece imediatamente. É imagem em tamanho real, sem URL do site de corrupção. Então, imediatamente, se
alguém clicar nele, ele voltará
para a página inicial. E se a planta estiver na
página principal, ela voltará. Então podemos ver que é um
pouco maior aqui. Então nós temos, não
fizemos, não fizemos, e peso. E a partir daqui, você pode ver que
temos a porcentagem
aqui, pixels. E praticamente para
a imagem do logotipo, usamos essa porcentagem. E eu costumo ir, digamos com 16 ou 17
dependendo do logotipo. E o que queremos ter aqui. Vamos com 16.
Acho que é bom. Está muito bonito. E também podemos escolher aqui onde ele vai ser
colocado para esquerda,
centro ou direita. Vou com a esquerda. E podemos vê-lo
bem imediatamente. E então o que vamos
fazer é ir para isso aqui. E então vamos menu de navegação por padrão é configurado para rodapé
e menu primário ilegal. Ok, então agora temos horizontal, vertical e caído. Isso é por padrão para a versão do
menu, mas é claro, se estivermos usando a horizontal
e, em seguida, tivermos aqui à esquerda no centro,
à direita ou no zero. Vou para o ponteiro direito. Então agora, agora temos o subjacente e está
imediatamente com nossa cor das cores
globais. E então temos
sobrepostos lá em cima. E podemos ter enquadramento de comprimento
duplo,
plano de fundo ou textos. Quando você entra em texto. Só você pode ver como
eu gosto de como ele está parecendo. Então, cresceu. Também pode animação D. Pode ser uma
coisa de psiquiatra, flutua, Qu, girar ou nenhum, mas não pode ficar muito. E então temos
submenu indicativo, mas não temos submenus. E então temos um ponto de interrupção
suspenso móvel para tablet. E então temos o dobro
sobre o Hamburgo, e então temos um
site ou um no centro. E o que isso significa agora, você pode clicar
nesta coluna Editar. Esta é a coluna, então o
todo aqui é seção, e essas são as colunas. E a partir das colunas aqui, você pode configurar uma coluna
dentro daqui. E vou escolher isso
no meio, vertical. Ali faz. Então. Temos tudo
configurado no meio. E também ligue. E então você pode
ter daqui e escolher o
espaço certo para a coluna. Ou você pode, faz, você
pode ver assim, movê-lo aqui e ali. Não consigo movê-lo assim. E eu voltarei aqui
e vou para o estilo. Já temos isso, mas vou clicar nisso. E vou ficar bem. Vou colocar 20
pixels, peso da linha. Vou colocar 1,5. E eu não tocarei
no espaçamento da camada, ele fará alguma ninhada
aqui, espaçando entre elas. E para a transformação
podemos ver que podemos ir com maiúsculas ou minúsculas ou
conformidade. Normal. Sar. Não sei se queríamos ir. Para maiúsculas,
definitivamente irei para maiúsculas e não
mudarei nada disso. Certo? E então temos divisor, interrupção
horizontal para baixo. Não caímos, então eu não tocaria
nele. Se você quisesse. Você poderia simplesmente ir até
aqui e alterar qualquer uma das configurações e, em seguida,
nós alternamos sobre elas. Faremos isso em nossa versão móvel e, portanto,
sabemos o que estamos mudando aqui. E menos coisa se
você pesquisar aqui, então mostre que isso vem. Vou deixá-los aqui. E eu só vou mudar
se eu vir até você e ver que eles já têm
muitos ângulos aqui que
você pode escolher. Ou você pode ir para o upload ou fazer
upload do arquivo SVG. Você também pode colocar aqui um link. Então, vou apenas colocá-lo assim. De qualquer forma, então é a cor oficial, mas vou para Custom e você pode mudar a cor
do costume a partir daqui. E quando você vai
para a cor primária, basta clicar nela e
escolher a cor. Você pode ver. Ou você pode limpar daqui. Cor. Eu vou, apenas, para a
cor secundária, vou escolher. Digamos que vamos, agimos de acordo com a cor. E para a cor primária, vou removê-la para que
não tenhamos que implorar. Então, apenas o logotipo. E farei o mesmo
para os dois externos. Para dq sobre mídias sociais. Você pode ir com branco
ou transparente. Vamos fazer transparentes
porque se mudarmos de cor, profundidade, seremos, seremos queridos em mostrar. E então vamos novamente atos. E você pode ver
que eu mudei a cor nesse padrão. É muito mais fácil. E quando precisamos
fazer transparente, basta ir aqui e voltar. E você também pode usar
essa amostra de cores. Basta mastigá-lo e
clicar em qualquer imagem mais antiga. Só estou escolhendo a cor certa. Você pode ver aqui, é
muito mais fácil. Então agora que temos
nossos ícones aqui prontos. Então, quando você for para o
estilo e daqui, espaçamento temos cinco e, do
tamanho, vamos colocar 20. Eles são do mesmo tamanho que o nosso menu, como nosso menu aqui. Além disso, podemos ir para o
ícone hover e
podemos ter como passar o efeito. E também podemos até ver que
eles estão se movendo efluente. Podemos ir para
digamos que a rotação global. Vamos ver se eles só
têm brilho. Pense assim. Acho que a citação, mano, assim como
nosso menu está crescendo, lidera o Icon Grow
quando eles pairam sobre ele. Ok, então agora a próxima
coisa que queremos fazer, agora temos nosso
menu aqui configurado. Queremos ir para
esses tornozelos aqui. Este é o modo responsivo e abrirá isso. E daqui talvez você possa mudar se quisesse
vê-lo diferente. Os principais motores, mas são para desktop, tablet e celular. Bem, e podemos ver aqui
que temos o modo de cálice para acabar. O que queremos fazer aqui é clicar na seção Editar. relance. Temos a margem
e o preenchimento. Então, a margem aqui
na seção. Se clicarmos nele, você pode ver que podemos editá-lo. Se adicionarmos aqui, ele atuará espaço para cima. Ambos são, então você pode ver que esta
é a parte superior e a parte inferior. Isso está se movendo,
mas não podemos ver, você pode ver M, isso
está se movendo agora. Agora podemos ver aqui as
lâminas deslocadas aqui que temos. Então, não queremos usar isso. E o potting são as peças que
queríamos fazer mudanças. Isso é tudo o
que está acontecendo aqui dentro desses grandes livros. Então, se não marcarmos
isso porque se for marca, se não estiver marcado,
então, se for bom apenas um número, ele o coloca em todos os lugares. Mas se quisermos mudar apenas, vamos dizer fundo ou talvez
certo, eu não sei. Então precisamos desvincular isso e 10% e 10%
da esquerda e da direita. Então, temos um pouco de
espaço aqui. Você pode ver. E agora acho que
este é um bom tamanho, mas vou fazer isso como 30. E quando eu clicar nele, farei 80. E então isso, isso
pode ser, digamos 20. Então nós os temos em uma
linha, e agora temos 20, e temos 35, 50, e então isso precisa ser 50. Então, é tudo em uma linha. Certo? E agora temos nosso menu suspenso, como eu disse antes, vamos trabalhar
nisso quando entrarmos nele. Agora, fazer é clicar em Completo dentro. Então, quando ele abre, ele se abre sob o mais antigo e não
no mesmo título aqui. E depois temos o
centro e Hamburgo. E agora queremos ir,
queremos entrar no estilo. E para a cor. São textos escolhidos que você
pode ver daqui. E temos a
topografia certa e temos, saltei para escolher 20. Então, é o mesmo. E novamente, vamos
escolher assim. Então, temos um pouco de espaço aqui. Certo? Um pouco de espaço aqui. E o próximo o que
queremos fazer é passar o mouse. Desculpe. Este é o menu suspenso e eu vou, e o normal É a cor do texto
normal corrigida. E não queremos nenhuma
cor do quarto e não a temos. E tipografia, temos
o sotaque, é o mesmo. E então temos o pairar. E nós vamos fazer
é transparente próprio. Então, não temos esse
grande quarto grande lá. E já temos que
mergulhar sobre o Vg, configurá-lo e a
cor do texto ao passar o mouse. Vamos
colocá-lo em acidente. Portanto, é o mesmo que
no menu principal quando
estamos na área de trabalho. E quando estiver ativo, Whitman toca nele, então ele
vai ficar preto novamente. E a partir daqui
podemos configurar configuração, tipo de
pedido ou
talvez rádios se
quisermos distância do divisor e o
total de botão daqui, podemos torná-lo a cor preta, e podemos fazê-lo
onclick para estar ligado sotaque, estar em sotaque, em pairar para ser um
acidente, desculpe. E então podemos escolher o
tamanho para ser 20, digamos. E é perfeito.
Mas você pode ver que isso é um pouco mais aqui. E isso está no meio. Então isso não está
no meio aqui. Então, o que queremos fazer
é configurar este 130 e apenas configurar este ONE 40. E agora temos tudo
no meio, assim. E agora o que
queremos fazer é ir
aos ícones e
colocá-los no final. Portanto, não está lá no ano e
no final e à
esquerda, à direita, no meio. E depois temos, quando
vamos para a versão do modelo, o que precisamos
fazer é configurar estes são 30. Para configurar isso, recebo 30. Então podemos ver que a música 30 agora não está pitting. E esta configuração, este 140, certo? Então o que queremos fazer aqui é
que queremos virar isso ao longo de um 100. E queremos ver a
lâmpada, isso é bom. Mas queremos fazer aqui é ir aqui e queremos ir para Estilo. E no espaçamento. Quero fazer isso
um pouco maior. Então, vou 40. E eu vou fazer isso para fazer pegar a estrada para
ver o quanto precisamos de espaço. Certo, então precisamos que cerca
de 41 deles não
precisassem voltar. Certo. Então, para 19. E se removermos isso, podemos ver como ele está
olhando agora. Nós podemos. Então, uh, remover D
vem do menu móvel. Eles geralmente removem o
custo da para o menu móvel. E ficará assim. Então, vamos embrulhar a
coluna e
avançar e ir para responsivo
e nos esconder no celular. Então, quando voltamos
assim é assim. Mas vamos
deixar isso para ser DR2. Está parecendo bom. Vamos ver se podemos. Vamos ver se podemos reduzir
o espaço entre eles. É bom assim.
Então, agora podemos voltar aqui para o
layout e agora podemos reduzir esse espaço e simplesmente movê-lo o
máximo que pudermos. Então, temos mais espaço agora. Acho que agora está bem. Excelente. Podemos ver o logotipo, podemos ver o menu suspenso, podemos ver os ícones
, voltamos? Podemos ver que aqui
tudo permanece o mesmo. E se voltarmos aqui, o que lhe dá a
coxa tudo o que ele está colocando da mesma forma. Deixe-me saber,
vou olhar para aqueles 16. E voltarei
para a seção de edição. E eu adicionarei aqui apenas. Desculpe, vou editar
o preenchimento e
vou apenas 5% de baile de cima
para cima e para baixo. Então eu tenho uma camada de mais
espaço para o logotipo aqui. E como eu já te disse isso, isso só é possível
Com o Elementor Pro, é porque quando
você clicar em Publicar, você conseguiria isso na condição. Se isso não for possível
com a versão gratuita. E então você vai na
condição e pode incluir um site inteiro
ou você pode excluir. Ou você pode incluir, Vamos comer nossas metades
e você pode adicionar condição para excluir todo
o site. E você tem
muitas possibilidades. Mas vamos incluir um lado inteiro e podemos
clicar em Salvar acessórios. E também se estivermos
fazendo um pop-up ou alguma outra landing
page que temos. Temos muitas de nossas outras
opções, como With show up, quantas vezes
aparecer em todas as outras. E tantos outros aspectos. Eles são idênticos,
salvos e os usam. Então, salve e feche. E essa é uma das
maiores razões porque , se você quisesse usar o pop-up e não
tiver o Elementor Pro, então você precisa usar algum
outro plugin para isso. Você não pode ter certeza de que tudo vai funcionar corretamente ou não. Mas agora vamos
voltar ao painel. E vamos para
Save it templates. E se formos aqui para todos, podemos ver o cabeçalho e
podemos ver o kit padrão. Este é o que precisamos
para as formas de cores globais. E olhe. Agora, o que queremos
fazer é adicionar novo. E então vamos ao
rodapé e
nomeamos rodapé e criamos modelo. Novamente, eles estão nos
dando algumas opções que podemos usar aqui e talvez
algumas mudam algo
para fazer o Twitter dependendo
de tudo o que você vai
fazer e, para fazer o Twitter dependendo
de tudo o que você vai no entanto, queremos que
o rodapé pareça. Mas, novamente, vou fechá-lo e
depois faremos em altura. Então eu vou aqui. E você pode ver que já está lá
embaixo
porque é uma agitação. E escolherei
novamente três seções. E daqui, também
irei para 100, 14, 14 000. E nenhum Deus. E um peso médio. Eu vou fazer isso. 300. Acho que está tudo bem.
Sou o meio da coluna. Acho que dobrado. Certo. Então, o que eu quero
fazer pelo rodapé, novamente, como se fosse
o mesmo processo. Mais uma vez, queríamos ter
no rodapé, nosso logotipo. Queríamos ter
sobre nós queríamos
ter ícones de mídia social e queremos ter
o menu de rodapé. E dependendo, eu não sei, talvez você queira ter
talvez 0 informações de contato também, podemos tê-las lá. E também podemos ter
um layout aqui. Eu farei isso 40. E isso será
para os direitos autorais. Assim, podemos clicar aqui e apenas adicionar uma nova
duplicata 4k. É o mesmo. Não temos
nada aqui em baixo, mas é muito mais
fácil se você quiser
duplicar algo, eu vou perguntar. E o que eu quero fazer aqui
é adicionar o menu aqui. menu de rodapé já está selecionado. E vou colocá-lo na horizontal
direita sublinhado, vou colocar um texto para ser exatamente como nosso
menu no cabeçalho. Mas vou deixar
uma nota daqui, suspenso
móvel, não
vou colocar nenhum. E isso vai embora. Você verá por que não. E eu vou apenas
pairar a telha que não selecionamos. E vou mudar aqui
a transformação para maiúsculas. Excelente. E então, no lado esquerdo aqui, vou arrastar e soltar
aqui o título. E aqui. O que queremos fazer é
escrever escrever reservado. Digamos que se for uma empresa, se for acompanhá-los, violeta. E geralmente precisamos
ter o ícone C aqui, mas não vou tentar pesquisá-lo. E vou colocar o x aqui. Isso me dá o primário que gosta da
cor primária para o cabelo. E daqui vou
fechar a forma para maiúsculas. Vamos ver. Agora, vou colocar 16 e também voltarei a
isso e vou colocá-lo, pegar a pele só para que
tenhamos que salvar. Então agora eu preciso ir e
colocá-lo no meio. E agora eles estão no
mesmo. Eles estão bem. Em seguida, o que queremos fazer é
escrever agora para ter flanco. E então irei
às mídias sociais. E vou colocá-lo aqui e
vou florescer à direita. E, novamente, deixe-me mudar
o ícone para o Instagram. Vou adicionar cores personalizadas. Então, a cor primária é que a cor secundária é axônio. E aqui vou removê-lo. E farei o mesmo
pelos outros dois. E isso só vai somar aqui. Assim, ele pode funcionar rapidamente
para passar o mouse sobre ele. Excelente. Eu k. Então podemos
ir para o estilo e podemos mudá-lo para o tamanho que recebe. Ou você pode vir aqui para
onde diz coral oficial ou pode ir para Custom e
personalizá-lo a partir daqui, todos
eles vão mudá-los. Você não precisa
ir quando fazê-lo um
por um , como eu os faço imediatamente. E então podemos ir para, posso passar o mouse e então
podemos manter animações. Eu estava como lá. Agora, o que eu queria fazer só para nós temos que
fazer alguns contratos. Vou adicionar aqui uma cor e
vou com o secundário. Porque quando passamos o mouse
no disco, deixe-me ver, mesmo se formos com este, está
parecendo ainda melhor e qual é o livre
deles com este. contrato ainda melhor, contraste
ainda melhor. Podemos ir com este, podemos usá-lo às vezes
a especificação em torno desta. E aqui eu só vou gostar de
Kyle e da borda e eu
vou adicionar essa cor. E eu não vou marcar. E estou aqui também. Então este é o nosso rodapé agora. E então podemos
ouvir alguns cabeçalhos. E podemos dizer informações de contato visual. E então podemos ir ao estilo, podemos fazer isso afetar. Podemos colocar o telefone. Tenho 22 anos. Certo. E então podemos ir para eu posso levantar, podemos
adicioná-lo bem lá embaixo. E a partir daqui
podemos salvar a empresa. Oh meu Deus. Solte. O mesmo edifício Tyvek. Vamos inserir aqui
e diremos, não
sei, três ou quatro. York, Nova York. E você pode colocar seu endereço,
sabe o que quero dizer? Então aqui podemos escolher o celular. E então podemos aqui
colocar nosso celular mais 4999928 recuperar e
eu vou 4, 5, 6, 8. E então podemos me
enviar um e-mail por e-mail. E podemos inserir aqui informações que violeta, oi, digamos. E então podemos vir aqui
e, para os ícones, ele
desvanece fundo, cor primária. E o tamanho,
podemos ir para 16 e depois podemos ir para o texto e
podemos colocar um imposto sobre preto. E para a tipografia, ela já é feita
em dezesseis quintos, então está parecendo assim. E está muito bonito. Talvez possamos torná-los um pouco maiores ou meio vazios, como é bom parecer. E depois temos, podemos ter nosso
logotipo no meio. Mas podemos
colocá-lo como dizer 18. E aqui o que
podemos fazer é de novo, estou indo e
brilhante ou violeta. E vamos movê-lo
para a direita, virá aqui e
escolheremos a cor preta. E vamos colocar dois
como colocamos aqui, dois. E então podemos vir aqui, podemos adicionar editor de texto. E eu vou apenas mover
isso até aqui. E isso deixará assim. Então, temos nossos 16 aqui. Bem, e nosso rodapé
está parecendo assim. Ou o que podemos fazer agora. E vou colocar MOOC
aqui e isso aqui. E isso mudará de lugar. Deixe-me ver como ele
vai parecer. E vou colocá-lo aqui. E isso o colocará aqui. E vamos ver,
posso listar menos 50. E também voltarei aqui, mesa
sem marcação, e vou
colocá-lo 20 menos por cima. Eu virei aqui e
irei aqui e estou marcado disco e
farei no fundo menos 20. Então, reduziu o espaço até 30. Então podemos ver que
é quase o ar. E também irei aqui para as mídias sociais e farei o mesmo mas no topo, então menos 20. Então é mais aqui, então você terá o
espaço aqui entre ele. Mas se você tiver
mais textos do que faz com que ele seja um
pouco maior e ele se
repetirá perfeitamente. Está muito bonito. Eu quero fazer agora é responder
à comida. E eu queria ver
como ele está parecendo. Você pode ver como ele
está ansioso pelo tablet e pela versão móvel. Então, o que eu quero fazer agora é
ir para a seção e avançar. E fui para a
mesa sem marcação e 10 da esquerda, M2M para da história, da direita. E temos um pouco de
espaço, até 20, desculpe. Então, temos mais espaço. Isso é melhor. E irei ao logotipo
e farei dele uma cripta de 100. E tudo o resto
permanecerá o mesmo é melhor quando tudo isso
estiver em uma linha. E aqui o que eu queria fazer para vir aqui e ir. Bom. E agora vamos para
a versão móvel. E aqui o que eu quero
fazer é clicar para editar esta seção. E eu quero avançar, e quero adicionar
aqui, desculpe, como 10. E é bom de todos os tamanhos. Mas o que eu quero fazer
aqui é ir para responsivo e
fazer coluna reversa. Portanto, temos a política
de privacidade da Percival de condição de sonho e na
DMU temos os direitos autorais. E aqui eu quero fazer o
mesmo, marque esta marca. Vou dois sem marcar isso
e vou me arrepender. Assim, para todos os lugares. E está bonito. E vou voltar
aqui na
versão para desktop e farei a condição do aplicativo
Publicar hoje todo o site e clique em
Salvar e Fechar. Agora que terminamos com isso, vamos para a próxima lição
e projetamos nossa página inicial. Vejo você lá.
10. Aula 9 — Começando com o Design: Agora vamos passar para o processo de design
do nosso site. A primeira coisa que
queremos fazer é que podemos ir às páginas e encontrar nossa página inicial e ir para
Elementor da creche. Ou podemos ir para modelos
e, em seguida, podemos adicionar novos. E não
selecionamos uma única página. A casa. Se você não tiver
elemento ou pro, você pode fazê-lo diretamente
da sua página. Vá para a página inicial e, em seguida,
você pode ver lá em cima editar com o Elementor
e você pode fazê-lo a
partir do ar e, em seguida,
criar um modelo. E a partir daqui podemos
ver por padrão modelos de piscar e
piscar que podemos usar. E vamos fechar isso e temos o modelo
em branco aqui. Eu gostaria de ver como
o cabeçalho ele vai parecer uma vez puxado para baixo. Mas vamos ver
quando temos a página e,
e faremos o resto por ela. Então retina olhe, queremos
fazer o que, uh, nós vamos, uh, nós sabemos que estamos projetando
esse site ou empresa de decoração de flores. E o que queremos fazer
aqui é antes de tudo, queremos ter nosso primeiro cabeçalho e queríamos ter nosso
primeiro objetivo para agir. É por isso que podemos adicionar uma nova seção daqui
e podemos selecionar
quantas seções
queremos ter uma grande seção ou queremos
ter duas separadas, dependendo do tipo de imagem que
vamos colocar aqui. Vamos ter um lago, grande rodada ou esse tipo de coisa? Ou podemos vir aqui e
podemos ir às Páginas, ou podemos simplesmente vir e
desmarcar mesa e
podemos encontrar algo
daqui como herói. Você pode ver a partir daqui alguns
exemplos de como ele pode se parecer. Ou você pode encontrar alguma página se quiser usá-la a partir daqui. Mas agora, quero
mostrar como não podemos usar. Então eu vou com isso e vou
usar apenas seções. Vai ser livros e livros. Vou novamente com 000. Então, temos a mesma linha
aqui para todo o site. Portanto, esta é a seção. E podemos usar a partir daqui o, esta é a coluna que
vamos terminar, mas vamos com a
seção, então
não temos gov e podemos
oferecer pelo peso. Podemos dizer
peso ou pés discretos. Vou fazer com peso médio. Mas vou colocá-lo em 500. Até só aceita contrato
assim. E agora,
este é o nosso cabeçalho que
possamos uma prática e podemos ir para Avançado, podemos marcar isso e podemos
ir para o topo menos entrar. E isso ficará sob nosso cabeçalho e nosso cabelo
deve ser transparente. Mas vou ver um DMD se
formos seguir com isso, este íon ou outra seringa de
design para aqui, para a nossa coluna esquerda, adicionarei um cabeçalho. E esse cabeçalho seria, talvez devêssemos pensar algo que vai
pegar nossos clientes. Talvez você seja
bem-vindo ao paraíso. Para o nosso paraíso. E você deve saber, destruiu isso
para uma página raiz ou postagens de blog ou
qualquer coisa semelhante. Você deveria ir com isso. Você vê aqui como
é H1, H2, H3. Então, precisamos do primeiro
parágrafo que temos aqui. O primeiro título a ser H1. Isso é ruim, a proposta DSU para estrutura derivada
do nosso site. Então, bem-vindo ao nosso paraíso. Você pode escrever
o que quiser para o estilo e vamos
escolher o preto. E vou colocar antipatia. Temos até 18 talvez
duas semanas, talvez. Não, vamos colocá-lo no 18. Bem-vindo ao nosso paraíso. E, em disco,
vou editor de texto. E aqui temos
textos simples e não vou mudar isso. A única coisa que
eu quero fazer aqui é mudar o preenchimento. E eu quero
cortar isso para ser um pouco então vamos dizer à esquerda, desculpe, certo. 15 e talvez 18. Sim. E temos quase
um sob um somador. E então o que
queremos fazer é ir. Enrole a parte inferior aqui. E agora a questão
que temos aqui é: qual é o principal propulsivo
nosso site a fazer? Queremos ter custos com livros, um clipe de custos. Pediu uma citação, olha, queremos ouvir ou
ver sua galeria. Então eu, neste momento, quero ter aqui um
fundo que
haverá a principal chamada à ação aqui em que vai
entrar em contato conosco. Entre em contato conosco. E eu
quero deixar moldá-lo. Então, temos os atos e corrigimos eles. Vamos colocar isso no 18, então é um pouco maior
para que possamos vê-lo bem. E então queremos, colocá-lo em letras maiúsculas. E 4, desculpe, para este tipo de arquivo
limitado é sólido. E vamos escolher a
mesma cor para a borda. E vamos usar, desculpe, e
vamos usar para a guerra o raio, apenas um. Então, é da mesma
forma que o nosso logotipo. Ele vai escolher, bem, mesmo que
queiramos flores, talvez você comece a colorir
mais para um livro. Vamos tê-lo assim. E agora vou para F e fãs, e vou para o posicionamento, e farei com inline. Então agora eu posso simplesmente
duplicar a parte inferior. E o que vou
fazer é escrever outra frase
aqui e iremos, digamos, descobrir mais. Eu sei mais. E eu vou para o estilo, e farei. Agora, eu quero que
a cor do texto esteja dentro que atua. E a cor aqui, pode ser branca, assim. E então temos em pairar, seremos o
texto para ser branco. E então temos a cor de
fundo para ser o axônio, a borda. Então você pode ver que é leveza
e onde entrar em contato conosco. Vai passar o
mouse para ser a cor do texto, os atos de cor. E essa cor, não deveríamos? Os pontos brancos como este. E talvez devêssemos
mudar o lugar. Quatro são dois e talvez a média. Desculpe, vou mudar novamente os
lugares para eles assim. Mas eu vou dizer que
vou descobrir mais e
estes são Fale Conosco. E neste fundo,
irei avançar. E vou colocar uma carona. Digamos que 10, talvez 20. Parecia assim e agora
temos espaço entre eles. Excelente, está muito bonito. Tudo bem, eu realmente
gostei. E agora o que não usaríamos para encontrar algumas imagens que
queríamos mostrar imediatamente aos nossos planos quando
eles chegarem aqui. Então, vamos pegar
a imagem
daqui e colocá-la aqui. Isso é nebuloso? E nós vamos Apenas imagem e devemos fazer o upload. Mas antes de tudo,
vamos encontrar alguns. Eu costumo usar Unsplash
ou você também pode encontrar algo na biblioteca de imagens do
Canva. Então, apenas vou procurar
por decoração de flores. E vamos ver o que eles têm e o que eu gostaria de colocar. Talvez procuremos por decoração
de flores de casamento,
algo assim. E eu encontrei este, e vou
baixá-lo na versão média. E também vou
baixar este. Vou precisar de imagem,
então vou baixar esta e verei o
que será melhor
para o meu design. E então eu virei aqui. Você sempre pode ir para um pequeno PNG e reduzir o tamanho de suas
imagens é altamente recomendado. Mas eu gosto de
dizer que a qualquer momento agora
para você, você pode fazer isso. Então, vou fazer o upload
deste novamente. Então, temos agora apenas um. Então, vamos inserir mídia. E podemos ver que
é muito fraco. Mas vamos ao estilo. E, hum, k, agora podemos
escolher o tamanho do dano. Então eu vou com 65. Certo, para mim. E o que eu quero
fazer é voltar aqui e
procurarei flores. Alguma história. Eu voltarei para Canva
e voltarei para casa. E o que eu queria
fazer é talvez novamente, ir para o tamanho do logotipo. E irei para elementos. E então vamos
procurar por flores. E vamos encontrar um bom andar. Está parecendo bom,
ficará bem em nosso site. E você vê os velhos
tempos, leva tempo. Então, se isso for muito mais fácil, se você estiver fazendo o
site para o cliente, então você pode pedir que
eles forneçam detalhes desnecessários
antigos para o site de imagens
semelhantes, cópia. Todos são tipo de coisa ou você perderá tempo assim
para tentar encontrar o estilo certo, o estilo certo e
o design certo para seu site. Então, vamos ver, para os gráficos, perco o que eu
gosto quando eu rolo para baixo. Então eu acho que vou
parecer algo
assim porque estamos fazendo
uma flor para a criação. Então, acho que está bonito. Agora, o que é baixado? Uma erva daninha transparente, eles têm
espaço, mas baixam. E eu voltarei
aqui e quero
aqui outra imagem aqui. E eu vou fazer o upload do meio. E agora vou inserir a mídia. E você pode ver o quão grande ele é. E irei para dentro
e parecerei 35. E então, quando vamos
ao vivo para uma defesa, podemos ir para a
posição e o fim de semana, fazer posição absoluta, e então podemos
agarrá-la e simplesmente colocá-la. Um vizinho,
achamos que está parecendo bom. Então, vamos ver. Se o mais antigo se parece com
alguma coisa, como nada. Vamos fazer isso um
pequeno copo. E nós temos, então espaços em branco aqui. Então, quando vamos para a final
e ganharmos muito, vejo você um momento para se
parecer com isso. Certo. Apenas o detalhe, mas
fazê-los assinar melhor. E vamos ver com essa imagem, eu queria ser assim. Ou talvez fosse assim. Certo? E vou deixar
assim e verei se isso faz sentido. Então, para a primeira seção de cabeçalho, temos nossa
seção de boas-vindas, que com H1. Então temos uma breve introdução
e temos dois átomos que são o principal chamado à ação e o segundo
call to action aqui. A próxima coisa que queremos
fazer é colocar aqui nossos serviços. Então, o que queremos fazer é talvez vir aqui e
vamos aos serviços. Simplesmente fácil demais, torne muito mais fácil. Uma flor. Nosso trabalho e podemos
ver o que mais temos aqui, nossos serviços e
eu irei inserir ds. Então, temos nossos serviços aqui. E devemos colocar um H2. E também aqui agora
devemos mudar o primário e desejando
voltar e colocá-lo como 66. E você pode ver que já temos ícones aqui, conteúdo, conteúdo. E daqui talvez possamos. Bom, vamos ver
se temos farinha. Mas não temos flores. Se não tivermos ícones
que podemos usar aqui, talvez se pesquisarmos ícones verdadeiros, encontraremos algo
que se adequará
aos nossos serviços que
estamos fornecendo. Mas por agora,
porque eu escolho
usar a flor para a criação, não
é razoável ter profundidade,
algo assim. Então, vou deixá-lo
como eles são e me ajustar. Digamos. E depois ganhar a
curadoria, talvez ocorra. Curadoria. Eu não sei. E então vamos
dizer uma declaração. Você conseguiria o que isso pode apontar aqui e o que eu quero fazer aqui é dois estilos. E para o ícone, vou escolher o ato,
atuar na cor
e no conteúdo,
escolherei o primário
e, em seguida, escolherei o
texto e também mudarei para preto. E então eu voltarei e farei o mesmo para
todos eles. Então, eles são exatamente os mesmos. E a partir daqui, como
já mencionei, você pode fazer seus próprios ícones também no Canvas e baixá-los como arquivo SVG se você for um usuário profissional do Canva
e enviá-los aqui. E também os ícones tocaram o bico do rural
aqui no anfitrião. Então pense que vai, que tipo de olho ele vai usar
para o seu design. Mas cérebro agora, porque já
temos esse espaço em branco em todos os lugares
aqui e aqui, o que queremos acrescentar
algumas diferenças, eu gostaria de ir ao estilo e escolher a cor que éramos usando aqui para o rodapé. Mas o que eu quero fazer aqui é
voltar aqui e eu
quero reduzir a cor e
deixá-la
assim, como
quase invisível. E está bonito. Acho que esse clique se eleva. O que eu gostaria de
fazer agora aqui com esta imagem fica que eu
gostaria de torná-la maior. Mas eu gostaria de
reduzir aqui o espaço. Desculpe, mas eu gostaria reduzir aqui para o espaço
na parte inferior, e digamos menos 50. E esta, esta imagem que virá aqui e
talvez 100, eles 50. E quando vemos agora, está
parecendo bom. Acho que talvez apenas 100. E voltaremos para um 100. E você pode jogar com
esses números aqui e ver como ele está melhor. E como você pode fazer
e como você gosta muito ou menos aqui. E eu acho que
está bonito aqui. Excelente. Então a próxima
coisa que queremos fazer aqui é, para outra seção. E esta seção, será quatro juros para cima. Então, agora, temos
aqui os serviços, nossos serviços e aqui
você também pode adicionar um link. Então, se alguém clicar nele, ele irá para os serviços e poderá ver
serviços de barreira imediatamente. Ou você também pode
adicionar outro botão aqui apenas para mostrar que você
tem seus serviços lá. Mas agora vou adicionar
aqui uma seção Sobre. E vamos voltar aqui e encontrar algo que nos
sinta e apenas insira que o ar e não perder tanto tempo na tentativa de
projetar que eu tenho o nosso. E o que eles
gostariam de fazer é seguir esta seção. E vou inseri-lo e
vou baixar uma imagem aqui. Então, primeiro virei
aqui e escolheria uma imagem. E eu virei aqui
e selecionarei minha imagem. Vamos descobrir aqui, vamos usar este, pois
esse não quer fazer o upload. Vamos tentar descobrir aqui o disco. Agora vamos primeiro
mudar a imagem. Carregue este. Então, está bonito aqui. E então temos
sobre acompanhá-los. Precisamos colocar aqui h. árvore. Então 1, 2, então temos três, e então temos aqui primário. E podemos colocar o
45 está bem aqui. E temos aqui algum texto. Vou apenas chegar à cor
preta e ao texto. E está olhando agora para o
bom ou o banheiro aqui. Podemos usar barato
por causa disso. Não posso copiar isso. Está na frente,
mas realmente não importa. Vou copiar este e
colarei isso aqui, e excluirei este. E o que vou fazer, vou ler mais com antecedência. Vou levantar isso
20 da esquerda. Para este arquivo, vou
alterá-lo para estar cheio, assim. E passar o mouse para ir com a cor do texto e o branco não
torna isso muito melhor. Eu acho que é excelente. Eu só queria fazer, só quero clicar
nisso e avançar. E eu removeria
essa equipe de pessoas de topo. E também vou desmarcar
mesa e Porto de Boston. Vou remover esses
50, mas digamos 30. Agora, você pode ver que ele obtém a mesma linha com a imagem. Então, temos o
espaço em branco certo aqui, temos espaço entre eles, e temos o texto aqui a cópia e a
arma bem ali. Você não precisa fazer com
que ele esteja bem ali. Talvez você tenha muito mais
textos ou menos etapas. Não importa,
apenas dê uma olhada
nesses detalhes, então fica bonito lá. Agora, a próxima coisa
que queremos fazer aqui é talvez fazer outra
chamada à ação aqui. Então, o que eu quero
fazer é voltar aqui
e eu não vou marcar. Este não é um exemplo do que eu quero usar aqui
é algo assim,
este livro, eu vou mudá-lo. Vou apenas clicar, Inserir. E o que eu quero fazer
aqui é fazer um box set e um 114 para ser o mesmo. E então vou
avançar porque posso ver temos de cima e de baixo
e isso é bom. Mas então o que eu quero
fazer aqui é vamos ver. Sim, temos a profundidade
250 esquerda e a direita. O, e eu não quero que
isso seja em três filas, então vou pegar isso
e colocá-lo sob isso. Nossa história. Eu removerei esse texto
e isso sobre a marca. Vou escrever algo como vamos escrever algo que vai anexar os
olhos de nossos clientes. Então, digamos que talvez
seja o seu casamento em breve. E vamos colocar um ponto de
interrogação e eu
removerei essa linha daqui. E este, vou
deixá-lo em cada árvore. Não precisamos ir
mais longe com isso. E então eles vão para o primário. E bom de novo, este
e este texto aqui, vou apenas torná-lo preto. E com os fatos que
estamos acostumados a usá-lo. E eu excluirei esta coluna. E para esta imagem aqui, vou apenas escolher
as mesmas unidades porque não quero
perder tempo na busca de imagens apenas para
mostrar a ele como
mudar a imagem. E, e vou novamente
para os estilos e para dentro. E eu vou fazer isso
assim no 16. E então nós voltaremos
e novamente colocamos coisas é cor e talvez apenas pegá-lo daqui porque eu quero que
seja apenas a cor do sexo. Então, não estou errado. E temos essas seções
como cor branca, cor branca. E o que eu quero fazer aqui é
ir para, uh, para ser honesto, e eu vou remover isso e
talvez apenas colocar em um PLT. E aqui no 18 15. E assim, e o que eu
gostaria de fazer é de novo, vou colocar o mesmo daqui. E eu vou colá-lo aqui. E assim. Diga, ok, preciso colocá-lo ou se o ar. E eu acho que está bonito. E a próxima coisa que
podemos fazer aqui agora é talvez
colocar alguma Galeria. Isso prejudica que nós
somos meio de alguma coisa que
ficaríamos molhados, digamos de algumas decorações de casamento
e algo assim. Então, se formos ao portfólio, podemos encontrar algumas imagens que
podemos usar aqui e como
estruturar dados. E talvez eu use esse tipo
de estilo, o mesmo acontece com a inserção. E aqui vou
ao vivo checkout nosso, confira nosso trabalho de
coloração de flores. E então eu voltarei
e colocarei isso em preto, e isso
voltará e colocará este x, e isso voltará
e o colocará como primário. E basta clicar aqui apenas para
voltar na posição certa. E aqui não
parece bom, deixo assim. Então, esta é basicamente uma galeria. E a partir daqui você pode escolher que tipo de nem mesmo
deveria estar aqui. Então, removerei todas as imagens pretas em negrito e aplicativo
para a galeria e
vou simplesmente, não consigo ligar
mais seis vezes isso. Então insira na galeria. E um absoluto. Vamos descobrir mais duas
imagens da morte são da mesma forma e
provavelmente do mesmo tamanho. Ou vamos fazer
para redimensioná-los para
serem do mesmo tamanho. Então, talvez este, e eu vou baixá-lo
agora tão pequeno quanto eles. Alguns problemas com meu site não querem fazer o
upload agora. Talvez este. Ok, este aqui é Kim
e eu vou fazer o upload. E depois volte para a galeria
e Inserir galeria. E isso está bonito. Excelente. Talvez me deixe ver se este, eu vou colocá-lo um 114 só para que seja
o mesmo site. E aqui na DMU 2, devemos colocar em call to action. Eu acho que
ficará bom se colocarmos, vamos apenas duplicar isso
e pegá-lo e colocá-lo para baixo. Dare faz porque eu gosto
da cor e uso t quando a colocamos
assim, está parecendo legal. Mas o que queremos fazer
é talvez mudar, mudar essa imagem e
eu vou colocar esta, oh, desculpe, é muito pequena. Eu acho. Este
também, mas é K. E eu removerei
todo o texto assim. E aqui em alguns textos que vai
ser atraente. E novamente, agora aqui em
outro fator que os
levará ao lugar
que você quer e talvez entre em contato conosco. E eu realmente não
gosto dessa imagem aqui. Talvez eu possa colocar o maior. E novamente, este termo K, está
parecendo melhor, mas eu
gosto bem assim. Eu também talvez goste disso. Vamos ver como ele está parecendo. Não, não, não, não, não, não, não. Vamos colocar que não se sinta
muito e de novo e de novo. Não. Não, eu não sei. Vou colocar este. Desculpe, mas a imagem está em 15,
então vou colocá-la. E um 100, assim. E acho que é isso. Desculpe, este, ele deve
ir apenas Darla superior. Assim mesmo. E se voltarmos para lá e vermos como
tudo isso está parecendo. Então, temos nosso título com uma imagem
mostrando o que estamos fazendo. Nós descobrimos
mais em contato conosco. Esses dois são apenas esses
são o principal call to action. Então estamos mostrando nossos serviços e depois o barco, a empresa. Novamente, estamos contando
o que estamos fazendo aqui, explicando um pouco
mais do que temos imagens que mostrarão nosso
trabalho e somos, somos bons em nosso trabalho
e o que estamos fazendo, o que estamos trabalhando nisso . E então temos outra chamada à ação pedindo que o cliente entre em contato conosco ou um loop de
detalhes e qualquer outra coisa. E então temos o
rodapé e acho que foi realmente
infligindo muito bom. E agora que você sabe como
uma página ela pode ser estrutura você pode ir para todas as outras páginas, como sobre a galeria de serviços de som, e apenas ir para Sobre
fazer o cabeçalho. Digamos sobre nós e depois dia para baixo ou
mostre mais sobre você. Conte-me mais sobre o TAM, mais sobre sua empresa. Por que você está fazendo? Faz mais tarde
sobre você? Também faça o mesmo
processo com serviço isso
na galeria da mesma forma que a
cor que você pode até abrir
para as duas páginas e café é
seção Scholars e colocá-la lá e apenas adicionar mais imagens. E então é bom
se você olhou, puxa o veado mundial e faça a página de postagem do blog. E se você tiver postagens no blog, você também pode adicioná-las aqui
no final em algum lugar. E você também pode fazer isso. Ou se for mais fácil para mim explicar a você
como você pode fazer isso. Se você estiver usando o elemento ou o Pro, você pode simplesmente vir aqui. Há hoje em contato e você ouve ter o
formulário que você pode usar, talvez o líder de
alguns dos arquivos do formulário. Vou inseri-lo agora apenas
para mostrar como você pode fazer o formulário de contato
em sua página de contato. Se já não está
claro para você como é
fácil para os gays serem feitos. Quão fáceis dias, quatro dias para projetar um site
com a Elementor. E todo esse tipo de
coisa é que você precisa saber de
que maneira você deve seguir. Você precisa ter a ferramenta
certa para ter os ativos certos, como imagens, cópias, cores e o tipo
mais antigo de coisas. E é muito mais fácil
para você fazer isso. E a partir daqui, se
você clicar nele, você pode ver o nome, você pode mudar a partir daqui. Você também pode alterar o
ganho da coluna. Você pode, a partir daqui,
você pode alterar o botão e, em seguida, temos
ação após o envio. Por isso, coletamos
envios e e-mails. Em seguida, coletamos o
envio para envio. E vou te mostrar
onde ele faz isso. E a partir daqui você pode alterar
seu endereço de e-mail onde
você gostaria de coletar para receber seu endereço de e-mail para as configurações
e, do estilo, você pode alterar novamente o mesmo estilo se você não usar o Elementor Pro, faz aqui, procure por widget. E se você, quando você fizer
a forma mais limpa, você também receberá um
código curto e você pode vir aqui, procura por casaco de camisa adicionado aqui e apenas cole
aqui para código curto que para mim jamais irá
gerar isso para você e você terá
o formulário imediatamente aqui. No Terminator, você
também pode alterar as cores, os formulários que você está usando
para corresponder à cor do aluguel. Então, agora que você sabe
como um site pode ser estrutura e como você pode
projetar todo o site. Você pode ir e fazer o mesmo
processo com suas outras páginas, assim
como você sabe, os fundamentos da UX e da UI. Basta ir em frente e fazer
o resto das páginas. Vejo você na próxima lição.
11. Aula 10 — Template de postagens em blog: E não se esqueça de
salvar todo o seu trabalho antes de sair das páginas. Então, só assim estou claro aqui, provavelmente já sei
como você pode fazer isso, mas apenas clicando em publicar
aqui e adicionar condição, você não deve salvá-lo em todos os singulares, mas faça a primeira página. Portanto, esta é a sua primeira página, ou se você for para as páginas, terá a
chance de escolher. Você terá a
chance de escolher qual fé procurar, como casa e depois
salvar e fechar. Agora, se voltarmos
nesta palestra, quero mostrar como
você pode fazer a postagem do blog. Então, quando você está fazendo
seu fluxo sanguíneo, então você vai postar na NYU e nós já
temos esse mundo mantido. Adicionar novo. E aqui você vai
ter seu título. Olá. E aqui você
adicionará ou seu texto antigo. Mas se você fizer isso, cada postagem do blog será por padrão como
a equipe, como é. Ou se você quiser, e editar com Elementor, você deve editar separadamente
Cada um deles. É basicamente o mesmo
se você tiver projetos. Como se você estivesse exibindo projetos
diferentes e você e você usa alguma ferramenta como
projetos aqui. Em seguida, você deve ir para modelos
e, em seguida,
ir para Adicionar novo. E a partir daqui selecione
Único Post e bota de poeira, postagem
única, basta dizer, você sabe, sobre o que se trata? E crie um modelo. E aqui imediatamente
temos diferentes também. Formas de modelos para
exibir e usar um IDE não serão usadas. E isso levará muito para o seu tempo mostrando
como você pode fazer isso. Vou escolher apenas um modelo para usá-lo como minhas postagens no blog. E acho que
vou com este. É porque eu acho que isso vai
acompanhar isso precisa porque tem imagens para obter ajuda. E acho que
vou com este. É porque ele tem
texto e imagens nele. E como este site é
sobre uma decoração de flores, qualquer coisa
que vamos sair, provavelmente terá imagens mostrando, explicando o que estamos
fazendo com isso. E também tem uma barra lateral. Vamos inseri-lo. No entanto, porque só temos o hello world,
isso não importa. Então, aqui está o post, exceto que não
precisamos ter tipo de texto. E temos o hello world. E este será o lugar onde
o texto vai estar. Então, vou colocar o texto do
link. Olá, mundo. Eu sou um, você pode ver que
ele já é por padrão. E cada um eu vou
estilizar e, em seguida, primário. Este aqui. Também vou escolher
nossos atos sobre cores. E para os efeitos do tornozelo
e do pé, novamente são atos de cor. E eu usarei o
fixo para aqui. Além disso, você, o que você quer fazer
é escolher texto e texto. E você pode ver aqui
na barra lateral direita, você pode fazer upload de imagens ou códigos
HTML para seus anúncios. Se você tiver alguns textos aqui, você pode usar as mídias sociais. Eles podem postar um comentário aqui
ou você pode simplesmente remover. E eles não podem, eles não podem
comentar em sua postagem. E prefiro excluir isso. E então você tem toupeira
esporos polar se quiser. E tudo
isso pode mudar para sua relação com suas fontes e cores
padrão. Então, alguns, e o que é o meu
gelo aqui e com elemento ou pro é que quando você
parece se orgulhar assim, e você clica em Publicar, então, novamente, ele abre a guia condição e
então nós vamos em condições, nem todos singulares, mas
vamos para ambos e depois 0. E quando clicamos,
Salvar e fechar. Agora, toda vez que
publicamos novas pesquisas, todas
elas terão a mesma aparência. Não importa o que coloquemos em
um texto,
ele será texto, será imagens, o lado onde quer que seja
sempre o mesmo. O xerife
sempre será o mesmo. Tudo seria
sempre o mesmo. Esta é a principal coisa que é melhor aqui com o Elementor
Pro uma coisa porque economiza muito do
nosso tempo e nossa energia e muito trabalho
que desligamos todos, em cada vez que
estamos fazendo a mesma coisa. E isso será tudo porque
isso prevê a seleção. Vamos para o próximo.
12. Aula 11 — SEO das páginas: Agora que nosso pH está pronto e quando você tem uma
aparência mais sagrada puxa para baixo. Deixe-me mostrar como é
fácil fazer seu SEO para o site,
para o site. Então, agora precisamos, se você não estivesse fazendo
sua página inicial para primeiras páginas e edite com Elementor feito quando você
clicar em Editar com Elementor, ela será aberta. E se você clicar em casa, se você fizer como se eu estivesse fazendo, então você vai
precisar ir para a página inicial única. A partir daqui. Nosso Rank Math para o plugin
que estamos usando para o SEO. Provavelmente ainda não foi ativado. Vamos voltar e
isso é atendido pelo psiquiatra. Então precisamos ir para
a configuração reservada. E vamos
começar o assistente. Precisamos analisar tudo
esse blog pessoal na organização de esse blog pessoal sites de
pequenas empresas. Você deveria ver tudo isso. Continue e vou
apenas salvar e continuar. Percorre todas essas etapas e salva para que possamos usá-lo. E, em seguida, retorne ao painel. Ou, se você for mais avançado, então a partir daqui você
também pode salvar alterações, alterar configurações e todo
esse tipo de coisa. E agora, quando
atualizamos a página, tudo bem, então, para que possamos
usar isso em nossa página. Precisamos passar por
nossas páginas e de lá para Abrir com Elementor para que
possamos trabalhar com isso. Portanto, não podemos fazê-lo de
dentro do elemento D ou do modelo de página
única. Em seguida, o link aqui tem o
SEL como você pode vê-lo. E para mim aqui
podemos alterar o título, podemos alterar o link e podemos alterar
a descrição. Uma empresa aqui não podemos
focar a palavra-chave e nos dirá qual é a
pontuação do nosso site. E a partir daqui ele fica vapor. Não foi encontrado na
meta-descrição da DSU. E então temos
manteiga para imagem com a palavra-chave focus e a imagem. Então, como vamos
resolver isso é
clicar nesta imagem, chegamos aqui e
textos alternativos, mas diz, digamos que
vamos
dizer quente e inserir mídia. E agora, quando vamos
aqui e ao nosso SEO, podemos ver isso agora. Espere, Não pegue
nenhuma opção nossa imagem, vamos fazer com outra. Vamos escrever aqui a esperança. Insira mídia. Certo, vamos salvar o rascunho e atualizar isso. E quando voltarmos, vamos ver agora,
sim, temos 90 é o núcleo, e agora temos a imagem como marca de seleção que fizemos isso M. Aqueles dias fáceis, como você pode fazer isso
SKU do seu site t, Bem, quando você está
fazendo seus próprios lábios, O of M site ou do site do
seu cliente se eles
lhe derem o conteúdo que
você não deve esperar, oh, se preocupe demais com isso. Mas se você estiver fazendo o conteúdo, pense bem no que você
vai escrever lá porque o
mecanismo de busca do google deveria escolher você comprar as palavras certas
para mostrar às pessoas certas. Portanto, tenha em mente
quando estiver fazendo o SEO e tenha em mente quando
estiver escrevendo o conteúdo para seu site ou para
qualquer outro site. Você pode fazer isso o mesmo
processo para a postagem do blog, mas você deve fazer isso na página
de postagem do blog. Vamos voltar e
simplesmente fazer uma pausa. E quando você clica em
Editar, a partir daqui, você pode clicar aqui, diz Rank Math e você pode adicionar aqui. Olá. E isso lhe dirá aqui que você
pode ver o que está errado, o que você está perdendo, o que você muda de dois para
melhorar ou eles estão. Agora que você sabe como você pode
fazer o SEO do seu site, vamos para a próxima lição.
13. Aula 12 — Passando a analisar análise, a notificação de cookies e plugins de cache: Ok, então como estamos quase
no final disso, então S, estamos quase
no final deste curso. Quero dizer que os plugins necessários
que precisamos
usar aqui são aqueles que
baixamos o cookie. Observe que é porque todo
site deve ter isso. Então, eles já têm por
padrão esta mensagem, você pode clicar em OK ou
alterar a palavra. Você também pode incluir o link da política de privacidade ou
mudar para outra página. Você pode dar uma opção
para recusar o pente, o conteúdo para não e habilitá-lo e, exceto
expirar um mês, você pode optar por estar
no cabeçalho ou rodapé. Eu sempre uso posicionamento de
script de rodapé. E então temos animação D, temos o fundo e depois
temos as cores aqui. Não sei se ainda
tenho alguma cor aqui. Provavelmente não. Certo. Você pode alterar a cor do
texto, a cor daqui. Agora não importa para mim mudar essa cor. É óbvio o que
eu queria dizer. E não
se esqueça de clicar em Salvar em outro time que eu quero
passar por cima, e contorcer nela. Aqui. A partir daqui, você
pode criar formulários, que podem criar pools
e criar fóruns. É fácil. Você pode ir para Blend, pull
requests, registro,
registro de boletim informativo e
entrar em contato conosco ou criar. Ou você tem opções diferentes. Então, é fácil ir
lá para escolher. Você pode usar seus modelos
ou digamos que a tag turn. E você já tem
aqui o primeiro nome, e-mail, telefone e mensagem. Você pode instituir
antes daqui, e você pode ver que
somente essa assinatura está na versão pro. Você pode até receber pagamentos, listras ou pessoas, e é
quase tudo de graça. A diferença
dos outros plug-ins que temos pobres
para conduzir fórum. Além disso, eles têm aqui os envios que você pode
ver e você
os receberá novamente em seu e-mail
que você deixará o desafio
nos envios sobre
outra coisa que
temos, já temos aqui,
o captura clara. Se não o
tivermos, devemos instalar um plugin. Como devemos instalar um plugin que o
fará no trabalho para nós. Por que é e necessário
para que tenhamos a captura clara. Porque às vezes
fazemos algumas mudanças e talvez alguém esteja em nosso site, eles querem ver as mudanças. E então precisamos
limpar para pegar. Então o site sabe que fizemos algumas mudanças e elas têm mudanças
realmente sutis no público. E listar que
perdemos aqui são os tópicos que precisamos ter. Cada eu acho que todos os
sites devem tê-los. Eu pessoalmente uso servido para análise
N6 e é
fácil usá-los apenas
instalar e ativar. E você deve ter seu
Google Analytics configurado. E você apenas conectará isso, siga as etapas e
você poderá conectar o
Google Analytics. Então os andares são, essas são
as principais coisas que precisamos para tê-los em nosso site porta do
melhor site básico. Mas se você estiver usando o WooCommerce, digamos peer usando outros plug-ins, é muito mais profundo explicar. Então, se você quiser ver como WooCommerce funciona e o que
podemos fazer com isso. Como podemos configurar uma loja, como podemos configurar o produto, envio de frete, entrega
mais antigo tipo de parada. Por favor, me avise
e vou
tentar fazer outro curso
para explicar tudo lá. Vejo você na próxima lição.
14. Parabéns: Parabéns por
chegar ao final deste curso. Se você acompanhá-lo, tenho certeza de que você
já está pronto para começar a projetar seu próprio site ou até mesmo um site para um cliente. Não pare de praticar e
procurar inspiração. Se você quiser, você sempre pode me
seguir e me DM
nas mídias sociais se precisar de
alguma ajuda no futuro. Mas também, será bom se nos
tornarmos amigos e nos
apoiarmos uns aos outros lá. Obrigado por
escolher meu treinamento e ansioso pelo
seu sucesso.