# dev by Adam Martin > Diario de un desarrollador web en WordPress, pero también hablando de varias tecnologías web, consejos y guías. ## Entradas - [Adiós Docker, hola batería: he encontrado Cove, el «DDEV sin Docker» para WordPress local](https://dev.adammartin.es/cove-wordpress-local-sin-docker.md): Hace unas semanas os conté cómo migré mi WordPress a DDEV con WSL2 porque estaba hasta el gorro de Local en Windows. Y funciona como si tuviera un servidor... - [La desconexión de los devs/influencers con la gente de calle](https://dev.adammartin.es/desconexion-devs-influences-gente-de-calle.md): Llevo un tiempo dándole vueltas a esto y, de alguna forma, me ha cabreado hoy. Cada dos por tres me encuentro con desarrolladores/influencers vaticinando el... - [Adiós a Local en Windows: cómo migré mi WordPress a DDEV con WSL2](https://dev.adammartin.es/migrar-local-ddev-wordpress-windows.md): Va lento, se cae cada dos por tres, explota cuando le da la gana... y lo peor es que ni siquiera puedo echarle toda la culpa a Local. El verdadero problema es... - [Cómo crear un plugin de múltiples bloques de Gutenberg](https://dev.adammartin.es/como-crear-un-plugin-de-multiples-bloques-de-gutenberg.md): Como sabéis, mi sitio web principal El PC de Adam es un WordPress que tiene ya 6-7 años de trabajo (lo comencé en 2020) y es una mezcla de tema clásico,... - [Cómo construí un MP3 Tagger para web que lee la info desde Spotify](https://dev.adammartin.es/como-construi-mp3-tagger-spotify-para-navegador.md): Otra vez me he liado: de ir a buscar una cosa a acabar haciendo una mini app para que resuelva todas las cosas en un solo sitio. Pero todo ha sido por... - [Ahora empieza la locura: Cambiar de Toolset Types a ACF (parte 3: migración)](https://dev.adammartin.es/cambiar-de-toolset-a-acf-parte-3-migracion-datos.md): Esta entrada es parte de una serie de entradas de mi experiencia de cómo trasladar de Toolset Types a ACF. No es 100% necesario leer las anteriores, pero si... - [Ya no es tan locura: Cambiar de Toolset Types a ACF (parte 2: la estructura)](https://dev.adammartin.es/cambiar-de-toolset-a-acf-parte-2-estructura.md): Esta entrada es parte de una serie de entradas de mi experiencia de cómo trasladar de Toolset Types a ACF. No es 100% necesario leer las anteriores, pero si... - [El amor y odio a los frameworks de JavaScript](https://dev.adammartin.es/amor-odio-frameworks-javascript.md): Mi opinión acerca de por qué hay tanto amor y odio por los frameworks en general. - [FutChut: nuevo proyecto sobre gestión deportiva.](https://dev.adammartin.es/futchut-nuevo-proyecto-sobre-gestion-deportiva.md): Me embarco (otra vez) en un proyecto de gestión deportiva pero toca fuera de WordPress para intentar aprender otros sistemas. - [Haré una locura: Cambiar de Toolset Types a ACF (parte 1: el por qué)](https://dev.adammartin.es/cambiar-de-toolset-types-acf-parte-1-el-por-que.md): Para mi primer truco de magia, voy a trasladar toda la información de una de mis webs de Toolset Types a ACF ## Páginas - [Inspiración](https://dev.adammartin.es/recursos/inspiracion.md): ← Volver a Recursos Temas de interés Sobre web HTTP/2 For Web Developers: ¿Por qué ya no se recomienda hacer bundles, combinación de ficheros de estilos... - [Servidores](https://dev.adammartin.es/recursos/servidores.md): ← Volver a Recursos Servidores CloudPanel HFF Technology: un héroe de internet relacionado a temas de CloudPanel. Foro de CloudPanel Seguridad para... - [Herramientas](https://dev.adammartin.es/recursos/herramientas.md): ← Volver a Recursos Herramientas super útiles Avisos y novedades new(releases): recibe notificaciones por correo (entre otros) cada vez que un repositorio... - [WordPress](https://dev.adammartin.es/recursos/wordpress.md): ← Volver a Recursos Índice Seguridad en WordPress Plugins para WordPress Temas para WordPress Editor de bloques / Gutenberg Documentación sobre estilos y... - [PHP](https://dev.adammartin.es/recursos/php.md): ← Volver a Recursos PHP Herramientas online Can I PHP?: Útil para saber qué función puedes usar en qué versión. - [React](https://dev.adammartin.es/recursos/react.md): ← Volver a Recursos React Aprende React Aprende React en 15 horas de la mano de freeCodeCamp.org Guía de re-rendizado de React HTML First: no te vuelvas... - [Javascript](https://dev.adammartin.es/recursos/javascript.md): ← Volver a Recursos Javascript Aprende Javascript patterns.dev: aprende de arquitectura web con patrones de Javascript, React, NextJS o VueJS Librerías... - [Componentes web (HTML)](https://dev.adammartin.es/recursos/html.md): ← Volver a Recursos Componentes web (HTML) Recursos Templates de HTML gratuítas de todas las clases y estilos Hechos en Tailwind HyperUI: cantidad ingesta... - [CSS](https://dev.adammartin.es/recursos/css.md): ← Volver a Recursos CSS Frameworks de CSS Pico CSS: el starter por excelencia sin clases, va todo vanilla en los componentes de HTML base. Almond.css: el... - [Proyectos](https://dev.adammartin.es/proyectos.md) - [Recursos](https://dev.adammartin.es/recursos.md): Me gusta leer. Muchísimo. Siempre estoy al tanto de recursos, novedades y cosas super interesantes. Por suerte o por desgracia, lo voy apuntando todo en chats... - [Micro píldoras](https://dev.adammartin.es/micro-pildoras.md): Parece que... todavía no he escrito nada. :S - [Mi diario](https://dev.adammartin.es/mi-diario/) - [DEV by Adam Martin](https://dev.adammartin.es/wordpress-de-adam-martin.md): Esta es mi aventura Hola. Soy Adán Martín y soy desarrollador de WordPress. Desde 2016/17, comencé a trabajar a diario con este CMS y tengo mucho metido en... ## Micro píldoras - [Por qué tus imágenes no se ven bien al compartir en redes (si usas AVIF en WordPress)](https://dev.adammartin.es/micro-pildora/no-se-ve-imagen-compartir-en-redes-sociales-avif.md): Compartía un enlace y la imagen salía rota. El culpable: AVIF Me pasó lo típico: compartes un enlace de tu propio blog en redes y la imagen de vista previa... - [Cómo tener varios repositorios con misma clave SSH en Github](https://dev.adammartin.es/micro-pildora/como-tener-varios-repositorios-con-misma-clave-ssh-en-github.md): Me ha pasado más de una vez: vas a añadir una clave SSH en un repo nuevo, la pegas en Deploy Keys, le das a guardar y GitHub te suelta un escueto "Key is... - [Cursor abre siempre el Agent Window: cómo hacer que arranque en el Editor (IDE)](https://dev.adammartin.es/micro-pildora/cursor-abrir-siempre-editor-ide.md): A los devs nos cuesta salir del IDE. No es que el Agent Window de Cursor esté mal, es que no siempre necesito tirar de un agente. A veces solo quiero abrir el... - [Cómo le he sacado gigas extra a mi servidor sin pagar un dineral más](https://dev.adammartin.es/micro-pildora/limpieza-servidor-ubuntu-server-web.md): Llevo con el mismo servidor desde hace 5 años. Hace 2 lo trasladé de OVH a Hetzner, y aunque ahí ya tengo algo más de margen, sobrevivo con 80GB para no... - [Mi sitemap dice que esta página no cambia desde 2023. Miente. Componentes de React dentro de Gutenberg y páginas que no se actualizan](https://dev.adammartin.es/micro-pildora/react-dentro-gutenberg-paginas-no-cambian-fecha-modificacion.md): Llevo un tiempo dándole vueltas a algo que me tenía un poco mosqueado y que, cuando até cabos, me hizo soltar un "ostras" en voz alta (sí, hablo solo con... - [No funciona el bloque de navegación de WordPress en iPhone SE e iOS 16.2 e inferior](https://dev.adammartin.es/micro-pildora/no-funciona-bloque-navegacion-wordpress-iphone-se-ios-16-2-inferior.md): Cuando se trabaja en proyectos de WordPress y se intenta implantar al 100% el uso del Editor de sitios (Gutenberg), te das cuenta de hasta dónde llegan sus... - [CSS: Cómo activar conjuntos estilográficos en fuentes para sitios web](https://dev.adammartin.es/micro-pildora/css-como-activar-conjuntos-estilograficos-en-fuentes-para-sitios-web.md): ¿A quién no le ha pasado que el diseñador te llama de urgencia y te dice que la tipografía necesita una configuración especial para asignas los conjuntos... - [Elemento inline añade espacio por arriba o por debajo cuando se modifica el overflow en CSS](https://dev.adammartin.es/micro-pildora/inline-anade-espacio-cambia-todo.md): Quería hacer unas animaciones con un logo donde se ocultaban letras internas para dejar solo la abreviación de la marca. La idea es que era con el scroll,... - [Aspect-ratio falla en iPhone al girar: menudo lío](https://dev.adammartin.es/micro-pildora/safari-y-aspect-ratio-menudos-lios-causan.md): Si has trabajado con aspect-ratio en CSS, probablemente te hayas encontrado con los fallos e inconsistencias de Safari (especialmente en iPhones). Incluso... - [Git y los ficheros con mayúsculas y minúsculas: cómo solucionar conflictos](https://dev.adammartin.es/micro-pildora/git-y-los-ficheros-con-mayusculas-y-minusculas-como-solucionar-conflictos.md): Los cambios en los nombres de archivos debido a diferencias en mayúsculas y minúsculas pueden causar errores graves en WordPress, especialmente en sistemas... - [Cómo solucionar el grosor de text-decoration muy grande, también en Gutenberg.](https://dev.adammartin.es/micro-pildora/como-solucionar-el-grosor-de-text-decoration-muy-grande-tambien-en-gutenberg.md): Cuando utilizamos text-decoration-thickness en CSS, debemos recordar que al aplicar text-decoration: underline, el grosor del subrayado se reinicia a su valor... - [Scrollbar personalizada para todos los navegadores](https://dev.adammartin.es/micro-pildora/scrollbar-personalizada-para-todos-los-navegadores.md): Personalizar las scrollbars es una forma de mejorar la experiencia de usuario en tus proyectos. Aquí tienes un mixin en SCSS para manejar scrollbars tanto en... - [Verifica los ficheros de tu WordPress con WP-CLI](https://dev.adammartin.es/micro-pildora/verifica-los-ficheros-de-tu-wordpress-con-wp-cli.md): Mantener la integridad de tu sitio WordPress es esencial para su seguridad y funcionamiento óptimo. WP-CLI ofrece comandos útiles para verificar que los... - [¿Puedes usar Laravel con WordPress? Una curiosa combinación](https://dev.adammartin.es/micro-pildora/puedes-usar-laravel-con-wordpress-una-curiosa-combinacion.md): Laravel y WordPress: ¿Una unión posible? Laravel y WordPress son herramientas potentes, cada una en su propio ecosistema. Pero ¿pueden trabajar juntas? La... - [Descarga una carpeta FTP con wget](https://dev.adammartin.es/micro-pildora/descarga-una-carpeta-ftp-con-wget.md): ¿Sabías que puedes usar wget para descargar todo el contenido de un FTP? Aunque wget es monohilo (descarga archivo por archivo), funciona como un rsync, ya... - [DNS: Limpieza rápida y eficaz de caché global](https://dev.adammartin.es/micro-pildora/dns-limpieza-rapida-y-eficaz-de-cache-global.md): Cómo limpiar la caché de DNS a nivel global Si has realizado cambios recientes en tus registros DNS y no ves reflejados los resultados, limpiar la caché de... - [Copias de seguridad eficientes con Amazon AMI](https://dev.adammartin.es/micro-pildora/copias-de-seguridad-eficientes-con-amazon-ami.md): Mantener copias de seguridad constantes de tus servidores es esencial, especialmente para tiendas en línea que manejan datos críticos. Una solución... - [Solución a problemas de envío de correos en Webempresa desde países no hispanohablantes](https://dev.adammartin.es/micro-pildora/solucion-a-problemas-de-envio-de-correos-en-webempresa-desde-paises-no-hispanohablantes.md): Cómo habilitar accesos desde países no hispanohablantes en Webempresa Si estás experimentando problemas al enviar correos desde tus webs alojadas en... - [Cómo descargar múltiples objetos de un bucket S3 usando AWS CLI](https://dev.adammartin.es/micro-pildora/como-descargar-multiples-objetos-de-un-bucket-s3-usando-aws-cli.md): Si necesitas descargar múltiples objetos desde un bucket S3, AWS CLI te permite hacerlo de manera eficiente con simples comandos. Aquí te explico cómo... - [Traducir el logo del sitio en Gutenberg con WPML](https://dev.adammartin.es/micro-pildora/traducir-el-logo-del-sitio-en-gutenberg-con-wpml.md): Cómo traducir el logo del sitio en Gutenberg con WPML ¿Usas WPML para un sitio multilingüe y necesitas traducir el logo del bloque "Logo del sitio"? Aquí... - [Cómo cambiar el dominio en WordPress durante el desarrollo](https://dev.adammartin.es/micro-pildora/como-cambiar-el-dominio-en-wordpress-durante-el-desarrollo.md): Cambiar el dominio en WordPress, ya sea de http a https o entre entornos, puede ser delicado. Si haces un simple buscar/reemplazar en la base de datos, te... - [Analiza y mejora tu web con Looker Studio y CrUX Dashboard](https://dev.adammartin.es/micro-pildora/analiza-y-mejora-tu-web-con-looker-studio-y-crux-dashboard.md): ¿Conoces Looker Studio (antes Data Studio) y CrUX Dashboard? Estas herramientas te permiten visualizar todas las métricas clave de rendimiento web de... - [Se crean muchos seguidores en mi tienda WooCommerce: Protege tu WordPress del spam con hCaptcha](https://dev.adammartin.es/micro-pildora/se-crean-muchos-seguidores-en-mi-tienda-woocommerce-protege-tu-wordpress-del-spam-con-hcaptcha.md): Si tienes una tienda online pequeña o cualquier sitio WordPress, es probable que hayas notado cuentas falsas de suscriptores intentando escalar privilegios.... - [Optimiza consultas a la REST API de WordPress con _fields](https://dev.adammartin.es/micro-pildora/optimiza-consultas-a-la-rest-api-de-wordpress-con-_fields.md): Optimiza consultas a la REST API de WordPress con _fields ¿Sabías que puedes mejorar el rendimiento de las consultas a la REST API en WordPress? Gracias al... - [Node ha dejado de funcionar en Opalstack: Cómo usar una versión más nueva de GCC en Opalstack](https://dev.adammartin.es/micro-pildora/como-usar-una-version-mas-nueva-de-gcc-en-opalstack.md): Si trabajas en Opalstack y has desplegado proyectos con Node.js v20 o superior, es probable que te hayas encontrado con errores relacionados con una versión... - [Activar una plataforma de pago solo para administradores en WooCommerce](https://dev.adammartin.es/micro-pildora/activar-una-plataforma-de-pago-solo-para-administradores-en-woocommerce.md): Activar una plataforma de pago solo para administradores en WooCommerce Cuando configuro plataformas de pago como Klarna, me gusta probarlas primero en staging... - [Crea una parrilla fluida con CSS Grid](https://dev.adammartin.es/micro-pildora/crea-una-parrilla-fluida-con-css-grid.md): Con este one-liner de CSS, puedes crear una parrilla adaptable y fluida para mostrar tus noticias o cualquier contenido: CSSgrid-template-columns:... - [Varying Vagrant Vagrants: Entorno Local Ideal para DEVS HARDCORE de WordPress](https://dev.adammartin.es/micro-pildora/varying-vagrant-vagrants-entorno-local-ideal-para-devs-hardcore-de-wordpress.md): Si te dedicas al desarrollo en WordPress, seguro que has tenido que pelear con entornos locales. Aquí es donde Varying Vagrant Vagrants (VVV) se convierte en... - [Convierte URLs con tildes y caracteres raros a Punycode](https://dev.adammartin.es/micro-pildora/convierte-urls-con-tildes-y-caracteres-raros-a-punycode.md): ¿Tienes una URL con tildes, la letra ñ o caracteres poco comunes y no sabes cómo gestionarla? Aquí te dejo la solución: utiliza Punycode. ¿Qué es... - [Ordena con acentos y caracteres especiales en DataTables](https://dev.adammartin.es/micro-pildora/ordena-con-acentos-y-caracteres-especiales-en-datatables.md): Si usas DataTables y necesitas que el orden respete acentos, eñes u otros caracteres propios de un idioma, no te preocupes, ¡hay solución! Configuración de... - [Evita pérdidas de DNS en Plesk al desconectar de DigitalOcean](https://dev.adammartin.es/micro-pildora/evita-perdidas-de-dns-en-plesk-al-desconectar-de-digitalocean.md): ¿Usas la extensión de DigitalOcean DNS en Plesk? Ten cuidado al desactivarla. En algunos casos, desactivar desde Plesk puede eliminar todas las entradas DNS... - [Funciones PHP desactivadas por defecto en Opalstack](https://dev.adammartin.es/micro-pildora/funciones-php-desactivadas-por-defecto-en-opalstack.md): Si trabajas con Opalstack, es importante que sepas que ciertas funciones de PHP están desactivadas por defecto debido a medidas de seguridad. Estas funciones... - [Verifica si un email ya existe en WordPress con email_exists](https://dev.adammartin.es/micro-pildora/verifica-si-un-email-ya-existe-en-wordpress-con-email_exists.md): ¿Sabías que WordPress tiene una función nativa para verificar si un email ya está registrado? Con email_exists puedes comprobarlo fácilmente. ¿Cómo... - [Exportar traducciones en inglés con WPML (cuando no es el idioma por defecto)](https://dev.adammartin.es/micro-pildora/exportar-traducciones-en-ingles-con-wpml-cuando-no-es-el-idioma-por-defecto.md): Como desarrolladores, a menudo creamos cadenas en nuestro idioma nativo (como español) y luego las traducimos. Sin embargo, WPML asume que las cadenas por... - [Búsquedas difusas en JavaScript con Fuse.js](https://dev.adammartin.es/micro-pildora/busquedas-difusas-en-javascript-con-fuse-js.md): ¿Necesitas un buscador tolerante a errores de ortografía o con términos parecidos y no quieres depender de un backend? Con Fuse.js puedes lograrlo... - [Añadir clases dinámicas al body en WordPress](https://dev.adammartin.es/micro-pildora/anadir-clases-dinamicas-al-body-en-wordpress.md): Cuando trabajamos con Gutenberg en WordPress, modificar ciertas estructuras base como las clases del body puede parecer complicado, pero con un filtro es... - [Las dos líneas clave para suavizar fuentes en CSS](https://dev.adammartin.es/micro-pildora/las-dos-lineas-clave-para-suavizar-fuentes-en-css.md): ¿Quieres que tus fuentes se vean suaves y profesionales en cualquier navegador? Estas son las dos líneas de CSS que necesitas añadir: CSSbody {... - [.htaccess sigue funcionando en Opalstack con Apache/PHP-FPM](https://dev.adammartin.es/micro-pildora/htaccess-sigue-funcionando-en-opalstack-con-apache-php-fpm.md): ¿Tienes dudas sobre el uso de .htaccess en Opalstack? Aquí va la aclaración: Opalstack no ha eliminado Apache. Simplemente cambiaron de PHP-CGI a PHP-FPM en... - [Desactiva comentarios y controla el spam en WordPress](https://dev.adammartin.es/micro-pildora/desactiva-comentarios-y-controla-el-spam-en-wordpress.md): ¿Harto de los comentarios no deseados o spam en tu sitio WordPress? Con el plugin Disable Comments, puedes tomar control total sobre los comentarios y su... - [Cómo usar un favicon diferente para el modo oscuro](https://dev.adammartin.es/micro-pildora/como-usar-un-favicon-diferente-para-el-modo-oscuro.md): Si tu web tiene soporte para modo oscuro, puedes mostrar un favicon diferente según el esquema de colores del navegador con esta sencilla configuración en... - [Microsoft Clarity: Mapas de calor gratuitos con grabación de sesiones](https://dev.adammartin.es/micro-pildora/microsoft-clarity-mapas-de-calor-gratuitos-con-grabacion-de-sesiones.md): Microsoft Clarity es una herramienta totalmente gratuita diseñada para analizar el comportamiento de los usuarios en tu web. Incluye funcionalidades avanzadas... - [Claves para vender en Google Shopping con WooCommerce](https://dev.adammartin.es/micro-pildora/claves-para-vender-en-google-shopping-con-woocommerce.md): ¿Quieres vender tus productos en Google Shopping usando WooCommerce? Aquí tienes algunos puntos clave basados en experiencia real para evitar problemas y... - [Aprende más como desarrollador: Personaliza WooCommerce](https://dev.adammartin.es/micro-pildora/aprende-mas-como-desarrollador-personaliza-woocommerce.md): ¿Eres desarrollador WordPress con ganas de aprender algo que realmente potencie tus habilidades? Dedica un rato este fin de semana para explorar cómo... - [Iníciate en Gutenberg: Temas, visibilidad y bloques útiles](https://dev.adammartin.es/micro-pildora/iniciate-en-gutenberg-temas-visibilidad-y-bloques-utiles.md): ¿Quieres sacarle todo el partido a Gutenberg en WordPress? Aquí tienes algunos recursos y plugins para empezar con buen pie. Crea un tema base en segundos... - [Los 11 Mandamientos del Desarrollo Seguro en WordPress (Por Paco Marchante)](https://dev.adammartin.es/micro-pildora/los-11-mandamientos-del-desarrollo-seguro-en-wordpress-por-paco-marchante.md): Gracias a Paco Marchante (Twitter: @pacomarchante), quien generó este listado de consejos, compartimos los mandamientos de desarrollo seguro en WordPress.... - [Estándares de Código en WordPress: Tu Guía para Escribir Código Limpio y Consistente](https://dev.adammartin.es/micro-pildora/estandares-de-codigo-en-wordpress-tu-guia-para-escribir-codigo-limpio-y-consistente.md): Escribir código limpio no es opcional, y WordPress tiene estándares de codificación que todo desarrollador debería seguir. ¿Por qué? Porque garantizan la... - [WordCamp Madrid 2023: Innovación y Comunidad en el Corazón de WordPress](https://dev.adammartin.es/micro-pildora/wordcamp-madrid-2023-innovacion-y-comunidad-en-el-corazon-de-wordpress.md): La WordCamp Madrid 2023, celebrada los días 4 y 5 de noviembre en La Nave, reunió a más de 620 entusiastas de WordPress en un ambiente de aprendizaje y... - [Estilos CSS básicos para la etiqueta : Mejora tus imágenes de forma sencilla](https://dev.adammartin.es/micro-pildora/estilos-css-basicos-para-la-etiqueta-mejora-tus-imagenes-de-forma-sencilla.md): Las imágenes son una parte esencial del diseño web, y aplicar estilos predeterminados a la etiqueta <img> puede mejorar tanto la experiencia visual... - [WooCommerce: desactivar el número de stock disponible en los productos](https://dev.adammartin.es/micro-pildora/woocommerce-desactivar-stock-disponible-en-productos.md): Ocultar el número de unidades de stock al público puede generar una necesidad de urgencia. Vamos a desactivar el númerito. - [Ya no se actualiza (apenas) Toolset Types: El adiós a nuevas funciones](https://dev.adammartin.es/micro-pildora/ya-no-se-actualiza-apenas-toolset-types-el-adios-a-nuevas-funciones.md): Españoles, Toolset Types ha muerto (en 2022). Bueno, no literalmente, pero el desarrollo de nuevas funciones ha sido pausado. ¿Qué significa esto? Aunque... ## Optional - [llms-full.txt](https://dev.adammartin.es/llms-full.txt): Full text of every page listed above, in a single file.