Melhores Práticas para Modificação do Estilo de Fonte e Fontes Personalizadas no Editor de Blocos do WordPress

(Gutenberg), que não só melhora a personalização e a customização do tema, mas também introduz mais complexidade, especialmente no caso doModificação e personalização do estilo de letraAspectos. Neste artigo, vamos explorar em pormenor as melhores práticas sobre como modificar os estilos de letra no editor de blocos do WordPress e implementar tipos de letra personalizados através de plug-ins.

Melhores Práticas para Modificação do Estilo de Fonte e Fontes Personalizadas no Editor de Blocos do WordPress

I. Alteração do estilo de letra

Nos temas de bloco do WordPress, existem diferenças de prioridade na forma como as diferentes posições de definição de tipo de letra afectam os tipos de letra. Compreender estas prioridades é fundamental para modificar com exatidão os estilos de letra. Na prática, as definições de prioridade mais elevada sobrepõem-se às definições de prioridade mais baixa. Por exemplo, no mesmo artigo, se mais do que uma posição de definição de tipo de letra atuar sobre o tipo de letra do parágrafo ao mesmo tempo, o estilo real apresentado basear-se-á na definição com a prioridade mais elevada.

A ordem de prioridade é a seguinte:

  1. Estilos específicos de blocos
  2. Estilo de bloco
  3. "Estilo "Conteúdo
  4. "Estilo "Texto

Em seguida, utilizamos o tema de blocos do WordPress "Twenty Twenty-Four" como exemplo, apresentando como modificar o estilo do tipo de letra em diferentes definições, incluindoTamanho do tipo de letra, espessura, inclinação, altura da linha, espaçamento entre palavrasetc.

Em segundo lugar, a posição do tipo de letra e a análise de prioridades

Existem várias localizações de definição de tipo de letra no tema de bloco, cada uma com uma prioridade de definição diferente. Seguem-se as quatro principais posições de definição de tipo de letra e as respectivas prioridades, enumeradas da mais baixa para a mais alta, com exemplos específicos para demonstrar o seu impacto.

1. definições do tipo de letra Divisão I: Definições do tipo de letra do texto de todo o sítio

colocação: Personalizar > Estilos > Editar estilos > Tipografia > Texto

Melhores Práticas para Modificação do Estilo de Fonte e Fontes Personalizadas no Editor de Blocos do WordPress

Âmbito do impactoEsta definição afecta a maioria dos tipos de letra de texto no sítio, incluindo números de página de paginação, parágrafos, listas, detalhes, pré-formatos, tabelas, versos, etc. No entanto, os títulos não são afectados por esta definição. Pode utilizar a função "Pré-visualizar" para ver quais os módulos que são afectados por este estilo.

2. definições do tipo de letra Divisão III: Definições do tipo de letra do bloco de parágrafos

colocação: Personalizar > Estilos > Blocos > Parágrafos

Melhores Práticas para Modificação do Estilo de Fonte e Fontes Personalizadas no Editor de Blocos do WordPress

Âmbito do impacto: esta definição afecta todo o sítio"passagens"O tipo de letra do bloco, outros tipos de definições de bloco afectam o mesmo.

Melhores Práticas para Modificação do Estilo de Fonte e Fontes Personalizadas no Editor de Blocos do WordPress

Em terceiro lugar, como personalizar os tipos de letra no WordPress

As modificações do estilo do tipo de letra acima mencionadas dizem respeito principalmente ao tamanho, espessura, altura da linha, etc., mas o tema é fornecido com uma seleção limitada de tipos de letra. Se pretender utilizar mais tipos de letra, especialmente tipos de letra do Google, recomendamos a utilização de "Plugin de fontes"Plugins.

tomar nota deComo este plugin depende das fontes do Google, pode não carregar corretamente em servidores nacionais. Se o seu servidor Web estiver na China, escolha outro plugin.

Como personalizar os tipos de letra utilizando o plugin Fonts

O plugin fornece dois modos para as definições básicas e avançadas. Nas definições básicas, pode ajustar o estilo do tipo de letra para todo o sítio ou, nas definições avançadas, pode refiná-lo para o tipo de letra do nome do sítio, da barra de navegação, do título do artigo, etc.

procedimento:

  1. Instalar e ativar o pluginPesquisa na página de plugins do backend do WordPress por "Plugin de fontes", instalado e ativado.
Melhores Práticas para Modificação do Estilo de Fonte e Fontes Personalizadas no Editor de Blocos do WordPress
  1. Ir para o Personalizador: Aceda ao Personalizador do WordPress e verá a adição de "Plugin de fontes"Opções.
  2. Definir tipos de letraTipo de letra: Pode escolher diferentes tipos de letra para aplicar a elementos como o conteúdo geral, cabeçalhos, botões e muito mais. Se necessitar de um controlo mais rigoroso, pode utilizar a opção de definições avançadas para definir separadamente os tipos de letra para diferentes elementos.
Melhores Práticas para Modificação do Estilo de Fonte e Fontes Personalizadas no Editor de Blocos do WordPress
  1. Pré-visualizar e guardarQuando modificar os tipos de letra, pode pré-visualizar o efeito em tempo real para se certificar de que os tipos de letra selecionados correspondem ao estilo do sítio Web. Quando tiver a certeza, clique em "guardar (um ficheiro, etc.) (informática)"Tornar as mudanças efectivas.

Perguntas frequentes e soluções

Melhores Práticas para Modificação do Estilo de Fonte e Fontes Personalizadas no Editor de Blocos do WordPress

questões: Os tipos de letra "Negrito" não são visíveis nos artigos
racionalidadeQuando se utiliza o plugin para definir o tipo de letra como "Noto Serif SC" e definir a espessura para "moderado"Quando o estilo a negrito predefinido do navegador está mais próximo do estilo "médio", o efeito "a negrito" não é óbvio.

curaAdicionar estilos personalizados através de "CSS extra" para dar diferentes espessuras de letra ao texto a negrito. Por exemplo:

strong {
    font-weight: 900; /* ajustar aqui conforme necessário */
}

IV. resumo

No editor de blocos do WordPress, a utilização razoável da modificação do estilo do tipo de letra e dos plugins de tipos de letra personalizados pode melhorar significativamente o efeito visual e a experiência do utilizador do seu sítio Web. Compreender a prioridade das diferentes posições de definição do tipo de letra e utilizar estas definições de forma flexível pode ajudá-lo a controlar melhor o estilo geral do seu sítio Web.


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/16527/

Como (0)
Anterior Terça-feira, 12 de agosto de 2024, 16:25 h.
Seguinte Quarta-feira, 13 de agosto de 2024 às 9:24.

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.