Squarespace es una poderosa plataforma integral de creación de sitios web. Sin embargo, puede ser un poco complicado navegar al principio. Uno de los aspectos más confusos para los principiantes es usando la colección de Squarespace o los identificadores de bloque reconocer los bloques o componentes individuales que componen un sitio web.
Afortunadamente, una vez que sepa qué buscar, es fácil identificar un bloque de Squarespace. En este post te mostraremos cómo identificar un bloque de Squarespace y le ofrecemos algunos consejos sobre cómo usarlos para crear un sitio web increíble.
También mostraremos cómo usar la extensión del navegador del identificador de bloque de Squarespace.
¿Qué es un identificador de bloque de Squarespace?
Un identificador de bloque de Squarespace es una cadena de números y letras asociados con un bloque en su página web de Squarespace. Este conjunto único de caracteres te facilita la creación de sitios web de Squarespace. Un ID de bloque de Squarespace se ve así:
Esencialmente, un bloque de Squarespace es un elemento en tu sitio web que puedes arrastrar y soltar donde quieras.
Los bloques son una excelente manera de personalizar su sitio web y hacer que se vea exactamente como usted quiere que se vea.
Hay todo tipo de bloques diferentes y cada uno tiene su propio conjunto de opciones y configuraciones. Por ejemplo, el bloque de texto le permite agregar texto, cambiar la fuente y agregar hipervínculos.
Cuando crea un bloque en su sitio de Squarespace, se genera una nueva ID de bloque única para ese bloque específico en el código.
Como resultado, cada bloque de su sitio web tiene un identificador único. Para encontrar este ID de bloque, debemos inspeccionar el código detrás de una página web y buscar el atributo ID del bloque.
Cómo encontrar el identificador de bloque de Squarespace [Using Web Browser]
Encontrar un ID de bloque de Squarespace es una excelente manera de solucionar cualquier error que pueda tener en su sitio o ver cómo se codifica un bloque en particular. También puede ayudarlo a encontrar bloques que olvidó diseñar o personalizar.
Estos son los pasos para encontrar identificadores de colección/bloque de Squarespace:
Paso 1: abre tu sitio web en tu navegador
Paso 2: Ubique el inspector de páginas web de su navegador
La función se encuentra en Herramientas de desarrollador/Menú en la mayoría de los navegadores. Puede acceder a las herramientas para desarrolladores en Chrome presionando Cmd/Ctrl + Mayús + I.
Alternativamente, coloque el cursor sobre el bloque/la colección de destino y Botón derecho del ratón. En el menú emergente, seleccione Inspeccionar.
Paso 3: activa la herramienta de selección
Clickea en el cursor en la esquina superior izquierda del menú que se muestra en su pantalla.
El cursor le permite seleccionar objetos específicos en la página web y su código HTML correspondiente.
Paso 4: localiza tu colección de Squarespace/identificador de bloque
Seleccione el bloque o la colección de Squarespace en la página web para la que desea su identificador (ID).
En la parte resaltada del código HTML, busque una ID donde el valor comience con id=”bloquear-…” y termina con una cadena de números y letras.
Cómo usar el identificador de bloque de Squarespace [Browser Extension]
También puede encontrar el identificador de bloque en Squarespace usando extensiones de navegador.
Hace algún tiempo, la extensión más popular para este propósito fue Squarespace Collection/Block Identifier. Sin embargo, esta extensión ya no está disponible para Chrome. Es por eso que recomendamos usar el Buscador de ID de Squarespace extensión.
Esta extensión es una herramienta esencial para los diseñadores y desarrolladores que desean personalizar su sitio de Squarespace.
Es una herramienta realmente simple de usar. Simplemente ingrese el bloque que desea identificar en la barra de búsqueda y el Identificador de bloque le mostrará el código correspondiente.
Paso 1: instala la extensión del identificador de ID de Squarespace
- abre el navegador cromo.
- Navegar a Tienda virtual de Chrome.
- Buscar Identificador de ID de Squarespace
- Haga clic en Agregar a Chrome y luego Agregar extensión.
Recibirá un mensaje de que se agregó la extensión y el ícono de la extensión Squarespace ID Finder aparecerá en la parte superior de la ventana de su navegador.
Si no lo encuentra allí, haga clic en el icono de pieza de rompecabezas en la parte superior derecha de la ventana del navegador.
Desplázate hacia abajo hasta que veas Squarespace ID Finder y haz clic en el icono de alfiler para que se vuelva azul.
Paso 2. Navega a cualquier sitio web de Squarespace
Paso 3: haz clic en el icono del buscador de ID de Squarespace
Puede encontrarlo en la esquina superior derecha de la ventana de su navegador.
Paso 4: Pase el cursor sobre el bloque deseado para revelar su ID
Paso 5: Copie la identificación y utilícela
Haga clic en la identificación para copiarla y luego utilícela para sus intenciones.
¿Cómo aplicar CSS a un ID de bloque en Squarespace?
Puedes aplicar CSS a un ID de bloque en Squarespace siguiendo los pasos a continuación:
Paso 1: Localiza tu ID de bloque de Squarespace
Sigue los pasos descritos anteriormente para ubicar el ID de bloque de Squarespace.
Paso 2: abre tu panel de sitio web de Squarespace
Paso 3: Vaya a “Diseño > CSS personalizado”
Desde el menú de inicio, navegue hasta “Diseño > CSS personalizado”.
Paso 4: pegue la ID del bloque en el panel del editor de CSS personalizado
Paso 5: agregue su código CSS personalizado justo después de la identificación del bloque
Cualquier formato CSS que agregue justo después de la ID del bloque solo se aplicará a ese bloque. ¡Eso es todo al respecto!
¿Cómo agrego una identificación a Squarespace?
La función que le permite agregar ID de bloque/colección personalizados a las secciones aún no está disponible para la versión actual de Squarespace (7.1). En su lugar, debe encontrar el ID de bloque predeterminado de la sección que desea personalizar.
Una característica similar estaba disponible para Squarespace 7.0 pero no para Squarespace 7.1. Los usuarios han pedido a los desarrolladores que agreguen esta importante función. Con suerte, la próxima versión de Squarespace vendrá incluida.
¿Cómo activo el buscador de ID de Squarespace?
Para activar su Squarespace ID Finder, debe instalar la extensión en su navegador. Después de eso, lo encontrará en el Panel de extensión (el ícono del rompecabezas en su navegador Chrome). Puede hacer que sea de acceso rápido fijando la extensión en la parte superior de su navegador.
Instalar la extensión Squarespace ID Finder es bastante fácil. Siga los pasos descritos en la sección anterior Cómo instalar el identificador de bloque de Squarespace.
Cree hermosos sitios web de Squarespace de manera más rápida y sencilla
Cuando trabaja en su sitio de Squarespace, es importante poder identificar los diferentes bloques para que pueda editarlos fácilmente. Esta guía le ayudará a hacer precisamente eso.
Una vez que sepa cómo identificar un bloque de Squarespace, podrá realizar cambios y ediciones rápida y fácilmente. Asegúrese de experimentar con diferentes bloques para ver qué funciona mejor para su sitio.
Artículos relacionados
