Solo Código

Encuentra los mejores snippets para personalizar y modificar WordPress, WooCommerce y otros plugins con código personalizado. Desde funciones para optimizar tu web hasta personalizaciones avanzadas sin necesidad de plugins adicionales. Aquí tienes código listo para copiar y pegar, explicado paso a paso, para que puedas adaptar tu sitio a tus necesidades sin complicaciones. Si te gusta el desarrollo y la optimización con código, esta es tu sección.

📌 Índice de Artículos

  1. Cómo cambiar la tipografía completa en el admin de wordpress
  2. Cómo restringir una categoría a usuarios registrados en wordpress sin plugins
  3. Cómo solucionar el problema de las estrellas sssss en woocommerce
  4. Protege tu carpeta de subidas en wordpress solo imágenes pdfs nada de scripts
  5. Premium cómo evitar el registro de bots en wordpress con una pregunta de seguridad inteligente
  6. Premium añadir un modo regalo personalizado por producto en el carrito de woocommerce
  7. Premium cómo añadir una pestaña de contacto por whatsapp en los productos de woocommerce con formulario personalizado
  8. Premium cómo bloquear las compras en woocommerce durante tus vacaciones
  9. Premium mostrar cuántas veces han comprado un producto en woocommerce
  10. Premium cambiar el texto del botón añadir al carrito según la categoría en woocommerce
  11. 20 trucos de css que te pueden salvar la vida o al menos el proyecto
  12. 10 snippets útiles para personalizar hivepress vol 6
  13. 10 snippets útiles para personalizar hivepress vol 5
  14. 10 snippets útiles para personalizar hivepress vol 4
  15. 10 snippets útiles para personalizar hivepress vol 3
  16. 10 snippets útiles para personalizar hivepress vol 2
  17. 10 snippets útiles para personalizar hivepress vol 1
  18. Cómo crear un contador regresivo en gutenberg con cupón de descuento
  19. Cómo poner un avatar personalizado por defecto en wordpress sin plugins
  20. Premium el mejor sistema de comentarios anónimos para wordpress sin barreras sin riesgos y 100 enfocado en el usuario
  21. Premium crea entradas páginas categorías marcas o cualquier cpt de golpe con este código simple
  22. Y si te digo que puedes duplicar cualquier contenido en wordpress sin plugins
  23. Diferencia entre display none y visibility hidden en css y cómo afecta al seo
  24. Cómo aplicar estilos globales en tu wordpress usando en css
  25. Premium modo concentración para suscriptores premium una forma más limpia de leer
  26. Premium cómo implementé un bloc de notas flotante en wordpress
  27. Cómo crear flip cards con gutenberg sin plugins usando solo html y css
  28. Premium cómo agregar un slider ticker de categorías para periódico online en wordpress sin plugins
  29. Cuál es la diferencia entre em rem y otras unidades css
  30. Qué es container-type y por qué es clave en el futuro del diseño en wordpress
  31. Qué es accent-color en css y cómo usarlo en checkboxes radios y más en wordpress
  32. Como solucioné el problema de flasheo de tipografía en mi web
  33. Cómo crear métricas animadas en gutenberg html css y js
  34. Cómo crear un hero con video slider en gutenberg html css y js
  35. Cómo abrir un video de youtube en un popup con un botón en gutenberg
  36. Cómo crear un timeline animado en gutenberg solo con html y css
  37. Cómo crear un grid tipo masonry de testimonios con html css y javascript en gutenberg
  38. Cómo crear un carrusel de miembros del equipo con html css y javascript en gutenberg
  39. Premium personaliza por completo el área de administración de wordpress sin plugins código listo para usar
  40. Cómo crear una tabla de precios responsive en gutenberg html css
  41. Cómo crear un slider hero de inicio en gutenberg sin plugins solo con html css y javascript
  42. Cómo crear un acordeón para faqs en gutenberg sin plugins solo con html css y javascript
  43. Cómo crear pestañas en gutenberg sin instalar plugins solo con html css y javascript
  44. Premium sistema de corazones ilimitados estilo instagram live en wordpress
  45. Introducción al html estructura etiquetas y ejemplos
  46. Introducción al css estructura básica reglas y ejemplos prácticos
  47. El selector has en css
  48. Cómo activar la transferencia bancaria solo para administradores en woocommerce pruebas de compra sin pagos reales
  49. Premium cómo mostrar datos en una tabla con búsqueda en vivo en wordpress
  50. Premium vendes productos digitales o servicios con woocommerce agrega la opción de comprar solo con email
  51. Premium precios inteligentes sube los precios según la demanda en woocommerce
  52. Premium agregar opción solicitar precio en woocommerce solución sencilla y práctica
  53. Añade un mensaje personalizado en el checkout de woocommerce sin plugins
  54. Abrir enlaces externos automáticamente en una nueva pestaña en wordpress
  55. Cómo agregar una casilla en wordpress para ocultar el título de una página o entrada sin afectar el seo
  56. Premium fran salas woocommerce crowdfunding campañas de crowdfunding con woocommerce
  57. Premium fran salas woocommerce qr tickets venta y validación de entradas con qr en woocommerce
  58. Cómo editar el css de una página entrada o producto específico en wordpress
  59. El negocio de las rifas online cómo funcionan y cómo puedes tener tu propia plataforma
  60. Premium rasca y gana con woocommerce
  61. Premium sistema de pujas y subastas en woocommerce rápido y eficiente
  62. Premium mejorando el código de zona privada con subida de documentos front end
  63. Premium selector de cliente en checkout de woocommerce
  64. Premium sistema de socios afiliados simple en wordpress
  65. Premium mejorando el código de zona privada con diferente cpt
  66. Premium cómo permitir a los clientes elegir el precio en woocommerce
  67. Premium buscador de texto por página con resaltado encuentra información rápidamente
  68. Premium mejorando el código de newsletter con formulario lateral fijo
  69. Premium mejorando el código de sorteos con números aleatorios
  70. Cómo usar el inspector del navegador para depuración y análisis web
  71. Php sin miedo cómo editar snippets y no romper tu web
  72. Premium pinea artículos en tu blog acceso rápido para los usuarios
  73. Todo sobre media queries en css qué son y cómo usarlas
  74. Premium newsletter sencilla para wordpress
  75. Premium convierte los comentarios de tu blog en un foro activo
  76. Premium mejorando el código de documentos con registro de acciones
  77. Premium mejorando el código de zona privada con formulario de acceso
  78. Premium mejorando el código de zona privada con páginas privadas por roles
  79. Premium mejorando el código de zona privada con múltiples usuarios por página
  80. Premium mejorando el código de zona privada con panel de gestión admin
  81. Premium mejorando el código de zona privada con estilos
  82. Premium mejorando el código de zona privada con emails automáticos
  83. Premium mejorando el código de zona privada con búsqueda de usuarios
  84. Premium mejorando el código de sorteos con número ganador automático
  85. Premium mejorando el código de sorteos con bloqueo de números
  86. Premium mejorando el código de sorteos con lista de participantes en el front end
  87. Premium mejorando el código de sorteos con página de gestión
  88. Premium mejorando el código de sorteos con emails del ganador
  89. Premium mejorando el código de sorteos con finalizar ventas y sorteo
  90. Premium mejorando el código de sorteos con descarga de boletos
  91. Premium recibo del pedido con un click en woocommerce
  92. Premium qué ven tus visitantes ahora fácil y rápido
  93. Snippets o plugins que opción elegir
  94. Premium eliminar shortcodes huérfanos en masa - wordpress
  95. Premium personalización de productos en woocommerce con coste adicional
  96. Premium contacto directo whatsapp desde archivo en listinghive
  97. Premium formulario directo a whatsapp en listinghive
  98. Premium hero dinámico en listinghive de hivepress
  99. Premium visualiza descripciones cortas de forma atractiva en woocommerce
  100. Premium páginas privadas por usuario en wordpress
  101. Premium automatización de pedidos con woocommerce y whatsapp
  102. Premium gestión de archivos entre usuarios de wordpress front end
  103. Premium top 10 de entradas más vistas cada día
  104. Premium precios por rol en variaciones de productos variables woocommerce
  105. Permitir a los clientes subir una foto de perfil desde mi cuenta en woocommerce
  106. Controla los accesos a tu wordpress con este código incluye exportación csv
  107. Cómo añadir un botón de contacto flotante de whatsapp en wordpress vol2
  108. Cambia la foto de gravatar por fotos de perfil personalizadas para tus usuarios
  109. Añade gráficos dinámicos a tu sitio wordpress sin plugins pesados
  110. Destaca tus ideas con un resumen automático al final de cada post en wordpress
  111. Crea urgencia con estos avisos de stock para woocommerce
  112. Convierte snippets de código en plugins muy simple
  113. Optimiza la presentación de productos variables en woocommerce
  114. Usuarios conflictivos aprende a bloquearlos en wordpress como un profesional
  115. Cómo usar las búsquedas de tus usuarios en wordpress para potenciar tu estrategia seo
  116. Cómo crear un menú flotante en wordpress
  117. Notificaciones en tiempo real cómo implementar un sistema de alertas de compras recientes en wordpress
  118. Haz que tus productos sean reservables con este código para woocommerce
  119. Cómo mostrar anuncios adsense alternados cada x párrafos en wordpress
  120. Notifica posts en wordpress con correos y baja de suscripción
  121. Fuera de stock notifica a tus clientes cuando un producto vuelve al inventario woocommerce
  122. Mostrar contenido privado a cambio de email en wordpress
  123. Cómo crear facturas automáticas en woocommerce correctamente
  124. Mostrar cupones disponibles en el carrito de woocommerce
  125. Convierte tu woocommerce en una plataforma de sorteos con papeletas
  126. Shortcode que muestra clima de ciudad en wordpress
  127. Descuentos automáticos por cada xxxx gastados en woocommerce
  128. Botón de whatsapp en woocommerce para consultas de pedidos
  129. Asignar productos a roles woocommerce sin plugins
  130. Análisis de sentimientos detecta el tono de tus textos con código personalizado
  131. Implementar una verificación de edad en tu sitio wordpress sin plugins
  132. Mejora la experiencia del usuario con un preloader dinámico sin plugins
  133. Código para popup intención de salida wordpress
  134. Carrito fijo flotante en woocommerce sin plugins
  135. Mejora los productos variables de woocommerce con este código de tabla comparativa
  136. Mejora la experiencia de compra con este código de vista rápida para woocommerce
  137. Mejora la experiencia del usuario con este código de enlaces internos
  138. A tu cliente le encantará este código para organizar el menú de administración de wordpress
  139. Mejora la experiencia de tu cliente con este código para instrucciones
  140. Ahorra tiempo editando contenidos en wordpress con este código
  141. Cómo restringir la biblioteca de medios en wordpress por usuario sin plugins
  142. Reordenar entradas páginas y productos arrastrarsoltar sin plugins wordpress
  143. Tabla con lista de usuarios de wordpress en el front end sin plugins
  144. Consultas por whatsapp desde las entradas del blog en wordpress sin plugins
  145. Pedido por whatsapp desde página de tienda y producto individual en woocommerce sin plugins
  146. Mejorando la búsqueda en wordpress limitando los resultados a entradas
  147. Solucionar error de carga de la administración de wordpress
  148. Colores personalizados en los estados del pedido de woocommerce
  149. Web privada con contraseña en wordpress sin plugins
  150. Diferente menú según el rol de usuario en wordpress sin plugins
  151. Truco css efecto neón con animación intermitente
  152. Creando un widget personalizado de acceso en wordpress sin plugins
  153. Insignias personalizadas en las entradas del blog de wordpress sin plugins
  154. Personalizar página de login y registro en wordpress sin plugins
  155. Acceso directo menú woocommerce en admin bar sin plugins
  156. Ticker de entradas por categoría en wordpress sin plugins
  157. Calendario de eventos clasificados por colores en wordpress
  158. Carrusel de productos en woocommerce sin plugins
  159. Pedido por whatsapp desde checkout en woocommerce sin plugins
  160. Flip box en wordpress sin plugins
  161. Tablas de precios en wordpress sin plugins
  162. Formulario de soporte en mi cuenta de woocommerce
  163. Redirección con temporizador a web externa tras realizar un pedido en woocommerce sin plugins
  164. Solo los usuarios registrados pueden ver el precio y comprar en woocommerce sin plugins
  165. Crea un directorio de usuarios categorizado en wordpress sin plugins
  166. Crea tu sección de podcasts con acf y código personalizado en wordpress
  167. Contenido dinámico según la hora del día en wordpress sin plugins
  168. Descuento automático en el carrito al superar cantidad en woocommerce sin plugins
  169. Mostrar los campos personalizados de wordpress en el front end sin plugins
  170. Insignias personalizadas en woocommerce sin plugins
  171. Cupones automáticos con caducidad después de compra en woocommerce sin plugins
  172. Pdf condicional descargable en página de gracias en woocommerce sin plugins
  173. Pestaña con guía de tallas del producto en woocommerce sin plugins
  174. Slider automático de imágenes con título y botón en wordpress sin plugins
  175. Galerías de imágenes con filtros en wordpress sin plugins
  176. Zona de descargas front end en wordpress sin plugins
  177. Contenido visible solo para usuarios en específico en wordpress sin plugins
  178. Fecha estimada de envío en woocommerce sin plugins
  179. Diferente precio según el rol en woocommerce sin plugins
  180. Botón scroll to top en wordpress sin plugins
  181. Ofertas temporales con cuenta regresiva en woocommerce sin plugins
  182. Slider automático de texto en wordpress sin plugins
  183. Agregar iconos de compartir en redes sociales sin plugins wordpress
  184. Campos personalizados en los comentarios de wordpress sin plugins
  185. Pedido por whatsapp desde carrito de woocommerce sin plugins
  186. Wordpress menú fijo footer en móvil sin plugins
  187. Rellenar automáticamente los atributos alt de las imágenes de wordpress sin plugins
  188. Acordeones con shortcodes en wordpress sin plugins
  189. Tabla de contenidos en wordpress sin plugins
  190. Implementando entradas relacionadas por categoría en wordpress sin plugins
  191. Mejorando tu sitio con botones fijos laterales en wordpress sin plugins
  192. Notificaciones emergentes popups sin plugins wordpress
  193. Los usuarios editan sus datos desde el front end wordpress
  194. Mostrar perfil de usuario en el front end wordpress
  195. Agregar campos personalizados al perfil de usuario sin plugins wordpress
  196. Agregar un botón de telegram fijo con invitación a grupo sin plugins
  197. Cambiar los nombres de los roles en wordpress y woocommerce
  198. Selector de cantidad y checkout directo en página de tienda en woocommerce
  199. Agregar un selector de roles al formulario de registro wordpress
  200. Creando roles de usuario en wordpress profesores y alumnos
  201. Ocultar elementos con css según el rol de usuario wordpress
  202. Agregar botón contacto whatsapp sin plugins wordpress
  203. Crear un shortcode que oculte contenido a no registrados sin plugins
  204. Como crear un botón en el menú con css wordpress
  205. Estilo a los diferentes estados de un enlace con css
  206. Html tooltips al hacer hover en elemento
  207. Agregar contenido antes yo después de un elemento con css
  208. Cómo copiar el footerphp a un child theme y editarlo
