Cómo ocultar elementos en páginas específicas de WordPress - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Cómo ocultar elementos en páginas específicas de WordPress

Hola de nuevo. Te escribe Samuel López y hoy vamos a hablar sobre Cómo ocultar elementos en páginas específicas de WordPress

Uno de nuestros miembros estaba creando una página de destino en WordPress y necesitaba ocultar algunos elementos de su tema. Sin embargo, estos elementos no se pueden ocultar de la configuración del tema o del widget.

Le aconsejamos que utilice una solución rápida que requiere algo de CSS.

En esta publicación, le mostraré cómo ocultar elementos en ciertas páginas de su sitio de WordPress.

Paso 1. ¿Qué elemento quieres ocultar?

En este ejemplo, quiero ocultar el menú principal, pero solo en una página específica.

Utilice las herramientas para desarrolladores de Chrome o Firefox para buscar un selector de CSS único. Si es posible, busque una identificación, aunque una clase también puede funcionar. En mi ejemplo, el selector que envuelve el menú es #menú principal.

Paso 2. Obtén la clase única de la etiqueta del cuerpo

Busque una clase única impresa dentro de la etiqueta del cuerpo.

En este contexto, una clase única es única para esta URL, lo que significa que no existe en otras páginas.

En mi ejemplo a continuación, tengo el archivo .postid-1762 class, que se refiere a la identificación de la publicación.

Encuentra el ID de la publicación en WordPress

Paso 3. Crea el selector final

Combine los selectores de los pasos 1 y 2 para crear un selector final. La clase del cuerpo es lo primero, siguiendo este patrón:

.unique-body-class #element-to-hide 
    display: none;

En mi ejemplo sería:

.postid-1762 #mainmenu 
    display: none;

Configuré el archivo Pantalla con un valor de «ninguno» para que el menú sea invisible.

Paso 4. Agrega tu CSS personalizado

Agregue el código CSS en uno de los archivos CSS de su tema o usando un plugin.

Paso 5. Verifique el resultado final

El elemento no aparecerá en la URL que imprime la clase única del paso 2. Sin embargo, permanecerá visible en el resto de las páginas.

Ocultar elementos con CSS



.

Deberías compartir en en tu Twitter y Facebook para que tus colegas lo consulten

👇👇👇 😘 💪 👇👇👇

Comparte