(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.
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:
- Estilos específicos de blocos
- Estilo de bloco
- "Estilo "Conteúdo
- "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
Â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
Â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.
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:
- Instalar e ativar o pluginPesquisa na página de plugins do backend do WordPress por "Plugin de fontes", instalado e ativado.
- Ir para o Personalizador: Aceda ao Personalizador do WordPress e verá a adição de "Plugin de fontes"Opções.
- 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.
- 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
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.