Hola Chicos, Hoy os traigo un tutorial muy chulo, vamos a ver como podemos convertir una tabla de contenidos de WordPress aburrida en una tabla de contenidos bien chula. Navegando por internet me encontré con la siguiente tabla de contenidos de MyThemeShop: Comparada con la típica tabla de contenidos que estamos acostumbrados a ver no […]
Cómo añadir un elemento destacado en el menú de WordPress
En este tutorial vamos a ver como podemos añadir un item del menú destacado. Lo podemos usar para indicar que un elemento es nuevo o cualquier otra cosa que se te ocurra. Además lo vamos a hacer sin ningún plugin, lo vamos a hacer con un poco de código css que encontrarás en este mismo […]
Añadir o reemplazar texto por CSS
Hola Chicos, En este tutorial vamos a ver como podemos añadir un texto a través de CSS, incluso como reemplazo un texto existente. Por supuesto hay otros métodos mejores, modificando el php (si tu web está hecha con WordPress) pero si queremos una solución rápida o no sabemos hacerlo de otra forma nos puede sacar […]
Crear Zoom en Imágenes con CSS al pasar el ratón (Hover) en WordPress
Hola Chicos, Hoy os traigo un tutorial muy sencillo pero creo que os puede resultar de mucha utilidad. Vamos a ver como podemos crear una imagen con zoom al pasar el ratón por encima como la siguiente: Tutorial en Vídeo Suscríbete a mi canal: Lo primero que vamos a hacer es añadir una clase a […]
Como añadir botón de búsqueda en el buscador personalizado de Listable
Estamos haciendo una serie de tutoriales para crear un buscador personalizado en listable. Cómo ya sabrás si has seguido los anteriores tutoriales nos estamos apoyando en el plugin FacetWP para hacerlo. En este tutorial hemos visto como crearlo pero ahora estamos añadiendo el botón de búsqueda, para que tenga el mismo comportamiento que el buscador […]
Truco CSS para alinear imágenes distintas de forma sencilla sin distorsión
En muchas ocasiones nos encontramos con que tenemos que presentar de forma ordenada imágenes muy distintas entre si, por lo que queremos alinearlas horizontal y verticalmente. ¿Cuál es el problema? Que si forzamos un ancho y alto fijo las imágenes se distorsionan si son de deferente proporción. Aquí tienes el tutorial en vídeo: Suscríbete a […]
Curso CSS para WordPress: Styles, Display: none e !Important
Seguimos con el curso de CSS de Guerrilla para WordPress. Hoy os traigo dos nuevas lecciones con trucos o formas de usar CSS «poco ortodoxas» cuando el resto de métodos fallan. Recordemos que este curso es de «Guerrilla», es decir, salir aioros en cualquier situación. 04 Diferencia entre Clases, IDs y Style En esta lección […]
Curso CSS para WordPress: IDs y Clases
Seguimos con el curso de CSS de Guerrilla para WordPress. En esta ocasión vamos a seguir viendo los selectores, concretamente el uso de las clases y los identificadores. Veremos como con la ayuda de las clases podemos cambiar el diseño de partes concretas de nuestra web de forma muy sencilla. También aprenderemos cuando usar clases […]
Curso CSS para WordPress: Reglas de estilo
En esta segunda lección del curso de CSS para WordPress vamos a ver de que se compone cada regla de estilo y como se comportan. Cuando abrimos un fichero CSS si no estás familiarizado te puede parecer «chino». Créeme, es sencillo. El problema es que no conocemos de que partes se compone una regla de […]
Nuevo Curso CSS para WordPress de Guerrilla
Muchos de vosotros me lo habéis pedido y llegó el día 😉 Aquí tenéis la primera lección del curso de CSS para WordPress de Guerrilla. ¿Qué me voy a encontrar en el curso? En este curso vamos a parir de cero y os voy a enseñar como modificar CSS orientado al día a día de […]