{"id":28404,"date":"2019-12-06T15:35:06","date_gmt":"2019-12-06T10:05:06","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=28404"},"modified":"2024-03-07T15:20:27","modified_gmt":"2024-03-07T09:50:27","slug":"display-rules-in-astra","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/display-rules-in-astra\/","title":{"rendered":"Ajustes de visualizaci\u00f3n de dise\u00f1os personalizados en Astra Pro"},"content":{"rendered":"

En Astra v4.5.0, hemos introducido un nuevo y mejorado Constructor de Sitios para sus necesidades de personalizaci\u00f3n de sitios web. Aunque mantiene las capacidades de los dise\u00f1os personalizados anteriores, el Constructor de Sitios presenta una nueva interfaz de usuario para llevar la experiencia de construcci\u00f3n de sitios al siguiente nivel.<\/a><\/p>\n\n\n\n

El m\u00f3dulo Site Builder est\u00e1 disponible con Astra Pro y le permite a\u00f1adir diferentes tipos de contenido personalizado. En general, el Site Builder proporciona una perspectiva visual de todo el sitio en un solo lugar. Aqu\u00ed puede crear \/ ver \/ editar diferentes partes de su sitio como Encabezado \/ Pie de p\u00e1gina \/ P\u00e1ginas 404 \/ Ganchos \/ Plantillas individuales y de archivo y mucho m\u00e1s.<\/p>\n\n\n\n

C\u00f3mo navegar al Constructor de Sitios<\/strong><\/h3>\n\n\n\n

Antes de empezar a utilizar el Constructor de Sitios, aseg\u00farese de que ha instalado y activado el plugin Astra Pro. Adem\u00e1s, actualiza Astra Theme y Astra Addon a las \u00faltimas versiones para poder acceder al Constructor de Sitios.<\/p>\n\n\n\n

Despu\u00e9s, ve al panel de control de WordPress, haz clic en Astra, luego en M\u00f3dulos Astra Pro y activa el bot\u00f3n Site Builder.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

C\u00f3mo utilizar Site Builder<\/strong><\/h3>\n\n\n\n

Una vez que active el Constructor de Sitios, podr\u00e1 ver el Constructor de Sitios en Astra en el panel de control de WordPress.<\/p>\n\n\n\n

Tras hacer clic en el Creador de sitios, puede explorar el renovado Creador de sitios a trav\u00e9s de la secci\u00f3n Todos los dise\u00f1os.<\/p>\n\n\n\n

\"Site<\/a><\/figure>\n\n\n\n

Aqu\u00ed, usted puede crear \/ ver \/ editar diferentes partes de su sitio como Encabezado \/ Pie de p\u00e1gina \/ P\u00e1ginas 404 \/ Ganchos \/ Plantillas individuales y de archivo y mucho m\u00e1s.<\/p>\n\n\n\n

Puede crear nuevas secciones y previsualizaciones de dise\u00f1o individuales para elementos espec\u00edficos, como las secciones Cabecera, Pie de p\u00e1gina y 404. Estas previsualizaciones ofrecen una visi\u00f3n general de c\u00f3mo podr\u00eda aparecer su dise\u00f1o en el frontend, lo que mejora la experiencia de edici\u00f3n. Estas vistas previas ofrecen una idea visual de c\u00f3mo podr\u00eda aparecer el dise\u00f1o en el frontend, lo que mejora la experiencia de edici\u00f3n.<\/p>\n\n\n\n

Adem\u00e1s, puede ver todos sus dise\u00f1os existentes en un solo lugar f\u00e1cilmente. Por defecto, si no hay dise\u00f1os presentes en su sitio, se mostrar\u00e1n los dise\u00f1os que puede crear. Al pasar el rat\u00f3n por encima de la tarjeta de dise\u00f1o, ver\u00e1 la opci\u00f3n \"Vista previa\", que le llevar\u00e1 a esa secci\u00f3n de la parte del sitio web, o \"Editar\", que le llevar\u00e1 al editor de dise\u00f1os.<\/p>\n\n\n\n

Puede modificar los dise\u00f1os existentes visitando la p\u00e1gina Piezas del sitio web<\/strong> desde la Barra Lateral. Por ejemplo, puede visitar la Secci\u00f3n de Encabezado (esto le llevar\u00e1 a la Parte del Sitio Web de Encabezado) donde puede ver la Vista Previa de los Dise\u00f1os Existentes en el Sitio.<\/p>\n\n\n\n

Nota para las secciones individuales y de archivo:<\/strong><\/p>\n\n\n\n

Para Secciones Individuales y de Archivo - Puede establecer las Condiciones de Visualizaci\u00f3n y la Vista Previa mostrar\u00e1 una Publicaci\u00f3n \/ P\u00e1gina aleatoria (dependiendo de las Condiciones de Visualizaci\u00f3n). Por ejemplo - Si creas una Plantilla Individual con una condici\u00f3n de visualizaci\u00f3n para mostrar en \"Todas las Entradas\" entonces la Vista Previa mostrar\u00e1 una entrada aleatoria dependiendo de las Condiciones de Visualizaci\u00f3n establecidas para las Plantillas.<\/p>\n\n\n\n

Soluci\u00f3n de problemas de previsualizaci\u00f3n:<\/strong><\/p>\n\n\n\n

En caso de que las vistas previas no se carguen y muestren un error 404, puede probar dos m\u00e9todos para resolverlo.<\/p>\n\n\n\n

M\u00e9todo 1:<\/strong><\/p>\n\n\n\n

Borre su cach\u00e9 a trav\u00e9s de WordPress Admin Dashboard > Settings > Permalinks. Haga clic en Guardar 2-3 veces sin cambiar nada. Vuelva a cargar el constructor del sitio, y las vistas previas deben ser visibles.<\/p>\n\n\n\n

M\u00e9todo 2:<\/strong><\/p>\n\n\n\n

Borra tu cach\u00e9 a trav\u00e9s de WordPress Admin Dashboard > Astra Dashboard. Haga clic en Activar todo y, a continuaci\u00f3n, desactive los m\u00f3dulos innecesarios seg\u00fan sus preferencias. Vuelva a cargar el Constructor de Sitios, y las vistas previas deben ser visibles.<\/p>\n\n\n\n

<\/a>Creaci\u00f3n de nuevos dise\u00f1os en Site Builder<\/strong><\/h3>\n\n\n\n

Consideremos que desea crear un dise\u00f1o de cabecera diferente. Ahora, coloque el cursor sobre el encabezado y haga clic en \"Crear dise\u00f1o\".<\/p>\n\n\n\n

\"Site<\/a><\/figure>\n\n\n\n

Entonces acceder\u00e1 a la p\u00e1gina del editor por defecto. Si hace clic en el icono Astra en la esquina superior derecha, abrir\u00e1 el panel de Configuraci\u00f3n del Constructor de Sitios. M\u00e1s abajo, encontrar\u00e1 el resumen de las opciones de Tipo de dise\u00f1o de cabecera.<\/p>\n\n\n\n

\"Site<\/a><\/figure>\n\n\n\n

En la configuraci\u00f3n de pegajoso, puedes elegir que tu encabezado personalizado sea pegajoso o no. Si establece que el encabezado se pegue en la parte superior de la p\u00e1gina, puede decidir si debe encogerse o no. Si activas el efecto de encogimiento, se eliminar\u00e1 todo el espacio superior e inferior de la cabecera. Adem\u00e1s, puede elegir pegar el encabezado en escritorio y\/o m\u00f3vil.<\/p>\n\n\n\n

\"Site<\/a><\/figure>\n\n\n\n

Puede elegir que su cabecera personalizada se muestre en todo el sitio web o en p\u00e1ginas\/post espec\u00edficos con la opci\u00f3n Mostrar en. Incluso puede excluir una p\u00e1gina\/post en particular a\u00f1adi\u00e9ndolos a la Regla de exclusi\u00f3n.<\/p>\n\n\n\n

Puede decidir un rol de usuario para el que la cabecera personalizada debe ser visible. Para los usuarios excluidos, la cabecera configurada con las opciones del personalizador ser\u00e1 visible.<\/p>\n\n\n\n

Por ejemplo: <\/strong>Si desea mostrar un encabezado personalizado en todo el sitio web, excepto en la p\u00e1gina 404 para todos los usuarios que hayan iniciado sesi\u00f3n, debe configurar las siguientes opciones -<\/p>\n\n\n\n

Mostrar en: Todo el sitio web<\/p>\n\n\n\n

No mostrar en: P\u00e1gina 404<\/p>\n\n\n\n

Roles de usuario: Conectado<\/p>\n\n\n\n

\"Site<\/a><\/figure>\n\n\n\n

Con los ajustes de visualizaci\u00f3n, puede conseguir una gran flexibilidad a la hora de mostrar su contenido personalizado en todo su sitio web.<\/p>\n\n\n\n

Puede empezar con el \"Pantalla encendida\" <\/strong>opci\u00f3n. Aqu\u00ed puede seleccionar ubicaciones o lugares espec\u00edficos en los que se mostrar\u00e1 su dise\u00f1o personalizado. As\u00ed, puede seleccionar un sitio web entero, un grupo de p\u00e1ginas o entradas, o un objetivo espec\u00edfico.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Adem\u00e1s, puede combinarlo con el \"No mostrar en\"<\/strong> opci\u00f3n. Por lo tanto, puede a\u00f1adir reglas de exclusi\u00f3n y eliminar su dise\u00f1o personalizado en algunas ubicaciones mientras sigue siendo visible en todas las dem\u00e1s.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Adem\u00e1s, puede limitar los dise\u00f1os personalizados para que s\u00f3lo se muestren a determinados tipos de usuarios con la opci\u00f3n \"Mostrar para usuarios\". En otras palabras, puede mostrar diferentes dise\u00f1os dependiendo de si los usuarios han iniciado sesi\u00f3n o no. Adem\u00e1s, puede mostrar contenidos diferentes u ocultar algunos contenidos en funci\u00f3n de los roles de usuario asignados. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Por \u00faltimo, tambi\u00e9n se pueden combinar con el resto de los ajustes de visibilidad: <\/p>\n\n\n\n