En esta sección encontrarás todo lo relacionado con WordPress, desde tutoriales y guías hasta análisis de los mejores plugins, temas y snippets de código. Si buscas mejorar el rendimiento de tu web, añadir nuevas funcionalidades o aprender sobre el desarrollo en WordPress, este es tu lugar. Explora los artículos y vídeos para descubrir trucos, configuraciones avanzadas y consejos prácticos que te ayudarán a optimizar tu sitio y sacarle el máximo partido a esta plataforma.
Si acabas de empezar con todo esto de WordPress te recomiendo que lo primero que hagas es ver este vídeo:
A partir de ahí tendrás una base sólida para entender el resto de vídeos y tutoriales.
Hoy quiero contarte cómo solucioné un problema clásico que ocurre en muchas webs hechas con WordPress: ese molesto «parpadeo» o «flasheo» de las fuentes al cargar la página. Durante unos milisegundos, al cargar cualquier página, el texto se mostraba con una tipografía estándar (tipo «sans-serif» del sistema) y luego, de repente, aparecía la fuente correcta, en mi caso Outfit. Esto es lo que se conoce como FOIT o FOUT, y…
¿Alguna vez has notado que al cargar tu web en WordPress, el menú de navegación o el slider de la cabecera aparece mal posicionado o con imágenes desproporcionadas durante un instante? Es como si durante unos milisegundos todo se viera sin estilo y luego, de golpe, se corrigiera. Si te ha pasado, tranquilo, no estás solo. Hoy quiero explicarte por qué ocurre este problema y cómo puedes solucionarlo, incluso si…
Hoy te traigo un snippet súper útil para añadir a tu web sin necesidad de plugins: métricas animadas o contadores que suben automáticamente al hacer scroll. Perfectos para mostrar logros, estadísticas o cifras clave en tu landing page o página corporativa. Y como siempre, solo necesitas HTML, CSS y JavaScript dentro de un bloque HTML de Gutenberg, nada más. ¿Para qué sirve este tipo de contador? ¿Qué hace este código?…
Hoy quiero enseñarte a crear algo muy visual y efectivo para tu página de inicio, landing page o cualquier otra página donde necesites un hero con video de YouTube en autoplay que solo reproduce un fragmento concreto del video, como si fuese un gif animado, y que además incluye un slider de contenido encima del propio video. Y lo mejor de todo es que no necesitas plugins, solo un bloque…
Hoy te traigo un snippet muy práctico para Gutenberg: un botón que abre un popup a pantalla completa con un video de YouTube incrustado. Ideal para páginas de inicio, landing pages o incluso para incluirlo en la barra lateral sin ocupar mucho espacio. ¿Por qué usar este sistema? A veces, incrustar directamente un video de YouTube rompe el diseño o no es lo más estético, especialmente en zonas como el…
Hoy te traigo otro snippet útil para Gutenberg: un timeline horizontal animado totalmente personalizado, que puedes insertar directamente desde un bloque de HTML sin depender de constructores visuales o plugins adicionales. ¿Qué vamos a crear? Un timeline o línea de tiempo con 8 pasos, perfecto para mostrar procesos, roadmaps o fases de un proyecto, con las siguientes características: Código completo del timeline Simplemente copia y pega este código dentro de…
Hoy te traigo otro snippet directo para Gutenberg sin plugins que te va a encantar. Ya hemos visto cómo crear sliders, tablas de precios y carruseles, pero ahora vamos a crear algo que queda genial en cualquier web profesional: un grid tipo masonry de testimonios con animación al hacer scroll. Es perfecto para mostrar las opiniones de tus clientes o usuarios de manera visual y dinámica, sin depender de complementos…
En Pluginsweb.es llevamos unos días explorando cómo crear funcionalidades súper útiles directamente dentro de un bloque de HTML de Gutenberg, sin plugins de por medio. Más fácil y ligero, imposible. Ya hemos aprendido a crear: Y hoy vamos un paso más allá con algo que se ve en casi cualquier web corporativa o landing page: un carrusel de miembros del equipo con autoplay infinito y pausa al pasar el ratón.…
Cuando entrego un proyecto web a un cliente, siempre me gusta preguntarle si también quiere que el área de administración refleje la identidad de su marca, con los colores corporativos y un diseño más cuidado. Si es así, suelo añadir este código que, con solo cambiar unos cuantos valores, deja el panel de WordPress totalmente personalizado y alineado con la imagen del proyecto. El panel de administración de WordPress también…
Hoy te voy a enseñar cómo crear una tabla de precios responsive para tu landing page o página de servicios utilizando únicamente HTML y CSS, directamente dentro de un bloque HTML de Gutenberg. Si solo necesitas mostrar una tabla sencilla de precios en tu página de inicio o en una sección concreta de tu web, no es necesario instalar un plugin adicional. Puedes conseguir un resultado muy profesional con unas…
Hoy te voy a enseñar cómo crear un slider de ancho completo para la página de inicio de tu web en WordPress, utilizando solo HTML, CSS y JavaScript, directamente dentro de un bloque de HTML de Gutenberg. Este slider permite añadir tantas diapositivas como necesites, cada una con su propio título, subtítulo, texto y botón, y todo sin necesidad de recurrir a plugins adicionales. ¿Por qué sin plugin? Si solo…
Si has llegado hasta aquí es porque probablemente eres de los que usan Gutenberg «a pelo» y, al crear tu página de Preguntas Frecuentes (FAQs), te has dado cuenta de que Gutenberg no trae ningún bloque nativo de acordeón. Bien, no te preocupes: no necesitas instalar ningún plugin adicional solo para mostrar unas simples preguntas y respuestas desplegables. Hoy te voy a enseñar cómo puedes crear un acordeón funcional solo…
Agregar Comentario