Editor de código

Blocs vem com um editor de código integrado que permite editar e inserir código em várias áreas de um Blocs .

importante

Por favor, note que o Blocs O Code Editor não permite que você edite todo o conteúdo de uma página. Em vez disso, ele fornece acesso a áreas específicas da página onde você pode adicionar código personalizado para ser incluído na exportação final.

Abrindo o Editor de Código

Você pode acessar o Editor de código dentro Blocs, clicando duas vezes em um Widget de código, através do menu principal Janela> Editor de código ou com o atalho de teclado ⌥+⌘+C.

Zonas de entrada de código

Bem como as zonas individuais que são adicionadas com Widgets de código, há 10 zonas de código adicionais que podem ser usadas para inserir código personalizado em um Blocs site. A zona de entrada de destino pode ser selecionada usando o menu suspenso localizado no canto superior direito canto da janela do Editor de código.


Pro Dica

Você pode percorrer rapidamente as zonas de entrada de código usando o atalho de teclado ⌃ + ⇥ para mover para a próxima zona de entrada e ⌃ + ⇧ + ⇥ para voltar à zona de entrada anterior.

Zonas de entrada do projeto

Código que é inserido em um dos quatro projeto zonas de entrada de código serão incluídas na zona específica em cada página de um site.

Zonas de entrada de página

Código que é inserido em um dos quatro página As zonas de entrada de código serão incluídas na zona específica na página atualmente ativa.

CSS adicional

O código inserido nesta zona será incluído no principal style.css folha de estilos.

Acesso de hipertexto (.htaccess)

O código inserido nesta zona será incluído no .htaccess arquivar isso Blocs será gerado na exportação ou publicação.

Dica para iniciantes

O código de acesso ao hipertexto será incluído no htaccess.txt arquivo ou o .htaccess arquivo, dependendo se modo de produção htaccess está habilitado nas configurações de exportação.

Funções extras do WordPress

Esta zona de código só é visível quando o projeto CMS está definido para WordPress. Qualquer código adicionado aqui será incluído no functions.php arquivo, que Blocs gerado como parte do tema WordPress durante a exportação ou publicação.

conteúdo arrumado

Quando a zona de entrada do Editor de código é definida como CSS adicional, Blocs exibirá um pequeno botão no canto superior direito da área de entrada de código. Clicar neste botão irá arrumar (embelezar) a formatação do código CSS.

Configurações do editor de código

É possível definir o fonte e tamanho da fonte para o Blocs editor de código por meio do pop-up de configurações, que pode ser acessado clicando no botão de configurações localizado à esquerda do menu suspenso de seleção da zona de entrada de código.

Atualizado em 7 de janeiro de 2025

Esse artigo foi útil?

Artigos Relacionados