Vamos a ver cómo podemos quitar el enlace a los proyectos dentro de un portfolio creado con Divi. La solución mediante CSS es sencilla, pero vamos a ver cómo se podría configurar mediante el constructor de Divi.
También te puede interesar:
¡Divi 4 Ya ha llegado! Todas las novedades aquí
Optimizar el SEO de las imágenes en WordPress con Divi y Gutenberg
¿Qué es Elementor? Todo sobre Elementor Page Builder
Divi Child Theme [+Descarga]
Tabla de contenidos
Ejemplo de Portfolio por defecto de Divi
Este es un ejemplo de un portfolio creado con Divi. Si pasamos el ratón por encima de cada elemento se mostrará la manita y el nombre del proyecto. Si pulsamos se abrirá la página del proyecto donde podríamos consultar todos los detalles de este. ¿Pero y si queremos no mostrar los detalles del proyecto de momento y ocultar el enlace para que el usuario no pueda llegar a la página?
Solución CSS tradicional
La solución mediante CSS es sencilla. Bastaría con añadir el estilo a nuestra plantilla hija de wordpress:
display: none !important;
Solución con el editor de CSS personalizado de Divi
En el caso de divi, en la pestaña CSS personalizado, habría que añadir ese estilo en dos zonas. En:
- Superposición del artículo: para evitar que se ensombrezca la imagen y no aparezca el círculo azul con el signo más.
- Título del artículo: para no aparezca el link que tiene el nombre del proyecto.
Aquí podéis verlo en la imagen cómo quedaría:
Como podéis ver es sencillo y podemos cambiarlo cuando se nos antoje. Esto no evita que el usuario pueda llegar a la página en cuestión si conoce el enlace.
Renueva tu plantilla Divi o pásate a Lifetime
Si todavía sigues usando la plantilla Divi anual ya puedes renovarla con un 10% de descuento. Pincha en la siguiente imagen para poder beneficiarte de este descuento.
¡Hola! Soy Javier. Soy informático y me gusta documentar todo lo que aprendo. En mi blog te enseño todo lo que sé y cómo puedes aprender a crear tu propia web, mejorar el SEO y aplicar técnicas de Marketing Digital para conseguir mayor visibilidad. Suscríbete para no perderte ninguna de mis guías sobre WordPress, posicionamiento SEO o Marketing Digital.
Hola Javier y gracias por compartir. A mi lo que me gustaría hacer en el portfolio filtrarles es que las categorías que muestro bajo el título del proyecto (bajo la miniatura) no estén enlazadas. Es decir, que se muestren las categorías, pero que no se pueda hacer click sobre ellas, que no estén enlazadas a nada....
¿Tienes idea de cómo podría hacerse esto?
¡Muchísimas gracias de antemano!
Un saludo,
Carlos
Parece que en la pestaña de CSS no viene la opción de personalizar diseño de las categorías. Lo que sí puedes hacer es de desde la pestaña Contenido, en Elementos, desactivar el mostrar las categorías. Pero eso no sé si te ocultarará el filtro de la parte superior. No lo he probado. Un saludo.
Buenas tardes,
Sabeis si existe algun modo de que la lista de las categorias se pueda meter a modo sidebar (en lista a la izquierda o derecha) y que no quede por defecto arriba.
Muchas gracias!
Que va Lourders. No te sabría decir. Un saludo, Javier.