Bloco de Título no WordPress Gutenberg

Curso Completo

 Olá pessoal tudo bem com vocês vão ser
para mais um aluno nosso curso de
WordPress e nessa aula eu vou ensinar a
trabalhar com os recursos mais
importantes do seu site que será o texto
Então nós vamos trabalhar com um bloco
de texto no Gutemberg Vamos para o
painel administrativo Já estou aqui na
área do meu texto e eu vou clicar aqui ó
você clicando em cada elemento você
descobre o que que é esse elemento então
eu clicando aqui nessas “eu vejo que
isso daqui é um bloco de imagem eu
clicando aqui nessa imagem de fundo eu
vejo que esse bloco é uma sessão eu
clicando no botão eu vejo que é um batom
aqui é um botão e eu clicando no texto
eu vejo que é um cabeçalho avançado
então sempre que você for adicionar o
novo bloco você vai ter as opções aqui ó
então se você procurar aqui cabeçalho
e você vai encontrar cabeçalho avançado
Tá bom então é assim que você descobre
cada bloco que foi utilizado na
construção dessa página Então vamos lá o
nosso bloco de hoje é o de texto Então
clicando no texto basta eu dar dois
cliques eu seleciono tudo ou então é
seleciona assim de forma manual mesmo
esse daqui é o cabeçalho Então vai ser o
título mais importante da minha página
eu vou colocar aqui curso de WordPress
grátis 2021 E aí aqui em cima você tem
as alterar as configurações básicas né
de edição de texto Então você pode
deixar mudar o alinhamento alinhado ao
centro alinhado à direita aqui pessoal
só para vocês já entender né vocês podem
ver que o meu conteúdo ele só pega
metade aqui da minha área né de conteúdo
o meu título porque essa outra parte
essa parte direita é uma outra coluna
mas vai ter uma aula específica onde eu
vou falar sobre colunas Tá bom então meu
texto eu vou deixar alinhado à esquerda
e aqui tem outras configurações negrito
Itálico link e você clicando aqui você
pode alterar a cor do texto e aí outras
coisas aqui que deixa para mais para
frente eu no momento não é importante E
além disso você tem as próprias
configurações de bloco Então você
clicando no título aparecer aqui
cabeçalho avançado você pode escolher
qual é a tag Como é o título principal
nós vamos deixar H1 você pode mudar a
cor ao invés de branco colocar aí
laranja e você ou então uma cor
personalizada né E aqui é configurações
de subtítulo que é esse outro texto aqui
só que aqui pessoal vou dar uma dica né
é que é uma técnica que eu utilizo que
que acontece quando vocês forem estudar
mais sobre s ou na utilização de
mecanismo de buscas vocês vão ver que a
tag H1 é muito importante é olhar o
título principal Só que essa tag H1 esse
cabeçalho avançado Olha só esse o bloco
permite adicionar uma combinação de um
título e um subtítulo então
o título ele também faz parte da tarde
ela um Isso não é legal então o que que
eu vou fazer eu não vou deixar descrição
vou apagar e vou colocar essa descrição
como um outro texto né com apenas um
parágrafo comum Então olha eu vou
adicionar aqui o novo bloco adicionar o
bloco dentro dessa coluna aqui tá bom e
nesse sinal aqui ó Adicionar novo bloco
e vou colocar parágrafo venho aqui em
configurações de cor do texto branco
agora apareceu certo vou utilizar esse
essa recurso de mover ao em mover para
cima para cima aquilo depois da
descrição clicar aqui fora E aqui onde
está o começa a escrever eu vou colocar
a descrição que eu quero para o meu
título crie sites e blogs profissionais
então a vou usar uma atualizar só para
ver como ficou
bom então agora sim o curso de WordPress
grátis 2021 crie sites e blogs
profissionais aí você pode colocar a
descrição que você quer né eu vou
aumentar a descrição porque eu acho que
vai ficar mais bonito aqui a parte
visual Então vamos lá Pronto aumentei
aqui a descrição atualizar
Como atualizar
e É acho que ficou melhor assim né mais
informação só que esse meu título eu não
gostei do Design do jeito que ficou eu
vou aumentar a fonte para ver se fica
melhor então venho aqui clicou no texto
aqui nas opções do meu cabeçalho nós
temos feito a configuração do título
principal H1 descrição nós não fizemos
porque colocamos de forma separada Só
que ainda ficou aqui um espaço então o
que que eu vou fazer aqui onde está o
subtítulo clica aqui na engrenagem
font-size eu vou colocar aqui zero Laine
ET
10 também então assim é tirou aquele
espaço na que tinha aqui para clicou
aqui para minimizar e vamos lá o
separador separador eu não coloquei
nenhum Mas você pode colocar se quiseram
estilo sólido vai ficar esse separador
aqui vamos ver se vai ficar legal vou
colocar sólido e na cor branca atualiza
sempre bom você atualizar e visualizada
aqui no site Ó ficou esse traço aqui não
sei se é muito legal pessoal vou deixar
por enquanto tá E vamos lá vou aumentar
aqui o título a fonte do meu título
principal h1.net tipografia e clica aqui
ó Nessa configurações e aqui em
font-size está 40
há 50 só que aqui eu preciso colocar a
minha gata desse aqui em cima novamente
curso de WordPress grátis 2021 50/60 55
atualizar tá agora melhorou curso de
WordPress grátis 2021 vou deixar o
separador mesmo que sites e blogs
profissionais e beleza agora sim ficou
legal né ficou um design que eu acho
interessante e eu você pode também na
customizado aqui a descrição só que a
nossa descrição agora você clica e ela é
um parágrafo na verdade ó e aí você vai
ter aqui ao parágrafo e você pode editar
as opções de parágrafo também então
letra capitular mas nesse caso não vai
ficar bom isso daqui é mais para o seu
texto primeiro parágrafo você pode
trabalhar também aqui ó configurações de
cor então a cor do texto e acordo o
fundo eu quero o texto roxo e o fundo
laranja então vai ficar desse jeito
o caso você queira voltar ao que era
padrão clique em limpar e aí volta ao
que é de fogo do do seu Bloco né mas
nesse caso aqui a cor é branca tá então
basicamente é isso são configurações de
textual cor letra capitular avançado nós
vamos abordar depois a quem sabe o
público algumas aulas aí disse SS mas
não é no momento e aqui o tamanho caso
você queira colocar pequeno médio grande
ou ainda colocar por aqui então Ó é 30
pixels Aí você coloca aqui o tamanho do
seu texto não gostou da mudança clique
em redefinir e volta ao tamanho padrão
então atualizar e assim que ficou na
nosso bloco de texto é nas próximas
aulas é futuramente nós vamos criar essa
página aqui ó é todos os cursos do zero
Então nós vamos inserir né os blocos de
texto vamos fazer toda a formatação do
zero tá legal por enquanto nós vamos
customizar aqui a página que nós já
temos Então é isso aí pessoal nessa aula
ensinei a
e com título H1 esse Nei você colocar
aqui um novo bloco de texto que é um
parágrafo E você já descobriu também que
existe um espaço aqui do lado porque é
uma outra coluna que eu vou explicar
nossas próximas aulas e na próxima aula
nós vamos trabalhar com o botão beleza
grande abraço pessoal e até a próxima
tchau

Quer conversar sobre WordPress com outros membros?

Acesse nosso Fórum de Discussão.

Seja o primeiro a avaliar essa aula.

Por favor, entre na sua conta para deixar sua avaliação.
Adicionar aos favoritos
WORDPRESS DEFINITIVO PRO (1) (1)