Editor de código

Blocs Viene con un editor de código incorporado que le permite editar e ingresar código en varias áreas de un Blocs sitio web.

Importante:

Tenga en cuenta que la Blocs El editor de código no permite editar todo el contenido de una página. En cambio, brinda acceso a áreas específicas de la página donde puede agregar código personalizado para incluirlo en la exportación final.

Abrir el editor de código

Puede acceder al Editor de código within Blocs, haciendo doble clic en un Widget de código, a través del menú principal Ventana> Editor de código o con el atajo de teclado ⌥+⌘+C.

Zonas de entrada de código

Además de las zonas individuales que se agregan con Widgets de códigoHay 10 zonas de código adicionales que se pueden usar para ingresar un código personalizado en un Blocs sitio web. La zona de entrada de destino se puede seleccionar mediante el menú desplegable ubicado en el parte superior derecha esquina de la ventana del Editor de código.


Pro Tip

Puede recorrer rápidamente las zonas de entrada de código usando el atajo de teclado ⌃ + ⇥ para pasar a la siguiente zona de entrada y ⌃ + ⇧ + ⇥ para retroceder a la zona de entrada anterior.

Zonas de entrada del proyecto

Código que se ingresa en uno de los cuatro Antecedentes Las zonas de entrada de código se incluirán en la zona específica de cada página de un sitio web.

Zonas de entrada de página

Código que se ingresa en uno de los cuatro página Las zonas de entrada de código se incluirán en la zona específica de la página activa actualmente.

CSS adicional

El código que se ingrese en esta zona se incluirá en el código principal. style.css hoja de estilo.

Acceso a hipertexto (.htaccess)

El código que se ingrese en esta zona se incluirá en el .htaccess archivar eso Blocs Se generará al exportar o publicar.

Consejo para principiantes

El código de acceso al hipertexto se incluirá en el htaccess.txt archivo o el .htaccess archivo, dependiendo de si Modo de producción htaccess Está habilitado en la configuración de exportación.

Funciones adicionales de WordPress

Esta zona de código solo es visible cuando el proyecto CMS está configurado para WordPress. Cualquier código agregado aquí se incluirá en el functions.php archivo, que Blocs se genera como parte del tema de WordPress durante la exportación o publicación.

Contenido ordenado

Cuando la zona de entrada del Editor de código se establece en CSS adicional, Blocs Se mostrará un pequeño botón en la esquina superior derecha del área de entrada de código. Al hacer clic en este botón, se ordenará (embellecerá) el formato del código CSS.

Configuración del editor de código

Es posible configurar el tipo de letra y Tamaño de fuente para Blocs editor de código a través de la ventana emergente de configuración a la que se puede acceder haciendo clic en el botón de configuración que se encuentra a la izquierda del menú desplegable de selección de la zona de entrada de código.

Actualizado el 7 de enero de 2025

¿Le resultó útil este artículo?

Artículos Relacionados