Domine o editor Gutenberg

1. Promo de Gutenberg: Bem, olá e bem-vindo a este curso muito especial sobre como usar o livro Guten. Que imprensa? Um pouco. Meu nome é Alex, o macaco, e serei seu instrutor agora. o macaco, Gutenberg era um editor que foi lançado. Fogo. Que imprensa? ano passado. 2018. E era para substituir o clássico Ed. Agora eu sei muito bem que desde que saiu, Rosenberg tem tido muito ódio. Um monte de pessoas que não gostam do editor eles preferiram o velho clássico pouco e toda a justiça quando comparado com, ou o úmido como esta página construtores como um manto construir. Gutenberg está certamente em ferial. Mas na minha humilde opinião, Gutenberg é melhor do que o clássico antigo. E este curso eu vou mostrar a vocês exatamente o que você pode fazer com este novo editor. Foi o que isso introduziu. Vou mostrar-lhe como você pode trabalhar com blocos de colunas como você pode adicionar conteúdo e também como você pode salvar e renovar seus blocos uma e outra vez. Então, basicamente, no final deste curso, você teria aprendido como você pode usar Gutenberg para criar páginas ou postagens em seu site de bolsa de guerra . Bem, eu espero em governar o curso hoje e eu espero ver um interior por dentro. 2. Introdução ao editor de Gutenberg: antes de começarmos, eu preciso garantir que eu tenho o Gutenberg editar tudo ativado no meu site WordPress. Agora. Mais cedo, quando eu estava construindo este site em particular, eu instalei um plug in, que é o clássico que ele vai ligar. E eu escolhi desativar a mercadoria e editor de livros dizer se você fez algo assim, então é importante apenas com o processo. Então eu vou fazer para ter certeza de que Gutenberg é realmente ativista para ir para as minhas configurações, ir para as luzes, e então aqui, eu vou mudar o pouco padrão de clássico para bloco. E eu também posso decidir permitir que os usuários mudem quaisquer ferramentas para Sim, Então, qualquer pessoa que molhe conteúdo no meu site pode usar a ferramenta assistida clássica ou simplesmente usar os produtos e editores de livros? Eu vou fazer isso. Então vamos em frente agora e salvar as alterações. E agora vamos para as nossas páginas. Eu gostaria de editar uma página existente, que é o azul, que é a página sobre. Então eu vou clicar no bloco e está tudo bem ali e aqui agora é o editor de Gutenberg. É exatamente assim que a mercadoria e editor de livros se parece. Você tem sua seção de título aqui e também vai para o seu conteúdo principal. Cada grande bacon adicionar seus blocos vai falar sobre isso um pouco mais tarde. Mas com a área de título agora, você pode optar por ocultar o título. Então, se por algum motivo você não quer exibir o texel de sua página em oposição a considerar clique no olho aqui e o título que não ser mais exibido aqui no topo. Quando você clica no título do seu link, você também os painéis aparecem para que você possa clicar em editar aqui e simplesmente alterar o link Pima se você quiser. Aqui, à esquerda, isto é implanta botão, despertar em blocos e, em seguida, você tem a capacidade de desfazer suas ações ou apenas ser fazer suas ações. Você tem o seu bloco de estrutura de conteúdo que vai dar uma olhada um pouco mais tarde para cima e, em seguida, nós também temos a navegação de bloco, que novamente, como nós começamos a adicionar conteúdo, você vai ver como você pode fazer uso fora deste futuro. Agora, aqui, à direita, você tem seu botão de pré-visualização, seu botão de atualização. Você tem esta frase de engrenagem, que basicamente esconde todas as configurações para esta página particular do post. Então você clica lá, você pode exibir todas as configurações e, finalmente, na extrema direita. Você tem esses três botões, que mostrarão mais ferramentas, como seu editorial visual chamado “Little You can compl ”. O conteúdo dará uma olhada nesse recurso um pouco mais tarde e depois nas configurações do ego. Você tem acesso ao documento como um todo ou a um conteúdo de bloqueio específico no qual você está trabalhando no momento. Vamos dar uma olhada nisso um pouco mais tarde, mas com documentos, você pode mudar a visibilidade que os estados públicos gente autor. Você pode mudar sua estrutura promotora aqui mesmo. E assim como com o editor clássico, você pode adicionar sua imagem futura aqui. Se você quiser que ele para um novo recurso, você pode alterar frase discussão diretamente aqui. Você pode permitir comentários ou optar por desativar apenas comentários por padrão. Ele tem seus atributos de página e, finalmente, porque nós temos o clássico é um plug in instalado. Eu posso decidir mudar para o dedo do pé assistido clássico estão aqui. Então, esta é apenas uma introdução muito rápida para a plataforma Gutenberg saltar sobre o próximo vídeo bem, mas não vai começar a adicionar conteúdo. Teoh sobre Paige. 3. Adição do nosso bloco de vídeo: Tudo bem. Então, como está agora, esta é a minha página sobre. Não temos nenhum conteúdo. Então, vamos começar adicionando um vídeo à nossa página. Vamos fazer isto. Vou editar a página, e o que vou fazer agora é adicionar o meu primeiro bloco. Agora. É muito importante que preste muita atenção ao que estou a fazer porque pode ficar bastante confuso. Gutenberg não tem necessariamente o melhor layout aqui agora. Você pode ver que eu tenho este botão mais. Posso usá-lo para adicionar um bloco. Também tenho o mesmo botão aqui em cima. Voltar e adicionar. Ah, bloco. Então você pode ir de qualquer maneira com esses dois aqui à direita. Por padrão, você recebe três blocos que você pode adicionar imediatamente e pode adicionar uma imagem. Você pode adicionar um título. Oh, você pode simplesmente adicionar uma galeria, certo? Vou em frente e clicar no botão de mais para adicionar um bloco. Agora, aqui você tem seis categorias fora dos blocos. Você tem o mais usado, que basicamente vai mudar à medida que você começa a construir sua página. Quando você usa um determinado bloco pela primeira vez, ele será adicionado ao mais usado. Então, normalmente é assim que as obras de arte de categoria mais usadas que você tem. Os blocos comuns desaparecem. Você tem seu conteúdo, sua galeria ou o vídeo antigo e assim por diante. Bastante básico, você tem a sua formatação onde você pode adicionar o seu código de e-mail HTM personalizado e assim por diante. Então você tem seus layouts. O mais importante aqui seriam as colunas. Você pode adicionar colunas e talvez adicionar três colunas, quatro colunas sempre, em seguida, um voto em particular. E então você tem acesso a widgets. Dependente do plugue é que você instalou. Você pode ter mais nossos widgets aqui. Tenho os formulários felizes conectados e roubados. É por isso que eu tenho acesso às formas felizes, um widget. E então finalmente você conseguiu as incorporações. Na verdade, isso é muito legal. Você pode incorporar a partir de diferentes plataformas de mídia social para o YouTube para o Spotify. Então, como exemplo, você poderia este conjunto para incorporar um vídeo diretamente do YouTube de volta e clicar no YouTube agora , clicando lá. Agora, aqui, eu vou ter que adicionar o u R l que eu gostaria de incorporar. Estou no YouTube agora. E eu tenho um vídeo da Sony Pictures do trailer do Homem-Aranha, os próximos filmes do Homem-Aranha. Vou copiar o “eu vou”. Bem aqui. Vamos copiar isso. Vamos voltar aqui. E agora vamos colar o u de l e eu vou clicar em incorporar Agora, note que nem todos os vídeos do YouTube você ser capaz de incorporar. Não sei exatamente qual é o critério, mas às vezes você pode ser capaz de incorporar se determinado vídeo todas as vezes que você pode não ser capaz de incorporar esse vídeo. Então, ok, legal. Então nós temos o vídeo, e você pode adicionar uma legenda para que eu possa entrar aqui agora e ver trailer do Homem Aranha. Uh, ok. Eu vou avançar agora e atualizar e vamos em frente agora e visualizar a página e ver como isso se parece. E Ah, OK, para que você não tenha, você tem o vídeo. Você tem sua legenda bem ali. Permitam-me que faça algumas mudanças muito rápidas. Vou remover a barra lateral. Vamos com o conteúdo. Sem barras laterais. Vamos esfriar até o topo. Vou esconder o título. Vamos atualizar agora, meu novo atualiza seu real Se você tem uma janela real que é aberto com sua página até o objeto em si automaticamente. Então é por isso que neste momento, eu não tive que atualizar esta página. Ele foi atualizado, então isso parece muito melhor. Eu gosto disso. Legal. É assim que você pode incorporar a partir do YouTube. Mas e se você quiser incorporar um vídeo diretamente da Biblioteca de Mídia? Bem, é simples. Vamos voltar aqui. Não, o que vou fazer aqui é isto. Quero remover este bloco que acabei de fazer. Eu posso usar o botão on fazer para remover primeiro. Er a legenda. Vamos clicar lá dentro. Agora, vamos ver. Ok, que o capitão foi removido. Vamos desfazer de novo. Certo, então aí está. O bloco agora foi removido, então você pode ter que clicar nele algumas vezes. Está bem. Para remover o bloco específico, vamos em frente e adicionar o bloco de vídeo agora. Então eu vou clicar no botão mais aqui novamente, e eu vou rolar até você onde você tem seus blocos comuns, e com blocos comuns, eu vou ter acesso ao vídeo. Rapaz, uma luz aqui. Vou clicar no vídeo. Agora. Eu vou para minha biblioteca de mídia porque eu tenho o vídeo bem aqui e é este . Vou em frente agora e selecionar esse vídeo agora com o botão Se você estiver adicionando um vídeo diretamente da biblioteca de mídia usando o bloco de vídeo, você terá acesso a mais opções. Então aqui, agora no bloco, temos acesso a diferentes configurações. Podemos decidir reproduzir o vídeo automaticamente. Você pode olhar o vídeo dizer por favor uma e outra vez. Você também pode atender ao vídeo e pode optar por mostrar os controles de reprodução apenas para ocultar os controles de reprodução. E depois a pré carga. Eu vou simplesmente ir com tudo parajust, pré-carregar automaticamente o vídeo, e então você pode escolher uma imagem de cartaz para o seu vídeo e, finalmente, você tem acesso à média avançada que você vai encontrar em quase todos os blocos. Normalmente aqui é que podemos adicionar sua classe CSS específica para este tipo particular off bloco. Ok, então novamente, legenda decorada eu não vou escrever uma legenda desta vez. Eu só vou ir em frente agora e atualizar isso e vamos ver nossa mudança. Vamos por aqui. E aí está. Agora temos nosso plano de vídeo, e você pode ver agora que ele loop todos os dividendos. Potencialmente, acho que talvez cinco segundos de duração. Então você pode ver agora eles explicam automaticamente. Vai parar, mas depois é olhado uma e outra vez. Então é exatamente assim que você pode adicionar um bloco de vídeo à página do seu livro de glúten. Obrigado por assistir o vídeo, e Jim Inexpressible vai adicionar um segundo bloco. 4. Adição de uma seção de 2: Agora, vamos dar uma olhada em como podemos adicionar várias colunas a uma seção com o Ed Gutenberg. vai Então o que eu vou fazer aqui é eu simplesmente vou clicar no botão de mais bem aqui , e eu vou passar para os elementos de layout, e eu vou adicionar colunas. Tudo bem, então, por padrão, você vai obter duas colunas se você usar dois blocos de colunas. Mas como você sabe? Adicione três colunas para colunas. Bem, você terá que clicar no botão direito sobre os seis botões ali e então agora você terá acesso à frase para o bloco de colunas. E aqui, agora você pode aumentar o número de blocos que você quer, e, ah, o máximo é seis. Você não pode ir no seis. Mas com toda a honestidade, acho que nunca precisaria de seis colunas avisadas à nossa secção em particular. Então eu vou voltar para duas colunas, conhecido por três ou quatro, e eu gosto disso. Então, para a primeira coluna aqui, você terá a parte inferior da OLP à direita, onde você pode adicionar o conteúdo específico para a primeira coluna, e então para a segunda coluna, você tem o botão de adição lá também. Então, para o primeiro 1, vamos em frente e adicionar uma imagem. E eu vou para minha biblioteca imediata e vamos ver, eu vou em frente e adicionar Batman. Sim, vamos usar o Batman como imagem. Assim, com um bloco de imagem, você pode adicionar texto alternativo, que é CEO grato. Então eu vou dizer que o Batman será o meu velho texto. Posso mudar sua imagem, assina as dimensões da imagem. E você também pode adicionar os links aqui mesmo hoje. Você gostaria de vincular a imagem ao Ah, para o segundo. Vou só ir em frente e colar algum texto aqui e para o tamanho divertido. Eu vou com 25 pixels. Vamos em frente e atualizar isso e vamos ver como isso se parece. Vamos descer e ah, ok, isso não é tão ruim. Sim, eu gosto agora. Você pode realmente optar por alterar o tamanho da sua imagem clicando na imagem, e então você verá os círculos azuis à direita e, em seguida, na parte inferior, tomada simples, basta clicar e anjos arrastar e fazer a imagem tão grande ou tão pequena como você quiser, e então eles querem voltar para as dimensões originais. Basta clicar no botão de reset aqui, e tudo voltará ao seu tamanho original. Então é exatamente assim que você pode adicionar colunas e adicionar imagens de mídia especificamente com o livro Goodson. Leia tudo. Obrigado por assistir e te vejo na próxima aula. 5. Adição de um bloco de capa: já. Então a página está se movendo muito bem. Com adicionado em vídeo, temos uma cabeça para fora. Temos uma mensagem. Agora, antes de começar a mostrar como você pode manipular blocos e colunas, vamos em frente e adicionar mais um pedaço de conteúdo. E esse vai ser o bloco Cova. Então aqui e eu vou clicar no botão de mais. Tudo bem? E vamos procurar o bloco Cova. Deve estar nos quarteirões. E ainda assim, lá vai você. Essa é a capa. Vou em frente agora e adicionar a capa. Então o que eu vou fazer é escolher uma imagem que eu possa usar para Mike. Vou clicar em mim na biblioteca e eu tenho essa imagem muito futurista que se parece algum tipo de guerra segura que está acontecendo. Eu vou usar essa imagem eu vou clicar em select. Então nós temos a imagem, e então eu posso adicionar algum texto que realmente copiou anteriormente eu vou colar esse texto bem ali. Agora, a única coisa irritante sobre este bloco em particular é o fato de que você não pode estender Ah, o conjunto com fora do seu texto que você pode. Você pode decidir ir todo o caminho para a esquerda on-line para a esquerda. Mas então você pode escolher esticar o real com de seus cofres do Texas, toda a imagem. Você não pode fazer isso, então você só pode escolher os elementos, que é um saco. Mas, ei, o que você vai fazer? Vou ficar com o alinhamento central agora, tudo aqui porque estamos trabalhando com a capa. Nosso bloco temos acesso a novas configurações são que podemos ir com um fundo fixo, que eu vou escolher. Então o que acontece agora é quando você começa a rolar para baixo a imagem real em si não vai para baixo. Com você, a imagem ficará lá. Com você, Estaticamente. Isso é o que o fundo fixo faz. Você pode adicionar sua cor de sobreposição para que você possa ir, vamos dizer , ah, eu vou. Talvez com preto como preto, sejam os CBOs. E então você pode escolher a opacidade, torná-la realmente escura. Ou talvez não muito escuro. Vamos até 60 talvez e fazer 65. Sim, eu acho que já que o primeiro deve ser apenas sobre luz, e, hum, é claro que você tem acesso a guia avançada, você pode adicionar. Você vai cessar a aula. Vamos atualizar isso e vamos ver. Ah, vamos ver como isso se parece. O que veio aqui? Vamos descer. Bem, olhe para isso. Ele não foi atualizado automaticamente. Não sei o que aconteceu lá. Olha qual era o problema. Apenas atualizemos manualmente. E o que está acontecendo? Vamos voltar aqui. Parece que isso não foi atualizado por algum motivo. Ok, agora parece construir datas. E vamos apenas fazer isso datas e Ok, então agora ele deve ser atualizado. Deixe-o vir aqui e fazer uma atualização difícil. Vamos descer e está bem. Ok. Então lá vai você. Vamos fazer isso de novo. Demorou um tempo para a imagem para o Senhor. Acho que é um pouco pesado. Vamos descer. E, uh Ok. Bem, não tão ruim. Embora isto seja um pouco para o Doc, o que vou fazer é mudar o excesso. Vamos descer para 50. Acho que é melhor. Vamos atualizar novamente e vamos voltar aqui. Vamos fazer uma atualização difícil. E OK, então isso parece muito melhor agora, mas eu posso ver. É assim que adicionar a capa com uma imagem estática e algum texto que irá rolar para baixo ou para cima com você. Então é isso. Muito obrigado por assistir ao vídeo alemão Avonex Video Bell vai agora começar a muitas pessoas comer os blocos que adicionaram atualmente eu vou ver Você então. 6. Adição de cabeçalho e de texto: tudo bem está em um vídeo anterior é adicionado com sucesso, Ah, Ah, vídeo com o dedo do pé do projeto. Mas agora vamos em frente e adicionar um Hedda e algum texto para fora se eu já cobriu algum texto dos limites do site Generate Ole. Se você tem texto real, você é mais do que bem-vindo para usar seu texto real. Eu vou para a página de edição e aqui está exatamente o que eu vou fazer. Então agora, logo abaixo do bloco de vídeo em si, eu vou até aqui e vocês podem ver agora que eu tenho acesso à cabeça e bloqueio bem ali . Vou clicar na cabeça, e agora vou digitar. As palavras são bem-vindas, Teoh. O filme Cava CTA está bem agora, porque isto é um bloqueio. As configurações no bloco aqui agora mudaram aqui. Agora podemos adicionar o nível. Vamos com um H? E H dois vai ser h dois. Posso mudar os alinhamentos para que vá para o centro. E então, assim como com o bloco de vídeo, você tem seu hábito avançado. Você pode adicionar a classe de sua irmã, mas com um cabeçalho, você pode adicionar seu tornozelo doente cada equipe se você quiser. Aqui, logo acima da cabeça e se bloquear. Você tem acesso a mais alguns recursos. Você pode tornar o texto em negrito, o que de fato faremos. Vamos torná-lo ousado. Poderia torná-lo um Talic. Você pode adicionar um link e, em seguida, você também pode fazer o seu strike através se você quiser. E agora aqui você tem acesso a mais opções que você pode clicar lá dentro. E isso lhe dará acesso a coisas adicionais que você pode fazer com este bloco de partículas . Vamos dar uma olhada nisso um pouco mais tarde. Certo, então temos os personagens do filme indo “Ótimo”. E por alguma razão, personagens foram destacados em Red Wise é realçado em vermelho, hein? É assim que se escreve personagens, certo? Eu não sei. Eu não sei por que isso está em jogo no meio de qualquer maneira, eu vou ignorar isso. Vamos adicionar um texto agora, logo abaixo das boas-vindas ao cacto do filme. Então, por padrão, eu nem preciso adicionar nenhum bloco, e eu posso apenas clicar dentro bem ali. Você pode apenas clicar dentro e eles podem digitar algum texto se eu quiser. Tudo o que eu posso apenas ir em frente agora e colar que leva que eu já copiei anteriormente. Então é basicamente assim que Gutenberg funciona. Quando você quiser adicionar parágrafos ou texto, você não precisa ir lá. Adicione um bloco de parágrafo. Você pode apenas digitar embaixo do bloco das pessoas que você andou e apenas colar o que quer que você queira andar com. Certo, então este é o nosso texto. E como este é um bloco de parágrafo, temos acesso a novas configurações. Agora, podemos mudar o tamanho do telefone do normal. Podemos ir com ah médio, o que tornaria um pouco maior. E, em seguida, aqui você pode alterar o tamanho real da fonte em si. Você pode adicionar uma tampa de queda, que eu vou fazer tipo de como o capital drop. Adicione isso para que seja para as seções de texto. Temos acesso à chamada de configurações, ou você pode alterá-la novamente em Kahlo, ou talvez até mesmo mudar a cor do texto. E, novamente, você tem acesso ao seu bloco avançado onde você pode adicionar uma classe CSS especificamente para o seu parágrafo. Vou actualizar isto e vamos ver como é. Vamos esfriar aqui e ali você tem. Bem-vindos aos personagens do filme. E depois temos a nossa mensagem. E depois temos a grande tampa de cerveja. Então é assim que você pode ter cabeçalhos e algum texto para sua boa página do livro. Se tiver alguma dúvida sobre o que não temos até agora, por favor contacte-me. Obrigado, vídeo da sorte. E claro que te verei na próxima aula. 7. Adição da galeria de mídia: Vamos em frente e adicionar mais um bloco, que seria a nossa galeria. Mas antes de fazermos isso, esqueci de mencionar uma coisa no vídeo das pessoas, que é mudar o com fora de suas colunas individuais. Bem, bom, mas afirmou que você deve ser capaz de mudar o com simplesmente clicando e, em seguida, dragar as bordas fora da coluna. Mas então não funciona. Depois que Edison Krumov negociou no Firefox, não funciona. Então, no momento em que suas colunas vão ter exatamente o mesmo com você não pode fazer uma coluna maior que a ordem. Espero que mudem isso nas próximas semanas, então quero que saiba disso, certo? Vamos em frente e adicionar galeria. E eu quero que você tenha muito cuidado sempre que você adicionar sangue, porque é muito fácil apenas vir aqui e você verá o botão mais mão direita, e então e então clique no botão Fechar para adicionar uma galeria. No entanto, se você fizer isso desta forma, suas galerias vão cair nesta seção contendo a imagem do Batman e, em seguida, o parágrafo sobre o branco você pode ver o azul é quadrado bem ali dizendo a área que este ocupa uma seção particular. Então, se você quiser adicionar sua galeria em uma seção separada, você tem que estudar todo o caminho até aqui. E então aqui fora desta grande caixa azul, você não pode clicar no botão de adição e depois adicionar sua galeria. Mas tudo bem, então você pode ver de novo. Ele ainda caiu dentro desta seção principal e eu não gosto disso. Vamos remover isso. Vamos fazer isso de novo. Vou clicar aqui. Ok, clique no botão mais na galeria. Nosso caso. E agora você pode ver que está lá fora. Ele caiu completamente abaixo da imagem do Batman. E nosso parágrafo Texas up diz que a galeria que você adicionar agora aparecerá na seção anterior contendo a imagem do Batman e o parágrafo. Portanto, tenha muito cuidado com isso. Um bom número pode ser capaz de ser complicado às vezes. Tudo bem, eu vou em frente agora e clicar na minha biblioteca de mídia. E vamos escolher um lugar tranquilo e no Jones determinar ah t 1000 e um comando. Então eu tenho cinco imagens que eu vou clicar em, criar nova Galati, clicar em vez de Galeria. Então aqui agora, com uma galeria, você pode escolher o número de colunas que você quer ir com. O padrão é três. Eu gosto que você pode escolher cortar suas imagens ou não. Eu recomendaria que você saia de suas imagens sobre isso. Claro, eles são exatamente iguais com e altura. Se não, vou aconselhar. Você corta-os para que pareça muito melhor. E então você pode vincular suas imagens a uma página de anexo ou talvez até mesmo um arquivo de mídia, até mesmo acesso ao avançado. Nunca. Você pode adicionar sua classe CSS. Vamos em frente e ou datas e ah, vamos dar uma olhada no que temos. Vamos até aqui. E enquanto Wow, nós adicionamos com sucesso a nossa galeria com livro Guten. Obrigado por assistir ao vídeo. Vemo-nos na próxima aula. 8. Edição e manipulação: Até agora, tudo bem. Com adicionado cerca de quatro blocos diferentes com editar nossa cabeça de vídeo no parágrafo e agora o bloco de capa. Agora eu quero mostrar como você pode manipular os blocos com os quais você tem trabalhado. Um pequeno truque aqui é você ver, sempre que você tentar clicar à esquerda de um determinado bloco, você verá estes seis botões bem aqui. Isso lhe dará os conjuntos reais para o bloco em particular com o qual você está caminhando. Agora, aqui no topo. Estas são as opções disponíveis para este bloco de vídeo específico. Você tem suas mais opções, que é na verdade para a coluna em si vai dar uma olhada nisso em apenas um momento. Mas aqui agora, você pode editar seu vídeo se quiser. E então aqui você pode mudar o com. Você pode decidir ir completo ou largo com. Vou ficar cheio desta vez. Agora você pode ver que mudou. Então agora o vídeo vai gastar o todo fora da nossa página. No entanto, nem todos os grupos de livros de idéias com a opção de ir cheio com mais agora se eu clicar no cabeçalho. Eu não tenho a opção de ir cheio com a minha cabeça fora. Tenho um clique nos seis botões para o bloco de parágrafos. Também não tenho opções de ir com a Eve . Com o parágrafo são Bloco, no entanto, com o bloco de cobertura. Se eu clicar nos seis botões aqui, eu posso ir com, como você pode ver. Então vamos fazer isso. Foram cheios com o vídeo e a tampa todos os blocos. Vamos ver como isso seria realmente parecido. Agora vamos atualizar esta página e lá vai você. E eu acho que isso parece realmente muito melhor agora sempre que seu vídeo vai para com isso, então vamos para a escola para baixo. Portanto, ainda temos o título e o texto tal como estão. Mas agora a nossa capa vai cheia com o que é realmente muito legal. Então é assim que você pode ir estão cheios com alguns de seus blocos novamente. Se você não pode mesmo querer ir cheio com você, tem a opção de ir são largos com Se você quiser fazer apenas fazer o seu são bloqueados ir um pouco mais largo do que o normal. Ok, legal. Incrível Vamos voltar para voltar até aqui. Tudo bem? Ligue até aqui. Tudo bem? Então, uma outra coisa que você pode fazer é uma vez que você está cheio com a configuração de blocos cancelados, você não será mais capaz de acessar as configurações à esquerda dele. Você será capaz de aceitar as configurações ali no topo, você possa ver agora que você tem agora acesso aqui, basta clicar nos seis botões. E aqui você pode mudar. Ah, as configurações. Para cada bloco que você tem, você terá acesso ao movimento para baixo ou as horas de movimento para cima, ou talvez até mesmo ambos, dependendo da posição fora desse bloco específico em sua página. Então, como um exemplo agora com o bloco de cabeçalho, eu posso movê-lo para cima, tudo bem. E então isso deve ir logo acima do vídeo. E como você pode ver, tudo o que eu posso simplesmente movê-lo para baixo, e ele volta para sua posição original. Então esta é uma maneira como você pode escolher a posição fora de seus blocos. Você também pode clicar nos seis botões à direita, um clique e segure e, em seguida, simplesmente arraste. E então você terá que esperar por esta linha azul. Você pode ver que ele define na linha azul que aparece que é a linha azul. Isso significa que se você soltar o mouse agora, ele aparecerá logo abaixo do real são bloco de parágrafo em si novamente. Deixa-me mostrar-te. Vou clicar nos seis botões. Tente movê-lo para cima Espere que a terra azul apareça logo acima do parágrafo E lá vai você Agora parece que eu vim uma lista e lá vai você. Então agora o cabeçalho está de volta à sua posição original. Então é assim que você pode mudar as posições de seus blocos. Agora, cada bloco irá fornecer-lhe as mais opções definidas aqui, os três botões que você pode clicar lá dentro. O que você pode fazer agora é ocultar as configurações de bloqueio. Você pode ir em frente e duplicar. Você pode clicar em duplicatas e, em seguida, você terá exatamente o mesmo bloco com exatos obcecados neles apenas em fazer isso. Volte para os meus três botões aqui. Você pode optar por inserir um bloco pouco antes do bloco real doente e clique em e disse antes e agora aqui você será capaz de adicionar um bloco de aparecer logo acima do bloco título novamente. Deixe-me fazer isso com o controle Z, clique nos meus seis botões aqui. Volte para três botões e, em seguida, você tem a inserção após o qual seria apenas o oposto onde você pode agora adicionar um bloco depois de fazê-lo andando atualmente com e, em seguida, você pode editar como h T m l. Isto vai se oferecer para ser se você estiver experiente trabalhando com HTML. Você tem essa opção ali. E finalmente Alan, vamos fazer isso. Oh, eu sinto muito. Parece que me confundi. Todos permitiram. Apenas controle Z. Ok, vamos clicar de volta aqui. Ah, e visualmente. Está bem, peço desculpa. Até eu fico confuso, às vezes, sempre que trabalho com Gutenberg. Só uma dica rápida. Se você decidiu mudar para editar como seu Tamil aparentemente controlar Z Se você tentou desfazer uma caminhada do meio corretamente, o que você quer fazer é simplesmente voltar e apenas adicionar visualmente. Então, basta usar as opções de edição visual para que seja como voltar para a edição visual. Tudo bem, então finalmente você tem acesso ao anúncio para blocos utilizáveis. Isto é muito útil. Quando você criou define em golpe, parar sentado tipo de conteúdo e editar algo tipo de conjunto em qualquer um que usou um bloco outro lugar. Você pode entrar aqui e simplesmente escolher adicionar a blocos utilizáveis, e então você pode adicionar um nome para os livros de resultados. Eu vou dizer cabeça no bloco e eu vou ir em frente agora e salvar isso. Então eu vou mostrar-lhe mais tarde sobre como podemos realmente fazer uso deste bloco reutilizável. Mas é assim que você pode manipular nossos blocos com a boa opção de editor de livros você como você pode mudar suas posições. Ei, King, gol. Forma completa de como você pode inserir blocos antes e depois e como você pode salvar ou criar um blocos reutilizáveis. Então, obrigado por assistir se tiver alguma dúvida. Sei que isso pode confundir um pouco a polícia. Se você tiver alguma dúvida sobre o que eu fiz até agora, por favor me avise. Obrigado por assistir ao vídeo e eu vou vê-lo na próxima aula. 9. Usando o bloco reutilizável: vamos adicionar um texto final, e isso seria um título, agradecendo ao usuário por visitar a página sobre nós. Agora lembre-se que já criamos um bloco reutilizável fora de um cabeçalho, e é assim que eu aqui virá para personagens de cinema. Então, como podemos usar exatamente esse mesmo bloco? É muito fácil. Eu vou até aqui, clique no botão mais, e agora, e agora, porque nós não temos menos um bloco reutilizável, você vai encontrar uma categoria muito especial de blocos conhecidos como reutilizável ouvir clicando lá e lá vai você. Temos a cabeça e o bloqueio e é isso. Bem-vindo aos personagens do filme, certo? Posso clicar nas edições. Eu posso entrar aqui agora e mudar o texto para Vamos agradecer e salvar agora mesmo . Ele pode pensar que está tudo bem com o que acabei de fazer. No entanto, se eu voltar para cima, dê uma olhada nisso agora. O livro reutilizável da primeira semana agora tem exatamente o mesmo texto. Obrigado. Então esta é uma limitação que você pode encontrar com os blocos reutilizáveis. Se você salvar um bloco como reutilizável, e você fizer qualquer tipo de alteração, seja para o texto, o conteúdo, o conteúdo, este estilo em qualquer lugar que ele vai afetar exatamente o mesmo bloco em qualquer outro lugar em seu site. Basicamente, suas mudanças são globais. Então, como você pode realmente fazer uso de blocos reutilizáveis onde você pode simplesmente copiar o bloco colado em um novo local e, em seguida, simplesmente fazer quaisquer alterações personalizadas que você deseja fazer para esse novo bloco sem afetar o antigo? Bem, na verdade é bem fácil. Um pouco de agitação exatamente como você faria isso. Vamos voltar aqui, Caleb, Caleb, apenas edite este clique nas cartas de agradecimento. Volte com o original Bem-vindo aos personagens do filme. Bem-vindo ao virá para os personagens do filme. Ok, vamos em frente e salvar isso. Certo, vamos voltar aqui. Então é o seu Bem-vindo aos personagens do filme ou algo assim eu vou ir em frente e apenas remover este bloco completamente removido bloco. Então agora como eu posso realmente fazer um bom uso fora do bloco utilizável? Vou voltar aqui clicar no botão de mais. Vamos voltar todo o caminho para utilizável. Vou clicar no mesmo cabeçalho novamente. Então agora eu tenho exatamente o mesmo texto acolhe personagens de filmes. Mas se eu quiser fazer uma mudança aqui e fazer isso em Lee para este bloco em particular, eu vou ter que converter esses blocos reutilizáveis em um bloco regular. E como eu faria isso? São clique nos três botões aqui e agora você pode ver o converter para Regula Block, mas um clique lá Agora é bloco regular, e eu posso dizer, Ah, vamos apenas dizer obrigado por parar por aqui. Obrigado por passar por aqui. Não posso ir em frente e atualizar minha página. Vamos chamá-lo. É para cima e ver E lá vai você. Ainda temos o bloco reutilizável original com o mesmo texto. Bem-vindos aos personagens do filme. Então é exatamente assim que você pode fazer uso adequado fora de seu você vê letras de bloco capazes ir para a página. Bem, primeiro da página e vamos apenas certificar-nos de que tudo parece como deveria. Obrigado por passar por aqui e incrível. Lá vai você. Então é assim que você pode fazer uso dos blocos habituais com o bom editor de livros. Todos 10. Como usar o bloco de espaçamento: Mais um quarteirão que eu gostaria que andássemos com seria o espaço e o bloco. Agora, por padrão. Obter sobre. Há um trabalho decente em separar ou dar espaço suficiente entre os blocos em sua página. Mas em certos casos você pode. Você pode querer ter mais espaço entre um bloco e outro. Então, um exemplo. Agora eu quero mais espaço entre o bloco de cobertura que temos aqui e em nossa seção de duas colunas . Eu queria ser mais colar e também queria ser mais espaço entre o artigo, hum, seção e nossa galeria de imagens. Então, como podemos fazer isso? Bem, felizmente, Gutenberg tem um bloco, e é conhecido como o espaço neste lugar e bloco. Então eu vou vir aqui bem no topo da nota que o botão mais e adicionar bem aqui é o que está no centro. Não é o que está acima da imagem do Batman. Não é o que está acima do nosso texto. É o que no meio indica no sim, este novo livro em particular que eu vou adicionar vai abranger ambas as colunas. OK, muito importante. Então eu vou clicar em Adblock branco agora Basta fazer isso de novo, Ed Block. Está bem, então vai estar na cama. Há. É chamado espaçador, na verdade, modo que é chamado espaçador. Vou clicar nele. E agora aqui, você pode adicionar seu espaço e em pixels altos. Então eu vou ouro para 50. Eu acho que talvez este é um pouco muito conjunto de pixels. Parece estar bem. Eles vão em frente agora e atualizações. Vamos voltar, Teoh Page Vamos ver o novo espaço. E lá vai você muito melhor assim. Agora, eu vou fazer exatamente a mesma coisa entre a seção de duas colunas e nossa galeria de imagens. Então, vamos voltar aqui. Vamos esfriar. Está bem? Mais uma vez, o botão mais no meio, vou clicar nele. E eu não vou ir em frente agora e adicionar espaçador, e eu vou apenas com exatamente a mesma atualização 30. Vamos voltar aqui até aqui. E lá vai você. Muito mais espaço entre a seção Sick Lem e nossa galeria de imagens. Então é assim que você pode adicionar espaçamento mais baseado em entre seus blocos em sua página, como uma fortuna. Vejo-te na próxima aula 11. Blocos de Gutenberg adicionais: apenas para lhe dar uma recapitulação muito rápida sobre os blocos que você tem disponível com Gutenberg . Até agora, acredito que usamos cerca de nove ou 10 blocos diferentes ao construir nossa página sobre. Mas você obviamente tem acesso a muito mais são difíceis de blocos, então você tem acesso a blocos adicionais como arquivo. Você tem áudio da lista fria na formatação você tem o Bem da Maura, você tem coisas como código, seu clássico editorial pull frio pré formatado. Você também pode adicionar tabelas com Gutenberg, que eu acho que é realmente bastante incrível, porque você pode fazer isso com o velho clássico Um pouco para o espaço, e você pode adicionar botões também. Você pode adicionar suas quebras de página. Você pode adicionar o seu todo separado e, em seguida, widgets. Claro, você tem acesso aos seus arquivos. Vamos postar com suas categorias de comentários e, em seguida, é claro, incorpora. Mas não faça muito uso desta área em particular. Mas você tem acesso a diferentes tipos fora APS que você pode incorporar em sua página com mercadorias e olhar, então eu acho que o que eu estou tentando dizer aqui é não se limite a exatamente os mesmos blocos que têm usado na criação do meu sobre mim página um distante experimentação. Tente caminhar com os outros blocos que você tem disponível para você. Claro, isso vai depender se você realmente precisa fazer uso desses blocos em particular . Então isso é basicamente para os blocos que o bom Gutenberg nos fornece. Muito obrigado por assistir e verei na próxima aula. 12. Ferramentas e recursos de Gutenberg adicionais: Bem, bem, bem. Bem-vindo ao vídeo final para Goodson Book tutorial. E o que eu quero fazer aqui é apenas orientá-lo através de alguns recursos adicionais que você pode achar úteis ao trabalhar com Gutenberg. Então aqui, escritor extremo dentado, você tem três botões, você pode clicar nele, e é um muito com alguns recursos adicionais. Então você tem o modo holofote, que permite que você se concentre em um bloco de cada vez. O que é isso é que vai simplesmente cinza para fora todos os blocos em sua página. E então, se você decidir trabalhar especificamente em um bloco específico, vamos, por exemplo, a imagem de Bettmann. Agora você pode ver as imagens de homens maus. Não está mais acinzentado, que significa que estou andando em cima do Lee neste quarteirão em particular, enquanto todos os outros quarteirões estão ótimos. Então acho que são os melhores usos. Ele só permite que você saiba um pedágio. Os tempos são em que bloco particular você está andando, então é meio útil na verdade. Vamos voltar aqui. Vamos desligar o modo holofote. Você também tem acesso ao modo de tela cheia, que é basicamente como um editor de página de telefone neste momento. Então você não vai mais ver a imprensa de guerra backend. Você pode apenas fazer uma mudança aqui. E é como se estivesses a andar no editor da página do telefone. Isso é como o seu uso principal. Deixe-me tonificar isso de volta à visão original. Muito bem, , editor, tens a tua ajuda visual 12. Mas também temos seu editor de cordas. E então você tem a gerenciar todos os blocos reutilizáveis clicando aqui. Vamos ver o que isso faz. Isso nos levará a uma página especial onde podemos gerenciar todos os blocos reutilizáveis criados, então em tem um exemplo agora. A cabeça está bloqueada. Então eu posso simplesmente ir em frente agora e editar o bloco e vir aqui e fazer minha mudança. E seria isso. Agora você também pode exportar e importar seus blocos do editor de livros Morn Gutin para o outro. Então, neste caso, apenas exportar como seu Jason, você obtém o arquivo, você vai para o novo site e, em seguida, você simplesmente importar o Jason para você criou a partir de seu primeiro site. É assim que você pode exportar e importar blocos. Agora, no momento de gravar este vídeo em particular, que é na verdade 1º de fevereiro de 2000 e 19 Se eu clicar em adicionar um novo bloco com Gutenberg , tudo o que eu recebo é uma tela de luz em branco. Então eu acredito que isso é algum tipo de bug que está acontecendo atualmente. Então espero que quando você assistir este vídeo, talvez eles tenham corrigido o problema. Eu não sei. Espero que sim. Mas vamos manter os dedos cruzados voltando a uma página. Se eu voltar. Ferramentas Teoh. Você também tem o botão de opções onde você pode optar por mostrar ou ocultar tipos de configuração de recursos em sua página. E, finalmente, você tem o botão do olho aqui, que é tipo tipo de como a sua estrutura de conteúdo. Você clica lá dentro e isso irá dizer-lhe exatamente como seu conteúdo é colocado para fora. Quantas palavras você tem cabeçalhos, parágrafos e blocos. Isso é realmente muito, muito útil para o S e. O, especialmente quando você está tentando otimizar seu conteúdo para que isso possa ser muito, muito útil. E então você também tem sua navegação em bloco onde você pode rapidamente saltar um bloco de partícula para fora que você queria andar sobre. Então, neste caso, por exemplo, agora eu poderia clicar nas colunas e ele vai me levar direto para nossas colunas, bloco de trabalho e agora faz e editar. Então isso é muito útil. Especialmente quando você está andando com páginas que têm um monte de blocos. Acabá-los de modo que é basicamente cheio. Gutenberg. Muito obrigado por assistir. E se tiver alguma dúvida, é claro. Você me avisa? E eu vou ver no próximo vídeo. 13. Conclusão de Gutenberg: Bem, aí está. Chegamos ao fim deste fim especial de como usar um pouco o livro Guten. Como você pode ver agora. Não é tão ruim quanto muitas pessoas dizem que é. É certamente túmulo inferior ou acumulação de página estabelecida. Plugue ins como um homem falar com acúmulo, mas certamente fornece muito mais recursos do que o antigo editor clássico. Então eu sinceramente espero e acredito que você já adquiriu as habilidades necessárias usado livro Goodson para construir suas páginas se opõem em seu WordPress. Worksite tem sido um prazer ou ensinar-lhe este curso e apreciou. Por favor, deixe um comentário. Isso realmente me ajudaria muito. Muito obrigada. Meu nome é Alex do Prazer. E vejo-te na próxima vez. Tchau tchau.