Neste post, vamos continuar a mergulhar no Editor de Gutenberg, destacando alguns dosFuncionalidades avançadase dicas práticas para o ajudar a melhorar ainda mais a eficiência da sua criação de conteúdos. Desde a adição de âncoras e estilos personalizados a blocos, até à utilização de diferentes tipos de blocos importantes, iremos explicar passo a passo como estas funcionalidades podem ajudá-lo a obter um esquema de página mais flexível e profissional. Quer pretenda criar publicações de blogue mais cativantes ou otimizar a sua página para UX e SEO, este guia será uma referência inestimável.

 10, adicionar âncoras ao bloco

O que é um ponto de ancoragem? Os pontos de ancoragem são um tipo de hiperligação, como numa determinada entrada de blogueA estrela francesa Risacher torna-se a primeira escolha de sempre dos Hawks para a primeira rondaEste título de subtítulo, adicionado 2QKI3OHK âncora, é claro, o nome da âncora, você instalar o seu próprio costume para, não tem que ser o mesmo que eu, então você abrir o https://xxx.com/博客主标题/#2QKI3OHK, não o conteúdo do artigo do subtítulo, mas o título principal do artigo Oh!

Passo: Selecione o bloco ao qual pretende adicionar um ponto de ancoragem no campo block>Configurações Avançadas>Âncoras HTML Introduza o nome da âncora e guarde-o. (como mostrado abaixo)

11, Estilos CSS de blocos personalizados

Uma vez que os estilos predefinidos no Block podem não satisfazer totalmente as nossas necessidades, os utilizadores que gostam de fazer bricolage podem ter de personalizar os estilos através de código CSS. Basta adicionar o nome da variável CSS em "Block > Advanced Settings > Extra CSS Classes" para personalizar o estilo. (como mostrado abaixo)

12, alguns blocos importantes (alguns tipos diferentes) este é o foco, lembre-se de distinguir entre os

Colunas

As caixas numa coluna são frequentemente designadas por "colunas" e pode adicionar outros blocos a essas colunas para dar variedade à apresentação. Os Blocos de Coluna oferecem várias opções de apresentação predefinidas para o número e a largura das colunas. Por exemplo, a área de conteúdo na figura seguinte é constituída por duas colunas, cada uma com uma largura de 50%, e uma combinação de Bloco de Imagem, Bloco de Texto e Bloco de Botão para obter uma apresentação de página flexível. (Figura abaixo)

Naturalmente, depois de selecionar o número de colunas, também podemos adicionar manualmente novas colunas. Basta mover o rato entre duas colunas e clicar no sinal preto "+" que aparece para adicionar uma nova coluna. Recomenda-se que selecione a coluna correspondente na lista de estruturas à esquerda, para que seja mais fácil localizar e editar o bloco de destino. Recomenda-se que ajuste a unidade como uma percentagem (%), por exemplo, se introduzir 30, significa que a largura da coluna é 30% da largura da janela do navegador, pelo que a definição será mais intuitiva.

Depois, basta adicionar o bloco que pretende à coluna. É muito intuitivo.

Fila

Depois de inserir uma Linha, o novo Bloco será agrupado nessa Linha por defeito. Os Blocos de Linha ajustam automaticamente a sua disposição de acordo com o seu conteúdo, por exemplo, alinhando automaticamente as alturas do texto de diferentes parágrafos.

Se selecionar Bloco de linhas, também pode alterar a orientação para retrato no painel direito, o que fará com que o esquema volte a ter uma disposição empilhada como a predefinida. (como mostrado abaixo)

Código curto

Alguns plugins podem não suportar o Bloco de Gutenberg, mas fornecem códigos curtos. Podes colar o código curto (no formato: [XXXX]) no editor para que o estilo de conteúdo do plugin seja apresentado no front-end, embora não possas ver o efeito diretamente na página de edição. Mas depois de o manter, volte ao front-end ou reabra a nova página para ver, pode ver se o efeito é o que precisa ou não!

Verifique a página onde necessita do plugin para o shortcode específico, ou a documentação do plugin é fornecida!

Índice

O índice é um elemento importante para publicações mais longas, ajudando a melhorar a experiência do utilizador e a SEO. No entanto, o WordPress não tem um bloco de índice incorporado, mas é possível encontrar o plug-in recomendado no painel de blocos, pesquisando por "table of content". No painel de blocos, no entanto, pode pesquisar "table of content" para encontrar os plugins recomendados, o que é uma funcionalidade muito conveniente. Estes plugins são totalmente compatíveis com o Bloco Gutenberg, pelo que podes escolher o plugin de índice que quiseres e arrastar o índice para o local apropriado na página, tal como farias com qualquer outro Bloco.

Definições do artigo

Esta secção é feita no separador Artigos, no lado direito.

Definições de visibilidade e de tempo de lançamento
Os artigos podem ser definidos como públicos, privados e protegidos por palavra-passe.

Quando o artigo é atualizado, devemos também alterar a hora de publicação a favor do SEO.

Definir o url(Ligação ao artigo atual)

Depois de guardar ou publicar um post/página, aparecerá um campo "URL Alias" na coluna "Ligações fixas". Pode introduzir o URL que pretende apresentar neste campo e, em seguida, voltar a guardar ou publicar.

Tenha em atenção que só pode personalizar o URL depois de o post/página ter sido guardado ou publicado. Os posts/páginas recém-criados não podem ter um URL personalizado definido antes de serem guardados ou publicados.

Tal como na imagem acima, escolhi o id do artigo que é também o nome do artigo, por isso a ligação (url) é fixa, se quiser modificar a primeira vez para manter a anterior, modifique o id do artigo (título)

Classificação e rotulagem

De acordo com a sua necessidade real de estabelecer uma boa classificação e rotulagem de artigos, a fim de filtrar, mas também melhor para SEO, o seguinte gráfico, de acordo com o artigo para

Imagem em destaque

Escolher o tamanho, a imagem clara e adequada, para ir ao encontro do tema do artigo, realçar as caraterísticas, porque esta é apresentada na página inicial da primeira impressão!

resumos

Um resumo do conteúdo da publicação apresentado na página de listagem do blogue é o mais conciso e cativante possível. Como mostra a imagem acima.

resumos

Com este tutorial aprofundado do Gutenberg, tenho a certeza que já dominaste estas funcionalidades avançadas e dicas úteis, e agora podes editar e otimizar as tuas páginas e publicações de blogue com mais flexibilidade.O poder do editor Gutenberg reside na sua flexibilidade e extensibilidade, que podem ajudar-te a alcançar facilmente diversas necessidades de layout e design. Como a ferramenta de escrita e design mais usada no WordPress, dominar essas habilidades melhorará muito sua eficiência na criação de conteúdo. De seguida, vamos começar a explorar a forma de incorporarTema predefinidoFique atento ao layout de página ainda melhor com o Gutenberg!