sin plugins modo lectura wordpress

🔐 Modo Concentración para Suscriptores Premium: una Forma más Limpia de Leer

Siempre estoy pensando en cómo mejorar la experiencia de mis lectores y sobre todo de los premium. Por eso, además de ocultar la publicidad para ellos, he implementado un nuevo sistema que permite activar un modo concentración en cualquier artículo del blog. Esta función está pensada para quienes quieren leer tranquilos, sin distracciones visuales, sin sidebar, sin header, sin pie de página ni elementos adicionales. Solo el contenido y, si…

bloc notas wordpress

🔐 Cómo Implementé un Bloc de Notas Flotante en WordPress

Navego por muchos blogs de temáticas distintas: desarrollo, diseño, marketing, ciencia, incluso recetas. Y me pasa algo muy común: cuando se me ocurre una idea, suelo guardar el artículo en favoritos con la intención de volver a él más tarde… pero muchas veces, esas ideas se pierden entre cientos de marcadores, notas dispersas, o el clásico montón de papelitos que terminan olvidados. Ahí fue cuando se me ocurrió: ¿y si…

gutenberg flip cards

✅Cómo Crear Flip Cards con Gutenberg sin Plugins Usando solo HTML y CSS

A veces solo quieres mostrar un efecto visual atractivo, como unas flip cards o cajas que giran al pasar el cursor, pero no quieres instalar un plugin más para hacerlo. Tal vez lo necesitas en una sola página, como en el Inicio, la sección de Contacto o una landing page, y no te compensa sobrecargar tu WordPress con más bloques de terceros. Pues te alegrará saber que puedes hacerlo solo…

