Transcrições
1. Vídeo de introdução do Gutenberg: Olá e bem-vindo ao meu curso, no qual vou
ensinar-lhe como você pode usar o editor WordPress Gutenberg para criar as páginas e
postagens para o seu site. O editor de blocos Gutenberg
torna muito simples e fácil criar e formatar as páginas
usando o sistema de blocos. Neste curso, você aprenderá todos os principais recursos
que você precisa usar
ao criar
páginas no WordPress sem usar nenhum construtor de páginas
separado. Aprenderemos como podemos
inserir diferentes blocos getter disponíveis no editor Gutenberg e como podemos
personalizar esses blocos. Então fique atento. Na próxima palestra, vou lhe dar uma breve visão geral da interface do editor
Gutenberg.
2. Visão geral da interface Gutenberg: Agora vamos começar quando o editor de blocos Gutenberg. A primeira coisa que
vamos fazer é obter uma breve visão geral da interface
Gutenberg. No canto superior esquerdo, temos esse ícone de persiana
e largura mais. Esse fardo é adicionar
blocos dentro do nosso site. Ao clicar neste ícone, podemos ver todos
os blocos disponíveis para uso. E também os veteranos que são modelos
pré-construídos
fornecidos por Gutenberg. Esses modelos também são
criados usando esses blocos. Em seguida, temos a
opção de alternar entre o modo objeto
e o modo de seleção. O modo de seleção é muito
útil quando queremos simplesmente selecionar um item e
movê-lo ou reposicioná-lo. Então temos a opção
de desfazer e refazer. Aqui podemos ver que
suas caudas do nosso pH significam quantos caracteres,
palavras, títulos ou parágrafos ou
blocos estão incluídos
na página e também no esboço do
documento da página. Agora esta é a exibição de lista, que é uma parte muito importante
do nosso editor de Gutenberg. Aqui podemos ver a
estrutura completa de nossos blocos. E também a sequência é atualmente temos
apenas um bloco adicionado, que é bloco de parágrafos. Então, ele está mostrando apenas um bloco. Nas próximas palestras,
vamos adicionar mais blocos. Em seguida, veremos como
o ListView se torna útil para ver as sequências
e estruturas dos blocos. Em seguida, temos a
opção de rascunho salva para salvar nosso trabalho. E então temos
a opção de pré-visualização para abrir a nova guia Fernando
da RPGN. Ou podemos ver como nossa página se parece em
diferentes tamanhos de dispositivos, que é celular e tablet. Em seguida, temos a opção
Configurações, onde
podemos ver a configuração da página
e a configuração do bloco. Nas configurações de bade, temos algumas opções como
aeromoça e visibilidade, links
perma,
imagem de recursos e discussões, e também os atributos da página. E em bloco, temos o
envio do nosso bloco selecionado. Essas configurações serão diferentes para diferentes tipos de blocos. Como a aparência do gráfico do anteurso, temos tamanho da fonte, altura da linha, cor, cor de
fundo. Essas configurações serão diferentes para outros tipos de blocos, como imagens, lista ou coluna. Agora, no canto superior direito, temos opções de disfagia. A primeira opção é a barra de ferramentas superior. Para explicar esse recurso, vou adicionar um novo bloco, que é um bloco de cabeçalho. Agora você pode ver que cada bloco existe
nossa barra de ferramentas com ele. Ao selecionar essa opção, podemos mover essa barra de ferramentas
para o topo da página. Em seguida, temos o modo holofote e, em seguida, o modo de tela cheia. No editor, temos editor
visual no qual
estamos atualmente. E depois o coordenador. No Block Manager,
podemos gerenciar nossos blocos. Podemos desativar ou
ativar qualquer bloco
daqui e gerenciar blocos utilizáveis. Temos dados de fluxo
salvos para reutilização posteriormente. As opções de atalho do teclado
são dadas por Gutenberg. Você pode usar esses atalhos
para acelerar o trabalho. E então temos
nosso guia de boas-vindas, que é um pequeno guia para
usar o editor Gutenberg. E então temos a opção copiar
todo o conteúdo, que é usada para copiar todo o conteúdo que
está na página. Agora isso é um, isso é tudo o que temos em nossa interface
Gutenberg. Esta foi apenas uma breve
visão geral de todos os recursos. Agora, na próxima palestra, vamos
aprender como podemos adicionar impasses do Azure
para criar nossa página.
3. Como adicionar blocos: Olá e bem-vindo
à nova palestra do curso de
editor WordPress Gutenberg. Nesta palestra, vamos começar
a adicionar
blocos em nossa página. Existem diferentes tipos de método para adicionar
blocos na página. Antes disso. Uma coisa que quero mencionar
aqui é que sempre que
adicionamos um novo bloco antes de
escolher seu tipo, é por padrão um bloco de
parágrafos. Você pode ver aqui
na exibição de lista, o log adicionado é
exibido como um bloco de parágrafos. Agora vamos
adicionar um novo bloco. Então, para dat, vou
clicar neste ícone azul. E aqui estão todos os
blogs que estão disponíveis. Você também pode pesquisar
na barra de pesquisa. Escolherei um bloco de cabeçalho e o bloco será
adicionado na página. Agora você pode ver na
ListView que o blog que era um bloco de parágrafos agora
é convertido em
um bloco de cabeçalho. Agora vou escrever seus textos
para o bloco de cabeçalho. E quando eu pressionar enter, vou pular para fora desse bloco. E, em seguida, um novo bloco
será adicionado, o que também é por padrão
uma aparência de parágrafo. Agora, há outro
método para adicionar um bloco, que é clicando neste
ícone de mais que está no pêssego. E aqui podemos ver os blocos
mais usados. Também podemos procurar por
qualquer bloco a partir daqui. Então agora vou adicionar o bloco de
imagem daqui, e depois vou fazer o upload da
nossa imagem para este bloco. Como você pode ver, a
imagem é carregada. E agora vou pressionar novamente o botão Enter e
saltarei
deste livro para um novo bloco. Agora, outro método
para adicionar o bloco é que podemos mergulhar na
barra no bloco
e, em seguida, o nome do bloco
que queremos adicionar. Essa também é uma maneira muito rápida adicionar um novo bloco no pH. Aqui vou procurar nosso bloco de encargos e
depois adicionar um novo fardo. Agora, se eu selecionar esse
bloco e nas opções, tenho essa opção de inserir
antes e inserir depois. Ao selecionar essa opção
de inserção antes, um novo bloco será adicionado
antes desse fardo e aparência. E se eu tiver que adicionar uma nova
aparência depois disso, mas desbloquear, escolherei a
opção inserir após o nó. Esses são alguns dos métodos para adicionar novos blocos em nosso site. Agora, na próxima palestra, começaremos a editar
esses blocos usando todas as opções de edição
disponíveis para diferentes
tipos de fluxo.
4. Personalização de bloco de cabeçalho: Agora, nesta palestra, começaremos a editar
nosso bloco de cabeçalho. Festival. Selecionarei
o bloco de cabeçalho. Agora vamos ver quais são
as opções disponíveis. No lado direito. Essas opções serão diferentes para diferentes
tipos de relógios. Na tipografia, temos opções de alterar
o tamanho do título. Podemos selecionar dos
lados que estão disponíveis. Ou podemos escolher um tamanho personalizado. Em seguida, em cores, temos
a opção de alterar a
cor do texto de nossos títulos. Em seguida, temos mais algumas
opções para alterar a cor de fundo e alterar
a cor do link. Depois disso, veremos quais são as opções disponíveis
na barra de ferramentas. A primeira opção que temos é
converter esse bloco em
outro rebanho dipolo. E convertemos blocos relacionados a
codecs. Então temos opções para
movê-lo para baixo ou para cima na praia. Podemos usar essa opção para
alterar a posição do blog. Também temos opção de arrastar. Então, arrastando, podemos
alterar a posição do bloco. Em seguida, temos opções de alinhamento. A primeira opção é largura total. Então, a partir daqui, escolhendo
a opção de largura larga, nosso blog cobrirá a
ampla largura da tela. Você pode ver o ListView. Agora nosso bloco se governar
o veredicto amplo. Se eu desmarcar isso, e você pode ver agora nosso
bloco está no centro. O bloco de palavras está
apenas no centro. Agora. Da mesma forma, se eu
escolher a opção de largura total, agora, nosso bloco de cabeçalho
cobrirá toda a largura
da tela. Então temos as
opções de mergulhar. Podemos usar diferentes tipos de
cabeçalho, o que pode alterar o
tamanho do cabeçalho. Depois disso,
temos a opção de alinhamento de
texto no bloco. Se o alinharmos ao centro, podemos alinhá-lo à direita. Vou usar um alinhamento central. E então temos opções de negrito e itálico para o cabeçalho. Em seguida, temos a opção de adicionar um link para um texto de cabeçalho. Mas usarei essa opção
mais tarde para nosso bloco de parágrafos. E então o cabelo, mais
algumas informações, como eu posso adicionar código em linha ou imagem em linha. Na imagem interior, posso adicionar qualquer imagem dentro
desse bloco de cabeçalho. E então temos uma
opção de tachado. E então temos opção de
subscrito e sobrescrito. E então outra opção é x cor que podemos
mudar a partir daqui. Agora, mais algumas opções
nesses blocos. Nossas opções são que podemos fazer
uma duplicata desse bloco a partir daqui clicando
neste botão duplicado. Ou podemos remover qualquer
bloco daqui. E as outras
informações úteis aqui são adicionar dois blocos reutilizáveis. Podemos adicionar qualquer blog
do bloco reutilizável. A partir daqui. Como se eu estivesse adicionando esse bloco de cabeçalho e dando um nome a
ele, meu título. E então, se descermos
e adicionarmos um novo bloco. E neste bloco, podemos reutilizar o impasse
que criamos. Aqui. Podemos procurar esse
livro, que é o meu título. E você pode ver que esse
bloco está disponível aqui que adicionamos
aos blocos reutilizáveis. Então, vou simplesmente
selecionar esse bloco. E agora esse bloco que
criamos e, em seguida ,
adicioná-lo em bloco reutilizável
é adicionado na página. Agora, essas são algumas
das opções pelas quais você pode abordar seu bloco. Nove próxima palestra,
aprenderemos sobre outros blogs, dados disponíveis.
5. Bloqueio de parágrafo e imagem: Agora vamos começar a adicionar novos blocos e depois
sairemos desses blocos. O primeiro bloco que
vou adicionar é um parágrafo. Olhar por padrão é bloco já
é um parágrafo. Então, vou simplesmente com base no texto do parágrafo
que eu quero. E depois disso, se
eu ver no lado direito, todas as opções de edição são
iguais ao nosso cara de cabeçalho. Como podemos alterar o tamanho do nosso texto
do ar ou
podemos alterar a cor do texto
ou a cor do fundo,
a cor do link. Mais uma opção
que temos é de drop cap. Se eu selecionar essa opção, a primeira letra
do nosso parágrafo se
tornará um limite. Podemos selecionar ou cancelar a seleção
desta opção, se quisermos. Agora veremos opções
na barra de ferramentas. A primeira opção é
transformá-lo em qualquer
outro tipo de bloco. Não deve estar relacionado
ao nosso livro didático. Então temos a opção de
movê-lo ou arrastá-lo. E então temos
opções de alinhamento. Vou alinhá-lo ao centro aqui. Então temos opções
de negrito e itálico. Depois disso, temos a opção de adicionar um link em nosso texto. Então, selecionarei este EGN, escreverei o nome de qualquer site onde eu queira
redirecionar este texto. Então, depois de digitar
o texto no site e eu
simplesmente clicaria em Enviar. E então abrirei o
discurso em uma nova guia. E aqui você pode ver
que o link está funcionando. Se eu clicar neste link, ele nos redirecionará
para outro site. As opções de não desodorante para
este bloco de parágrafos são
as mesmas que discutimos
em nosso bloco de cabeçalho. E agora vamos adicionar um
novo bloco em nossa página, que será um tamanho de bloco de
imagem, clique em inserir depois e clicando
no ícone de mais. E a partir daqui vou
adicionar um bloco de imagem. E escolherei a imagem
da nossa biblioteca de mídia. Vou escolher essa imagem. Agora você pode ver que a
imagem foi adicionada. As opções para
o bloco de imagem no lado direito são que
podemos
convertê-lo em redondo ou podemos adicionar uma borda ou estrutura
nesta imagem. E então eu tenho a opção de
alterar o tamanho do tempo é que posso convertê-lo uma imagem de tamanho médio ou
uma imagem de tamanho grande. E depois de
novo as opções, a barra de ferramentas são,
podemos transformá-la qualquer outro bloco relacionado
a imagens. Então temos
opções de alinhamento como, bem, posso usar a largura total. Se eu usar a versão completa, você poderá ver as imagens usando toda a largura
da tela. E se eu usar muito bem. E qual cara usará uma tela escrita
mais ampla. Também tenho opcional
alinhá-lo à direita ou à esquerda do nosso bloco. E então eu tenho a opção de
alinhá-lo ao centro. A próxima opção é
que também podemos adicionar um link para esta imagem ou
podemos cortar essa imagem. E então temos a opção
de adicionar nosso texto
na imagem com Phil convertido
em qual bloco de capa. E um novo bloco de
bloco de parágrafos será adicionado
neste bloco de imagens. E então vou escrever o
texto do bloco de parágrafos escuros. E podemos alterar as
configurações desse bloco. Posso alinhá-lo ao
centro e depois
aumentarei o
tamanho do texto. E então vou torná-lo ousado. E temos todas as opções de busca de parágrafo para esta imagem. E então temos a opção
de substituir a imagem, mas qualquer outra imagem. Essa opção é útil
quando, por exemplo, temos várias imagens em nossos blocos de
imagem em nosso pêssego. E podemos simplesmente clicar em Substituir e substituir a imagem do cara por
qualquer outra imagem. Agora, essas eram algumas
das opções de edição disponíveis para parágrafo
e um bloco de imagem. Agora, na próxima palestra,
discutiremos mais alguns blocos.
6. Customizando o bloco de botões: Agora vamos adicionar nosso novo bloco, que será um bloco pretenso. Então, a partir daqui, procurarei o bloco de reviravoltas e
inserido em nossa página. Aqui temos opções de
adicionar carga múltipla dentro um bloco de carga da visão
sem pêlos, podemos ver que adicionamos um
bloco de carga dentro desse trabalho. Podemos adicionar vários encargos. Mas atualmente vou trabalhar
com apenas um botão. E agora vamos escrever pato X4, o fardo que está começando. E depois disso,
veremos quais são as opções de edição do
lado direito. Primeiro de tudo, temos a
opção de alterar o estilo de carga para
contornar ou preencher. Em seguida, temos a opção de alterar o tamanho da fonte para o Verdun. E nas
configurações de borda temos a opção de alterar o
raio da carga. Podemos convertê-lo em nosso próprio
fardo ou mantê-lo quadrado. Então, vou
convertê-lo em um botão redondo. E então temos a opção de alterar a
cor do texto do nosso botão. Então vou escolher uma cor mais clara para o texto, cor branca. E então temos a opção de alterar a
cor de fundo do botão. Então, a partir da cor personalizada, selecionarei uma
cor diferente para o botão. Vou selecionar uma cor
azul marinho para este botão. Então essa cor parece boa. E depois disso,
se tivermos a opção de alterar o tamanho da carga, podemos alterar a configuração da palavra. Podemos mantê-lo 50% ou 75 ou 100% do bloco. Então, usarei 50% de largura. E temos opções de
na barra de ferramentas podemos adicionar
um link para nosso fardo. O link está adicionando todas as outras opções para
a carga e a barra de ferramentas são iguais aos nossos outros blocos que
usamos anteriormente. Então, essas foram algumas das opções
de edição para o fardo. Usando essas opções, podemos editar nosso fardo.
7. Alterando o tema e como criar menu: Agora vamos aprender como
podemos criar uma landing page
ou qualquer página para nosso site usando
esses blocos de Gutenberg. Mas antes de tudo,
vou mudar minha equipe atualmente, estou usando nossa equipe
padrão do WordPress, que é sorteada D 21. Então, antes de tudo, vou mudar a
equipe do meu site. Então, para isso, irei ao painel
deles ou ao WordPress. E então, na aparência, irei para o Teams. E vou procurar por uma nova equipe aqui clicando em Adicionar novo. E então, na barra de pesquisa, procurarei por
uma equipe de cadência. Vou usar a
equipe de cadência para este site. Então, vou instalar essa equipe. E depois de instalar,
clicarei em ativar para
ativar este tema. Agora, o tema do meu
site é alterado. Agora vou adicionar algumas novas páginas no site porque quero
criar um menu para a página. Então, a primeira página que
adicionarei é a página Fale Conosco. Escrevemos Fale Conosco
o título da página e
publicarei esta página. E então voltarei às páginas e adicionarei uma nova
e outra página, que serão nossos serviços. E então clicaremos em
publicar para publicar esta página. Agora temos três
páginas em nosso site. Primeiro está incorreto,
que é nosso
domicílio e temos fala de contato conosco
e serviços. Agora vamos
personalizar nossos adolescentes. Então, para isso, vou
clicar em personalizar. E a partir daqui vou criar
um menu para o nosso site. Então vou para o menu e adicionarei um novo menu aqui. Vou dar um nome, meu menu e, em seguida selecionar o suborno local
e o menu é criado, então adicionaremos
itens no menu. Estas são as páginas que
criamos e eu vou
clicar nesta página é
adicioná-las em nosso menu. Depois disso,
podemos
reposicioná-lo para alterar o pedido. Agora nosso menu é criado. Agora, nossa próxima tarefa é
alterar as configurações da página inicial. Então, iremos para as configurações da
página inicial. Em terceiro lugar, nossa página inicial
é nossas últimas postagens. Vamos alterá-lo
para nossa página estática. E selecionaremos uma página
e direcionaremos como nossa página inicial. Então, agora esta página
funcionará como nossa página inicial. Sempre que
abrirmos nosso site, esta página será aberta em vez
da nossa descartada anteriormente. E, em seguida, clicaremos em
publicar para salvar duas configurações.
8. Como criar a seção de heróis: Agora vamos começar a criar
nossa landing page. Então, antes de tudo,
abrirei o modo agregado
para a nossa praia atual. Na equipe de cadência, temos mais opções de personalização
para nosso PhD out e configurações. Então temos em
nossa equipe anterior, quero usar o
cabeçalho transparente para o meu site, então habilitarei essa opção. Então, depois diretamente
no pH tentei
optar que eu desabilitarei. E então layout bege
usarei largura total. Estilo de conteúdo 10 será unbox. Depois do papai, eu
desabilitei ou preenchimento mal. Primeiro de tudo,
criaremos a seção de heróis. O primeiro blog que adicionarei para a seção
ego será um bloco de imagem. E então, na biblioteca de mídia, selecionarei a imagem
que queremos usar. E usarei a
taxa total para esta imagem. Depois do DAG, adicionarei o
texto dentro da imagem. Agora, essa imagem é
convertida em um bloco de capa. Então vou mudar
a opacidade para 0. É opacidade de cor de sobreposição. Estou mudando para 0. E depois digitei texto
para nossa seção de heróis. E usarei o
alinhamento central para este texto. Depois disso,
editaremos isso. Primeiro de tudo, aumentarei
o tamanho do texto. E depois
disso, vou mudar a altura da linha e depois fazer a primeira letra
de cada palavra maiúscula. E então vou torná-lo ousado. Agora é hora de
adicionar nosso novo livro, que será o rebanho. Então, a partir daqui,
adicionarei um novo bloco. Abrigou qualquer escalonado.
Voltei a usar o centro de
justificação para este bloco. E então vou escrever o
texto para este botão, que nos contatou. E vou mudar o tamanho
do texto e da palavra. E depois disso,
mudarei o raio, o raio borda para redondo, e mudarei a cor de fundo e a cor do texto
muitas vezes sobrecarregadas. Agora, nossa seção de heróis está pronta. Agora vou aumentar um pouco o tamanho da nossa
imagem de seção ETL. Acho que agora parece bom. Fui atualizado e
veremos em uma nova guia. Sim, parece bom. seção de áudio está pronta. Agora, na próxima
palestra, alteraremos as cores dos nossos itens da barra de menus e adicionaremos um logotipo do
nosso site no cabeçalho.
9. Como adicionar logotipo de marca e figurativo Menu: Olá, nesta palestra,
adicionamos o logotipo da marca
do site e
alteraremos o tamanho e a
cor dos itens do menu. Então, vou clicar em personalizar
e ir para a personalização. E a partir daqui vou selecionar
o título do meu site. E a partir daqui vou
selecionar Logotipo e quando. E então adicionarei a
imagem para o logotipo. Saiba que o
logotipo da nossa marca lateral é agregado, então eu ajustarei
o tamanho dele. Depois disso, precisamos alterar o tamanho e
a cor
dos nossos itens de menu. Então, vou clicar em Editar. E aqui vou aumentar
o espaçamento dos itens. E depois disso, vou mudar
a cor da fonte daqui. Depois disso, vou mudar, também mudei a cor da palavra
inteira. Agora temos que alterar
o estilo da fonte e tamanho
estrangeiro
desses itens de menu. Então eu herdei daqui, podemos alterar a fonte
que queremos usar. Eu iria com este
telefone e, em seguida,
aumentarei o tamanho da fonte. E também podemos alterar a altura da linha e o
espaçamento do item. A partir daqui. Agora, nosso estilo de fonte é alterado e o logotipo da nossa marca é adicionado. Agora vou voltar e
vou mudar a fonte base, todo o meu site. Então, a partir daqui, vou
mudar a fonte base, que mudará a
queda de todo o texto e adicionarei no meu site. Você também pode alterar
as fontes de títulos como H1, H2 daqui. E então selecionarei Publicar. E agora nossas alterações
foram salvas. Agora, na próxima palestra, adicionaremos mais
alguns quarteirões para
completar nossa praia de desembarque.
10. Como criar nossa seção de serviços: Oi. Agora, nesta palestra, vamos criar nossa próxima seção, que será nossa seção de
serviços. Então, antes de tudo, adicionarei uma nova página e vou escrever o
texto do cabeçalho. E depois disso,
vou alinhá-lo ao centro. E faremos
algum ajuste com o tamanho do cabeçalho. Depois disso,
adicionarei um novo bloco, que será bloco de colunas. Aqui estão diferentes variações
para a lei de Coulomb. E selecionarei uma coluna de variação de
árvore. Coluna. Vou adicionar
um novo cabeçalho. E então vou escrever
o xDr pastoreio, que será o desenvolvimento web. Então eu escolherei
o alinhamento central. Depois do DAG na segunda coluna, também
adicionarei a adição com as mesmas configurações e escreverei o conteúdo que
será marketing digital. E então adicionarei
o terceiro cabeçalho, que será o desenvolvimento de aplicativos. Agora vou adicionar uma nova imagem
em nossa primeira coluna. E então,
na biblioteca de mídia, selecionarei a imagem para esta coluna. E então escreverei
o texto do parágrafo. E então eu vou ajustar o
tamanho e alinhá-lo ao centro. E, em seguida, selecione o
texto e deixe-o em negrito. Agora vamos adicionar a imagem
para o nosso próximo número de chamada. Antes disso, vou alinhar
a primeira imagem, o centro. Agora vou aprender o bloco de imagem e depois selecionar
a segunda imagem. Alinhará ao centro. Em seguida, adicione um novo bloco de parágrafos e escreva o texto
para o parágrafo. E faça o mesmo ou apenas
significava que o texto deles. E o mesmo antes
da terceira coluna, adicionarei uma nova imagem
com as mesmas configurações e também os dados de texto do parágrafo
com as mesmas configurações. Agora, nossa
seção de serviços está pronta. Posso salvá-lo e, em seguida,
visualizá-lo em uma nova guia. Então é assim que parece. Parece bom, mas há
um problema com ele. O vetor da
seção é tão amplo, que está cobrindo a tela cheia
que não parece tão boa. Então, farei alguns
ajustes com minhas configurações
de layout da equipe do Canvas. A partir daqui usarei um
bit normal em vez de largura total, e então vamos salvá-lo. Também mais um ajuste que
eu quero fazer é o espaço entre nosso
título, nossos serviços e as colunas é que eu
não vou aumentar essa peça, então vou aumentar a altura da
linha do nosso título. Agora vou salvá-lo e
visualizá-lo em uma nova guia. Vamos ver como ele se parece agora. Agora parece melhor. Nossa nova seção é VRD, que tem todos os
serviços brancos. Então, é assim que você pode usar o bloqueio de coluna para criar seu
conteúdo diferente em seu site.
11. Bloco de espaçadores: O próximo bloco que
vamos
discutir é um bloco espaçador. Para discutir esse
cara, adicionarei qualquer um dos blocos daqui que supostamente
adiciona um bloco de cobertura. E agora queremos dar espaço entre
esses dois blocos. Então, para isso, selecionarei as opções do livro de capas. E nas opções
selecionarei inserir antes. E aqui vou
procurar o bloco espaçador. E então vou acrescentar isso. Agora, o que isso faz
é que ele adiciona um espaço entre dois
blocos ou no pH. Dessa forma, podemos adicionar o espaço entre quaisquer
blocos em nossa página.
12. Novos blocos de kadence de plugins: No editor WordPress Gutenberg, você pode usar todos esses blocos para criar seu site
completo de janeiro. Mas você tem, mas se quiser
mais opções de personalização, você pode adicionar mais plugins em seu site para ter
mais blocos, um pouco mais de opções de personalização. Então, para direto,
teremos que adicionar um novo plugin. Então, irei para Adicionar novo. E vamos adicionar
um novo plugin que é bom e bom e
espreita o bloco Gutenberg. Então, vou adicionar este plugin. Ele já está instalado,
então vou apenas atualizá-lo. E então vou
instalar plugins. E a partir daqui vou
ativar esse plugin. Para conectar é ativado. Agora. Posso voltar
para a edição da página. E agora
veremos em nossos blocos, tantos novos blocos são adicionados. Estes são os blocos que são blocos de
cadência Gutenberg. Podemos usar esses
blocos agora em nosso pH. Por exemplo, adiciono um novo bloco, testemunho
vicioso
no pêssego. E aqui temos
diferentes estilos disponíveis que podemos usar. Vou escolher esta célula. Agora. Só tenho que agregar o
conteúdo desse depoimento. Então, antes de tudo,
adicionarei uma nova imagem, vou carregá-la do meu computador, depois adicionarei essa imagem
em seu depoimento. Agora, para esta imagem, se eu for para a configuração de blocos, podemos ver aqui tantas outras opções de
personalização estão disponíveis
do que os outros blocos. Então, vou começar a
editar, por exemplo, nas configurações de mídia, temos
essas configurações de borda. Podemos alterar o
raio da borda. Podemos aumentar ou diminuir
essa cama ou a margem. E então podemos convertê-lo uma imagem de tamanho menor ou
podemos usá-la imagem de capa. Tantas opções, opções de
personalização estão disponíveis aqui
que podemos usar. Basta editar o conteúdo
desse depoimento e
ele estará pronto. Agora, se eu adicionar mais
bloco daqui, como eu adicionarei um livro avançado, então veremos para
este bloco de padrões, temos muito
mais opções de
personalização do que o nosso fardo normal de
Gotemburgo. Agora vou
adicionar um novo bloco,
que é o bloco Galeria de Imagens Avançada. Em seguida, selecionarei as imagens
para esta galeria de imagens. E agora você verá que
essas imagens foram adicionadas. Aqui estão algumas das opções. Podemos usar uma galeria de estilo de grade e podemos
convertê-la em um controle deslizante de imagem. Então, usando esses blocos, é muito fácil criar
nosso controle deslizante de imagem assim. Assim, você pode usar esse bloco de
cadência para ter mais opções de edição para todos os elementos que você
deseja usar em seu site. E também, tem
uma biblioteca de design que vamos discutir
em nossa próxima palestra, onde podemos encontrar modelos
pré-construídos que
podemos inseri-lo em nossa praia e
adicioná-los para criar belas
páginas para o nosso site.
13. Secções de biblioteca de design dos blocos Kadence: Agora vamos discutir outro recurso dos blocos
Giddens, que é a biblioteca de design, a biblioteca do
InDesign. Temos seções pré-construídas e modelos
iniciais que
podemos usar em nossa página. Então, vou abrir a biblioteca
de design aqui. E aqui temos todas as seções que
podemos usar em nossa página. Estas são seções pré-construídas que são feitas com blocos
diferentes. Por exemplo, quero adicionar um formulário de contato no meu site. Vou procurar
o formulário de contato aqui e ele é adicionado na praia. Agora posso editar o conteúdo. E nosso
formulário de contato estará pronto. Veremos você
procurar mais designs aqui. Há tantas
seções diferentes ou você pode usar, por exemplo, esta seção, só
preciso clicar nela
e adicionar na minha página. Então eu só tenho que editar o conteúdo na
seção Mais que vou adicionar. Por exemplo,
quero adicionar esta seção, então vou clicar nisso. E então a
seção completa
será inserida em nossa praia. E então podemos personalizá-lo acordo com nossos requisitos. Agora também iniciamos
modelos como esses são páginas completas
pré-construídas que
podemos embarcar em nosso site. Por exemplo, quero
usar esta página. Então, vou abrir todas as
praias como sobre nós e diferentes praias estão disponíveis aqui e diferentes seções. Só tenho que adicioná-los no meu site e, em seguida,
posso personalizar isso. E a personalização
dessas seções é uma perna muito fácil que eu quero, por exemplo, substituir
a imagem aqui. E vou clicar em
Substituir e depois adicionarei uma nova imagem e a
imagem será adicionada. Agora, por exemplo, quero
adicionar uma pasta no meu site. Então, vou
procurar uma foto aqui e adicionarei essa
pasta na minha página. Então eu posso personalizá-lo. Vou usar filbert
para este rodapé, e então podemos
personalizá-lo da maneira que quisermos. Então esta é a nossa base, que é como parece que
abriremos sua
dineina, seus dados. Como você pode ver o formulário de contato e todas as seções
que adicionamos. Portanto, usando a biblioteca de design, você pode adicionar muitas seções
diferentes e também as
páginas completas em seu site. E você pode adicioná-los de
acordo com seus guias de
requisitos que
aprendemos neste curso.
14. Obrigaoa: Então, essas foram algumas
das principais características do editor
WordPress Gutenberg. Nessas palestras, você
aprendeu como adicionar e personalizar blocos diferentes para criar suas páginas
do site WordPress. Muito obrigado por
assistir a este curso. Espero que você tenha aprendido
muito com este curso. E isso ajudará você em sua jornada de desenvolvimento
web.
Faisal Khokhar, null
