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
gutenberg testimonios sin plugins

✅Cómo Crear un Grid Tipo Masonry de Testimonios con HTML, CSS y JavaScript en Gutenberg

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…

carrusel miembros del equipo gutenberg

✅Cómo Crear un Carrusel de Miembros del Equipo con HTML, CSS y JavaScript en Gutenberg

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

css admin wordpress

🔐 Personaliza por Completo el Área de Administración de WordPress sin Plugins (Código Listo para Usar)

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…

tabla precios html css

✅Cómo Crear una Tabla de Precios Responsive en Gutenberg (HTML + CSS)

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…

slider gutenberg sin plugins

✅Cómo Crear un Slider Hero de Inicio en Gutenberg sin Plugins: Solo con HTML, CSS y JavaScript

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…

acordeon gutenberg html

✅Cómo Crear un Acordeón para FAQs en Gutenberg sin Plugins: Solo con HTML, CSS y JavaScript

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…

pestañas html wordpress

✅Cómo Crear Pestañas en Gutenberg sin Instalar Plugins: Solo con HTML, CSS y JavaScript

Si utilizas Gutenberg como editor en WordPress, te habrás dado cuenta de que no existe un bloque nativo para crear pestañas (o «tabs») que te permitan mostrar diferentes contenidos dentro de la misma sección. Y si solo necesitas agregar pestañas en una entrada concreta o en un par de páginas específicas, no tiene mucho sentido instalar un plugin completo de bloques adicionales solo para esto. Afortunadamente, existe una solución mucho…

reacciones wordpress

🔐 Sistema de Corazones Ilimitados estilo Instagram Live en WordPress

Hace poco un cliente me pidió implementar algo curioso: un sistema de reacciones tipo corazones de Instagram Live o likes de las historias de Facebook, pero no para transmisiones o redes sociales, sino para sus entradas de blog en WordPress. El objetivo era permitir que los usuarios pudieran enviar tantos corazones como quisieran a cada artículo, sin restricciones por IP o navegador, y con un contador que subiera en tiempo…

html

✅Introducción al HTML: Estructura, Etiquetas y Ejemplos

HTML es el primer paso para crear cualquier sitio web. En esencia, escribir HTML es simplemente escribir texto normal siguiendo unas reglas que el navegador interpreta y convierte en contenido visual. Es como escribir un documento, solo que, en lugar de verlo como texto plano, el navegador lo organiza y le da forma automáticamente. Aunque hoy en día muchos usamos editores visuales como Gutenberg en WordPress, conocer la base de…

css introduccion

✅Introducción al CSS: Estructura Básica, Reglas y Ejemplos Prácticos

El CSS es muy sencillo de aprender, aunque al principio pueda parecer algo complejo. Al igual que sucede con HTML, en un solo día es posible entender su funcionamiento básico y empezar a realizar modificaciones simples en cualquier sitio web. CSS es la clave para transformar una página estática en una interfaz atractiva, profesional y adaptada a cualquier dispositivo. Aquí te explico de forma sencilla cómo funciona, su estructura y…

Selector has() CSS

✅El selector :has() en CSS

Hoy quiero hablarte del selector :has() en CSS, una herramienta increíble que me permite seleccionar elementos según su contenido o los elementos hijos que posean. Esto abre posibilidades fascinantes para escribir reglas CSS más flexibles y efectivas. Veamos cómo funciona paso a paso, incluyendo múltiples ejemplos y variantes como :has() y :not(:has()). ¿Qué es el selector :has() en CSS? El selector :has() permite seleccionar elementos en función de lo que…

Transferencia Bancaria solo para ADMINISTRADORES woocommerce

✅Cómo Activar la Transferencia Bancaria solo para Administradores en WooCommerce (Pruebas de Compra sin Pagos Reales)

Muchas veces, cuando gestionamos una tienda online en WooCommerce, necesitamos hacer pruebas de compra sin realizar transacciones reales ni pagar comisiones innecesarias. Una opción sería activar la transferencia bancaria, hacer la compra de prueba y luego desactivarla manualmente. Pero esto puede resultar tedioso si hacemos pruebas con frecuencia. En este artículo te mostraré cómo: Con estos ajustes, podrás realizar pruebas sin complicaciones y sin afectar la experiencia de los clientes.…