ticker categorías wordpress

🔐 Cómo Agregar un Slider Ticker de Categorías para Periódico Online en WordPress (Sin Plugins)

Hoy comparto un código personalizado que he usado en un proyecto recientemente para implementar un slider ticker de categorías que aparece automáticamente en las entradas individuales de tu blog WordPress. Esta solución es ideal para sitios de noticias, revistas digitales o blogs temáticos que desean mejorar la navegación y visibilidad de sus categorías. Qué ofrece este desarrollo Este slider ticker incluye las siguientes características: Puedes ver el Slider Ticker de…

tamaños css

✅¿Cuál es la Diferencia entre %, em, rem y otras unidades CSS?

Cuando trabajas con CSS en WordPress (o cualquier otra web), te encuentras con muchas unidades de medida: %, em, rem, vw, vh, ch, px…Y si no tienes clara la diferencia, es fácil caer en errores de diseño, especialmente en responsive. En este artículo te explico qué significa cada unidad, cuándo usarla y cómo se comporta dentro de un tema o builder de WordPress, todo con ejemplos fáciles de entender. Unidades…

css container-type

✅Qué es container-type y por qué es Clave en el Futuro del Diseño en WordPress

Durante años, todo el diseño responsive en CSS ha dependido del ancho del navegador. Pero eso está empezando a cambiar. Hoy te quiero hablar de una de las funcionalidades más potentes que han llegado recientemente a CSS: las Container Queries, y de una propiedad clave para usarlas: container-type.Y sí, esto tiene implicaciones directas en el futuro de WordPress, Gutenberg y cómo diseñamos nuestras webs. El problema con el diseño responsive…

