WordPress para iniciantes: blocos e edição

Olá, meu nome é Chrissy Ray, e nestas lições, você aprenderá como editar postagens e páginas usando blocos e o editor clássico. Vamos começar editando uma página usando o editor de blocos, e esse é o editor padrão para postagens e páginas. Você pode ver agora que estou em uma página e estou no editor. E a maneira mais fácil de adicionar um bloco, você pode ver aqui que diz Digite barra para escolher um bloco. Então eu poderia fazer isso. Eu poderia simplesmente digitar barra nesse espaço. E posso escolher um desses blocos comumente usados. Se você não encontrar o bloco que deseja adicionar dessa lista, basta pressionar Backspace e, em seguida, mova o mouse aqui até ver o sinal de mais. E você pode clicar no sinal de mais para adicionar um bloco. Isso vai dar a você uma barra de pesquisa onde você pode pesquisar para o bloco que você deseja adicionar. Agora vou adicionar uma imagem. Então, eu só vou escolher a imagem. Se você não vê a imagem lá, você pode simplesmente digitar a palavra imagem e ela aparecerá. Quando você for adicionar uma imagem, você tem a opção de carregá-lo, se quiser. Se você já fez o upload, você pode ir para a biblioteca de mídia ou você pode inseri-lo a partir de um URL. Já enviei uma imagem que quero usar, então vou clicar na biblioteca de mídia e eu vou escolher a imagem que eu quero, verifique se há algum texto alternativo lá, e, em seguida, clique em Selecionar. Agora algumas das configurações que você vai administrar por um quarteirão estarão neste painel no lado direito da tela, e alguns deles vão estar no bar isso é acima do bloco. Então você pode ver aqui, por exemplo, para a barra, Posso usar filtros. Eu posso alinhá-lo. Posso adicionar um link. Eu posso fazer algumas outras coisas lá. E no painel do lado direito, Posso alterar algumas outras configurações. Então, só quero apontar algumas configurações sobre imagens que são importantes. O número um é, novamente, este texto alternativo. Você sempre quer ter certeza que suas imagens tenham texto alternativo, texto alternativo. Isso é muito importante. E se você alterar o texto alternativo em uma imagem que foi adicionado a um pôster ou página, não atualiza o texto alternativo que estava na biblioteca de mídia. Então você quer ter certeza de alterá-lo na biblioteca de mídia e, em seguida, adicione-o à página se quiser que seja refletido em quaisquer novas instâncias dessa imagem em particular. Ele não altera nenhuma instância existente. Outra coisa sobre as configurações de imagem é o tamanho. Então você pode ver agora que está definido como grande. Esses tamanhos são determinados pelo tema que estou usando. Alguns temas têm mais tamanhos. Alguns temas têm tamanhos menores. Então depende do tema que você está usando para o seu site. A outra coisa são essas dimensões da imagem, Eu normalmente tento não mudar essas porque muda as dimensões da imagem na tela, mas na verdade não altera o tamanho do arquivo. Então, se você fizer isso como 50%, eles ainda precisam baixar toda a imagem maior para ver essa versão menor dele. Se você precisar usar um tamanho de imagem diferente, então eu recomendo fazer esse tamanho de imagem antes de carregá-lo. Tudo bem, mais uma coisa sobre a imagem é que você pode dar uma legenda. Eu quero apenas redefinir isso e dar uma legenda. Então eu vou digitar isso. E na legenda você também tem algumas ferramentas de edição de texto. Assim como você fez para o parágrafo. Agora, quando estiver pronto para adicionar um novo bloco, você pode simplesmente pressionar Enter e isso lhe dará um novo bloco. E, novamente, você pode digitar barra ou você pode clicar no sinal de mais. Se você quiser ver todos os blocos disponíveis, você pode clicar em Procurar tudo, e isso vai mostrar todos os blocos que estão atualmente instalados para o seu site. Muitos deles são instalados por padrão. Alguns deles, se eu rolar aqui, são instalados por causa de plugins que eu tenho. Vou adicionar outro bloco isso eu acho bem útil e um que você deve conhecer. E isso vai ser o bloco de cabeçalho. Títulos são muito importantes por dividir o conteúdo da sua página. Você quer usar títulos corretamente, no entanto. Às vezes vejo pessoas usando cabeçalhos onde eles apenas gostam do jeito que parece então é por isso que eles usam o título. Você quer ter certeza que você está usando o nível correto de título. Então você pode ver aqui agora que eu tenho um H2, qual é correto. O título da página geralmente será um título de nível um. Esse será o cabeçalho principal da página. Normalmente, você deve ter apenas um H1 ou um cabeçalho de nível um para uma página inteira. Quaisquer subtítulos devem ser H2 ou inferior. Mas você quer ter certeza que você estruture sua página corretamente. Portanto, não use um H3, a menos que seja um subtítulo de um H2. Não use um H4 a menos que seja um subtítulo de um H3. Então você não deve ter um H2 seguido por um H4 porque você precisa de um H3 no meio. Vou adicionar um título aqui e vou digitar Bolos de todo o mundo. Então você pode ver aqui que eu tenho este cabeçalho selecionado e tenho algumas configurações que posso alterar na barra assim como fiz com a imagem. E então eu tenho algumas configurações que eu possa mudar no painel. E você pode ver, eu só quero apontar um é que eu posso mudar o caso. Então, se eu quiser que seja tudo em maiúsculas ou todas as letras minúsculas ou mistas, posso fazer isso. Quando eu coloquei em letras maiúsculas, ele capitalizou cada palavra. Então, se eu quiser removê-lo, basta clicar em Nenhum. Outro bloco que acho útil conhecer, Vou apenas pressionar Enter aqui para adicionar um novo bloco, vai ser o bloco de botões. Então, vou digitar botões de barra e adicionarei alguns botões aqui. E eu vou digitar bolo um. E vou pressionar Enter para adicionar outro botão. Este vai ser o bolo dois e Enter para adicionar um terceiro botão. Então bolo um, bolo dois, bolo três. Agora, com esses botões, você pode ver aqui se eu clicar no bolo um, Na verdade, tenho as configurações apenas para esse botão. Por exemplo, posso alterar a cor de fundo por apenas aquele botão. E você pode ver que isso não afetou os outros. Se eu selecionar outro botão, Eu posso então mudar a cor do texto para aquele. E isso afeta apenas esse botão específico. Se você deseja aplicar configurações para todos os botões. Então, opa, deixe-me mudar o texto de volta para algo que você pode ver. Aqui vamos nós. Se você quiser alterar os botões como um todo, então você selecionaria qualquer um dos botões e então você pode clicar neste botão de botões. É difícil dizer. E isso vai lhe dar as propriedades para todos os botões. Mas observe que você não pode mudar as coisas como a cor de fundo. Isso ocorre porque essa é uma propriedade específica do botão. E o que estou tentando te mostrar aqui é que cada um dos blocos que você usa tem configurações diferentes e será uma questão de usar os blocos para aprender as configurações e praticar um pouco com elas. Então você pode ver, por exemplo, Posso centralizar os botões ou alinhá-los à direita. Eu tenho algumas opções lá. Ou posso mudar a orientação e eu posso brincar com isso. Mais um bloco que eu quero te mostrar, então vou clicar em mais, e isso vai ser uma lista. Então, uma lista vai por padrão ser uma lista não ordenada ou com marcadores. Esta é uma lista. E você pode ver que quando pressiono Enter, ele adiciona itens a ele. Se você quiser que toda a lista seja uma lista numerada, você precisa selecionar a lista inteira. Então você pode ver agora que eu tenho um item de lista como o bloco atualmente selecionado. Se eu quiser selecionar todos os itens da lista, Preciso clicar neste botão de lista de seleção. E você pode ver lá, Posso alterá-lo para uma lista numerada ou uma lista com marcadores. Isso é desordenado ou ordenado. Você também pode clicar em um item de lista individual e você pode indentá-lo, o que o tornará uma sublista, ou você pode recuar se precisar. Assim que fizer qualquer alteração em sua página ou postagem e os blocos que estou mostrando estão disponíveis tanto nas postagens quanto nas páginas. Então, qualquer coisa que você vê aqui, você também pode fazer nas postagens também. Mas assim que terminar, você vai apenas clicar em atualizar para sua página e isso vai atualizá-lo. Mais uma coisa que quero mostrar a vocês sobre esses blocos e isso é algo que eu realmente gosto nos blocos. Se você precisar alterar a ordem dos seus blocos, você pode apenas selecionar um bloco e então você pode arrastar, usando este pequeno ícone de arrastar aqui para arrastá-lo para cima ou para baixo. Então eu posso mover isso. Ou se isso for um pouco difícil demais para você, você pode clicar na seta para movê-la para cima ou para baixo dentro da página. Você também para cada um desses blocos tem esses três pontos à direita. São opções, e você pode usar isso para copiar ou duplicar um bloco. Você pode inserir blocos. E se você ama HTML, você é um programador, você também pode editá-los como HTML. Se você entrar lá, você pode editar visualmente para alterá-lo. E você pode ver que você tem alguns recursos adicionais aqui. Um dos recursos que uso com muita frequência é o recurso de remoção. Portanto, se você adicionar um bloco e decidir que não precisa dele, você pode selecionar o bloco e clique em remover imagem para removê-la. Então é isso por blocos agora. Obrigado por assistir. E fique atento para a próxima lição onde mostrarei como adicionar novos blocos usando plugins.