👨🏻💻 Copia y pega snippets de código para modificar el aspecto y funcionamiento de tus páginas web hechas con WordPress.
Un nuevo vídeo + snippet de código cada semana con código css, php o javascript. Incluidos snippets para WooCommerce.
Aprende a crear un efecto simulando el texto de una máquina de escribir. O muestra texto escribiéndose solo con la fuente que prefieras.
Ver vídeoAprende a cambiar el color del texto que se selecciona en tu web. Tanto el subrayado como el texto en sí. Vídeo + Código.
Ver vídeoAprende a crear una caja desplegable que muestre más contenido al hacer click en ella. Sólo con html. Vídeo + Código.
Ver vídeoAprende las diferencias entre crear bordes por css usando las propiedades “border” o “outline” y elige la mejor en cada caso.
Ver vídeoAprende a limitar la cantidad de texto a mostrar pero permitiendo que el usuario pueda expandirlo cuando quiera.
Ver vídeoAprende a crear animaciones por css usando keyframes. Efectos aplicados a WordPress. [Vídeo + Código]
Ver vídeoAprende a crear un calendario con unas pocas líneas de css. Directamente en WordPress y sin plugins.
Ver vídeoAprende a mostrar una imagen diferente a la que se ve al principio cuando se pasa el ratón por encima.
Ver vídeoAprende a diseñar listas especiales con css para insertarlas de forma rápida y fácil desde el editor de Gutenberg
Ver vídeoAprende a publicar código en tu web con WordPress para que tus visitantes puedan copiarlo y pegarlo. Sin plugins.
Ver vídeoAprende a modificar por css el aspecto de las tablas que te permite insertar Gutenberg en tu web con WordPress.
Ver vídeoAprende a crear cajas para mostrar destacados o avisos usando el editor de Gutenberg y un poco de código css.
Ver vídeoAprende a contar y mostrar las visitas en las entradas de tu blog de WordPress de forma sencilla.
Ver vídeoAprende a crear un usuario administrador de tu web con WordPress directamente por código.
Ver vídeoAprende a evitar que se abra la galería de imágenes, desactivar el efecto “mesa de luz” o impedir que se pueda hacer click en la imagen de los productos de WooCommerce.
Ver vídeoAprende a integrar la funcionalidad de duplicar contenidos en WordPress por código. Sin que tengas que añadir ningún plugin extra.
Ver vídeoSabías que el núcleo de WordPress trae clases de css más allá de las de tu theme y tus plugins. Estas son y así se modifican.
Ver vídeoCómo añadir la caja de extracto a las páginas de WordPress para tener la posibilidad de escribir un resumen personalizado (como en las entradas).
Ver vídeo¿Quieres mostrar un listado de todos los shortcodes que soporta WordPress y el tema que tengas activo? Pues vamos!
Ver vídeo¿Quieres tener la parte de administración en un idioma y la web en otro? Sigue los pasos de este vídeo de la Zona Código.
Ver vídeoAprenderás a evitar que se pueda solicitar la restauración de la contraseña en WordPress al darle al enlace de “¿Olvidaste tu contraseña?”.
Ver vídeoAprenderás a crear un selector en la página de login de tu web con WordPress que permita decidir a qué url ir tras iniciar sesión.
Ver vídeoAprenderás a eliminar las taxonomías que vienen por defecto en WordPress (etiquetas y categorías de las entradas).
Ver vídeoAprenderás a eliminar por completo los widgets de escritorio (como la bienvenida, las noticias wp o el estado de salud del sitio).
Ver vídeoAprenderás a mostrar la opción de bloquear a cualquier usuario desde la administración de WordPress.
Ver vídeoMuestra un documento html en cualquier página de tu web con WordPress (en la home o cualquier otra).
Ver vídeoCrear tu propio shortcode para mostrar la fecha actual en cualquier página o post de WordPress.
Ver vídeoRedirige a los usuarios de tu tienda online con WooCommerce tras iniciar sesión. Puedes enviarles a la página de tienda o a cualquier otra.
Ver vídeoPoner contenidos en columnas responsive nunca fue tan sencillo. Te explico cómo hacerlo usando la propiedad flex del css.
Ver vídeoAprende a crear efectos modernos y llamativos jugando los bordes de las imágenes: poligonales, con curvas… ¡Vamos allá!
Ver vídeo