accent-color css

✅Qué es accent-color en CSS y Cómo Usarlo en Checkboxes, Radios y Más en WordPress

¿Cansado de que tus formularios tengan ese estilo gris y aburrido del navegador? Hoy te presento una propiedad que probablemente no conocías: accent-color. Con solo una línea de CSS, puedes cambiar el color de los checkboxes, botones de radio, sliders y otros elementos de formulario que antes eran casi imposibles de personalizar sin hacks o JavaScript. Si aún no sabes CSS revisa esta Guía de Introducción. Clic aquí. ¿Qué es…

fuentes locales google blocksy

✅Como Solucioné el Problema de «flasheo» de Tipografía en mi Web

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…

metricas animadas gutenberg

✅Cómo Crear Métricas Animadas en Gutenberg (HTML, CSS y JS)

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?…

hero youtube slider dinamico gutenberg

✅Cómo Crear un Hero con Video + Slider en Gutenberg (HTML, CSS y JS)

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…

video boton popup gutenberg wordpress

✅Cómo Abrir un Video de YouTube en un Popup con un Botón en Gutenberg

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…

timeline gutenberg wordpress

✅Cómo Crear un Timeline Animado en Gutenberg solo con HTML y CSS

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…

Blog PremiumCodecanyonCursosElementorHerramientas WebNegociosOptimizaciónPluginsProductividadSEOSolo CódigoTemasThemeforestWoocommerceWordPress#blocksy#coupon affiliates#documentos#Fran Salas Plugins#hivepress#newsletter#ohio#Snippets Gutenberg#socios#sorteos#subastas#translatepress#ultimate affiliate pro#ultimate membership pro#use your drive#wordpress automatic plugin#zona privadaBlog PremiumCodecanyonCursosElementorHerramientas WebNegociosOptimizaciónPluginsProductividadSEOSolo CódigoTemasThemeforestWoocommerceWordPress#blocksy#coupon affiliates#documentos#Fran Salas Plugins#hivepress#newsletter#ohio#Snippets Gutenberg#socios#sorteos#subastas#translatepress#ultimate affiliate pro#ultimate membership pro#use your drive#wordpress automatic plugin#zona privadaBlog PremiumCodecanyonCursosElementorHerramientas WebNegociosOptimizaciónPluginsProductividadSEOSolo CódigoTemasThemeforestWoocommerceWordPress#blocksy#coupon affiliates#documentos#Fran Salas Plugins#hivepress#newsletter#ohio#Snippets Gutenberg#socios#sorteos#subastas#translatepress#ultimate affiliate pro#ultimate membership pro#use your drive#wordpress automatic plugin#zona privada