EDITORES
Bloques de Editor
Enlace de cuadrícula
12 min
el link grid es un elemento que combina el atractivo visual de una tarjeta con la funcionalidad de un elemento clickeable es perfecto para resaltar información importante o mostrar recursos relacionados cuándo usarlo resaltar información clave crea tarjetas que llamen la atención para anuncios o actualizaciones importantes mostrar contenido relacionado enlaza a recursos adicionales, artículos o productos crea un directorio visualmente atractivo organiza la información en tarjetas clickeables para una navegación fácil mejorar la experiencia del usuario proporciona una forma clara e interactiva de guiar a los usuarios a través de tu contenido cómo crear una cuadrícula de enlaces escribe / para abrir el menú de archbee block menú busca cuadrícula de enlaces y haz clic para insertar elige cómo quieres crearlo manual vs relleno automático de cuadrícula de enlaces a medida que continúas escribiendo contenido manualmente en link grid, los siguientes pasos son elige un tipo de encabezado tienes tres opciones ninguno docid\ ee4jwl7jsagtfvin8kked docid\ ee4jwl7jsagtfvin8kked ninguno encabezado color encabezado imagen encabezado agrega tu contenido puedes estilizar el contenido como desees utilizando el o incluso insertar otros bloques, como docid\ rf9he7julywp 9zy6s0ci docid\ m2rnustepjvse j20wivx docid\ ulzkipqjjxppfxihtkccx docid\ kc kyvi7ligi4scfjrk2o docid\ mkb8g4lu51lw4jk3sxv4z docid\ er d9ojjdjqewci6rxkf7 docid\ dz5vzhgmasfyg4pi1uda0 docid\ zwvlndq3xe18rc6vfoqw8 solid color header puedes usar un color como encabezado para hacer que tu tarjeta sea más visible incluso puedes usar colores de código para que coincidan con tus características haz clic en el tipo de encabezado botón desplegable y selecciona color haga clic en el cambiar color y seleccione su color preferido cualquier cambio realizado se guardará automáticamente image header puedes usar una imagen como encabezado para describir el contenido dentro de la tarjeta y hacerla más estéticamente agradable haga clic en el tipo de encabezado botón desplegable y seleccione imagen haga clic en el agregar imagen botón elige tu imagen cualquier cambio realizado se guardará automáticamente layout options elementos por fila controla cuántos elementos aparecen en cada fila 3 elementos por fila 2 elementos por fila 1 artículo por fila ahorra tiempo y mantiene la estructura de tu documentación sincronizada al poblar automáticamente un grid de enlaces con documentos hijos basados en un padre seleccionado cada elemento se presenta como un enlace o tarjeta clicable que navega al documento correspondiente choose a source elegir una fuente es el primer paso y determina qué documentos aparecerán en la cuadrícula de enlaces seleccione de dónde debería obtener documentos la cuadrícula de enlaces cualquier documento principal en el espacio – elija un documento o categoría específica como fuente documento padre actual – utiliza el padre de la página que estás editando la cuadrícula de enlaces incluirá todos los documentos directamente bajo el padre seleccionado los borradores, documentos ocultos, documentos con restricciones de permisos y niveles anidados más profundos no se incluirán example a continuación se muestra un ejemplo de nuestra documentación que muestra el uso de link grid auto fill en docid\ i8 2vvy0d 51z9dq5jvpc layout options estas opciones te permiten controlar la estructura, el orden y la apariencia visual de tu rejilla de enlaces después de seleccionar una fuente, personaliza cómo se muestra la rejilla de enlaces elementos por fila controla cuántos elementos aparecen en cada fila 3 elementos por fila 2 elementos por fila 1 artículo por fila opciones de ordenación elige cómo se ordenan los elementos predeterminado – coincide con el orden en el árbol del portal manual – arrastra y suelta elementos para definir un orden personalizado alfabético – ordenar de a a z o de z a a fecha de creación – más reciente primero o más antiguo primero estilo de visualización elige cómo aparecen los elementos en tu documentación enlace – una lista compacta, ideal para un gran número de documentos tarjeta – un diseño visual con imagen, título y descripción link view of link grid itemscard view of link grid items card details para tarjeta mostrar, la imagen, el título y la descripción se extraen automáticamente del documento docid\ fbzvilu2fbzuka57r6ofy puedes editar estos valores directamente en la configuración de cada documento bajo controles meta seo consulta la documentación de controles meta seo para aprender cómo actualizar imágenes, títulos y descripciones guía de imágenes para asegurar que tu contenido se muestre correctamente, recomendamos crear una imagen con una altura de 480px y una anchura de 1324px siguiendo la docid\ ee4jwl7jsagtfvin8kked a continuación, puedes asegurarte de que tu contenido no se corte guía de área visible la imagen principal tiene dimensiones de 480px de altura y 1324px de anchura en el caso de tener 3 rejillas de enlace por fila, el área visible será de 480px de altura y 860px de ancho esta área visible estará centrada dentro de las dimensiones principales por favor, consulte la imagen a continuación para una representación visual cuando hay 2 rejillas de enlace por fila, el área visible será determinada por las dimensiones principales para proporcionar una mejor comprensión, consulte la imagen a continuación 2 rejillas de enlace por fila cuando hay solo 1 rejilla de enlace por fila, el área visible estará centrada dentro de las dimensiones principales específicamente, tendrá un ancho de 1324px y una altura de 234px para obtener una mejor comprensión, consulte la imagen a continuación rejilla de enlace por fila para aclarar, el contenido principal o el logo deben estar posicionados en esta área designada por favor, encuentre a continuación una demostración en vivo de cómo se ve la imagen de portada y su comportamiento markdown aquí está cómo crear una pestaña en tu documento usando código markdown crea la cuadrícula de enlaces comienza con el array enlace línea agregar una tarjeta de enlace cada contenido de la cuadrícula de enlaces va entre elemento de arreglo enlace y marcadores elige el tipodeencabezado tienes dos opciones para tu encabezado imagen esto muestra una imagen como el fondo de tu encabezado color esto te permite usar un color sólido para tu encabezado agrega el atributo apropiado para imagen encabezados agrega la url de la imagen como el valor para el headerimage atributo ejemplo headerimage="https //placehold co/600x400") para color encabezados define el color deseado utilizando un código hex para el headercolor atributo ejemplo headercolor="#ff00ff" agrega contenido dentro de tu tarjeta de enlace 🚨 ¡atención! al usar la sintaxis de triple dos puntos ( ) para crear un elemento markdown anidado, asegúrate de que cada elemento padre por encima de él también tenga un dos puntos extra ( ) antes de su triple dos puntos de apertura \## link array example \ link array \ link array item{headertype="image" headerimage="https //placehold co/600x400"} \ list item 1 \ list item 2 \ \ link array item{headertype="color" headercolor="#ff00ff"} \ \[ ] unchecked list box \ \[x] checked list box \ \ aquí está el resultado elemento de lista 1 elemento de lista 2 cuadro de lista sin marcar cuadro de lista marcado revisa el docid\ bzhpxzdrtx heptthvpgp página para ver más atajos de markdown para otros bloques ejemplos ¿ejemplos? ¿para una cuadrícula de enlaces? es como encontrar agua en el océano no puedes evitarlo ¡nuestros documentos están llenos de ellos! en esta página hay 8 de ellos, además de imágenes css personalizado a lo largo de nuestra amplia experiencia, nos hemos dedicado a ayudar a los clientes a personalizar su documentación de acuerdo con sus preferencias únicas además, hemos ofrecido asistencia valiosa que creemos que también será de gran beneficio para usted al crear documentación excepcional para su producto docid 29mgmixagtuisxpyayirx establecer enlace para que sea fijo en la parte inferior establezca sus enlaces dentro de la cuadrícula de enlaces para que sean fijos en la parte inferior de la tarjeta \<style> ab link block content wrap ab link { position absolute; bottom 0; } \</style> encuentra otros bloques descubre nuevas formas y bloques para crear páginas de documentación impresionantes y funcionales docid\ j rf2bopwdceioskmtfyg ¿necesitas ayuda? ⬇️ usa el azul burbuja de chat desde la esquina inferior derecha o prueba chat de ia (desde el cuadro de búsqueda) para respuestas rápidas tu opinión es importante usa el formulario de retroalimentación a continuación, de forma anónima o haz una pregunta en sección de preguntas y respuestas y nuestro equipo o ia te dará una solución
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.