Código Worpdpress

Código Worpdpress, Plugins Wordpress, Trucos

Cómo añadir un código a la cabecera y pie de WordPress

Muchos servicios, cuando tienes que conectarlos a tu página web, exigen que añadas un código a la cabecera. Para que funcione el servicio, o para verificar que la página es tuya. Algunos son servicios famosos como Google Adsense, Google Analytics, Google Search Console etc. Hoy os vamos a enseñar a añadir un código tanto a la cabecera como al pie de WordPress de dos maneras: con y sin plugin. Nosotros siempre tendemos a hacer páginas webs con el mínimo número de plugins posibles. No tiene sentido tener un plugin para cada servicio, así que tiene mucho sentido usar un plugin que sirva para varias cosas. Por eso recomendamos plugins para añadir códigos. Tienen además ventajas como elegir dónde se activa ese código (frontend y backend). Pero también enseñamos cómo hacerlo sin plugin, en el fichero functions.php del tema hijo. Os lo explicamos en este vídeo: Los códigos para añadir son: Cabecera: Pie:

Código Worpdpress, Gestores de contenidos, Seguridad

Técnica de Enumeración de Usuarios en WordPress. Descubren tus administradores.

El número de ataques estos días a las páginas web de WordPress está siendo muy significativo.Hoy os dejamos una manera que tienen los hackers de descubrir los usuarios administradores de tu web de manera rápida: la enumeración de usuarios. Si alguien quiere probar descubrir el acceso de tu web “a lo bestia” (por fuerza bruta), necesita dos cosas: un usuario administrador y su contraseña. Si consiguen el usuario de manera fácil, tienen el 50% del trabajo hecho. Aunque no consigan entrar, estos ataques quitan recursos del servidor, que tiene que estar comprobar si son reales, si la combinación de usuario y contraseña coincide o no. Hay muchas maneras de descubrir los administradores de tu página en WordPress (otros días veremos otras), pero una de ellas es muy sencilla y es la que intentamos resolver hoy. Solución: enumeración de usuarios en WordPress. WordPress, por defecto, tiene varios sitios donde muestra usuarios: Las soluciones para estos problemas dependen de tu web, pero te damos ideas que suelen servir para todas: O un código en el functions.php de tu tema hijo o plugin de snippets (este no lo hemos probado) Os dejamos un vídeo que lo muestra.

Código Worpdpress, Diseño Web, Gestores de contenidos

Cómo añadir “migas de pan” o BREADCRUMBS en WordPress. Mejora el SEO y el UX.

Las migas de pan, breadcrumbs en inglés, son ese texto que suele aparecer en la cabecera de las páginas que te indica dónde estás – tu página y las superiores a la misma. Yo siempre era reacio a instalarlas, pero me han llegado a pedir usuarios que las querían. Lo cierto es que mejora la experiencia de usuario (eso es lo que significa el UX del título, User eXperience) y la usabilidad de la página. Cosa que da puntos en el SEO (últimamente se enfocan mucho en eso). Pero además es que permite que los buscadores conozcan mejor la estructura de tu página (es uno de los elementos junto al sitemap). Y de nuevo esto nos da puntos en el SEO. Así que hoy os enseñamos un método – de muchos – para añadir los breadcrumbs en tu página de WordPress. Usando el plugin Yoast SEO, y la plantilla gratuita Astra. El plugin de Yoast nos permite el siguiente “shortcode” que podemos añadir donde queremos para que nuestra página muestre estas migas de pan: Es cierto que, si ya tienes la página, tendrás que dedicar algo de tiempo a estructurar y categorizar tus páginas. Pero ese trabajo siempre es bueno. Podéis ver cómo se hace en este vídeo:

Código Worpdpress, Gestores de contenidos, Soporte, Trucos

Solución a los errores de ERR_TOO_MANY_REDIRECTS en WordPress con Cloudflare.

Hace unos días tuvimos el siguiente error en un cliente que tenía WordPress, Cloudflare como CDN con el certificado SSL puesto en modo Flexible: ERR_TOO_MANY_REDIRECTS al intentar acceder a la página. No nos dejaba entrar ni al frontend ni al backend. Ninguna de las soluciones que aplicábamos nos funcionaba. Ni desactivar plugins por FTP, ni desactivar el htaccess ni nada. Así que hoy os dejamos la solución que nos permitió arreglar el problema, que obtuvimos de aquí (al César lo que es del César). Recordamos que Cloudflare, además de sus funciones de CDN, permite varias opciones de SSL y, en el método flexible, permite tener https sin tener un certificado (cifra desde el cliente a Cloudflare). Solución al error de Too Many Redirects en WordPress con Cloudflare. Lo que debemos hacer es ir a la raíz de WordPress y editar tu fichero wp-config.php (por SSH o por FTP). Justo antes de la línea que pone /* That’s all, stop editing! Happy blogging. */ escribe lo siguiente. Guarda el fichero, y recarga la página. Deberías tener el problema solucionado.

Código Worpdpress, Diseño Web, Plugins Wordpress

Plugins de WordPress para insertar código.

Nos hemos dado cuenta que, en muchos vídeos, mencionamos los plugins de WordPress para insertar código y poder realizar funciones extras o modificar el funcionamiento de WordPress. Recordad que esto es alternativa a poner el código en el fichero functions.php del tema hijo. Pero no tenemos ningún artículo sobre dichos plugins. Antes siempre recomendábamos usar Code Snippets, pero ya hay varias alternativas y usamos unos u otros dependiendo de la necesidad. Hoy queremos recomendar esos unos u otros. Plugins para insertar código en WordPress. Estos son los plugins que usamos a fecha del artículo: Code Snippets: sin duda el precursor y siempre un valor seguro. La versión gratuita permite sólo insertar códigos php y html. Pero es muy sencillo activarlos, desactivarlos e incluso entrar en la web si alguno da errores.Puedes añadir el código sólo en el frontend, sólo en el backend, en ambos, ejecutarlo sólo una vez o siempre. Otra funcionalidad interesante es que puedes importar y exportar códigos.Lo usamos principalmente para añadir código php que cambie el funcionamiento de WordPress o de algún plugin. WPCode (antes Insert Headers and Footers) de WPBeginner: siempre habíamos usado este plugin para añadir código en el header o en el footer. Normalmente para añadir códigos de Analytics, tags de Google, píxeles de Facebook o códigos Javascript o css en el footer.Pero recientemente ha ampliado sus funciones, y ahora permite tanto añadir scripts en la cabecera, cuerpo o pie, como crear snippets de código y añadirlos en la página.Es más, estos snippets pueden ser personalizados, pero también tiene una biblioteca de snippets más usados qu epuedes buscar y usar..Es decir permite scripts, php, css, html text, y tiene funcionalidad lógica y prioridad en estos códigos.La verdad es que la mejora ha sido brutal, tanto que , mientras que antes lo combinábamos con otros plugins, ahora puede sustituirlos y podemos usarlo como plugin único de scripts y códigos. Woody code snippets: lo descubrimos hace bastante poco, pero tiene funcionalidades diferentes al anterior que hacen que, en ocasiones lo usemos.. Este plugin permite añadir código en el header, en el footer o en el cuerpo. Pero lo más interesante para nosotros es que permite crear un shortcode con ese código, y así poder usarlo fácilmente en entradas, páginas, plantillas, widgets…..Además, permite activar o desactivar códigos según una lógica condicional. De nuevo algo muy interesante.Esto permite usarlo desde para insertar píxeles como Facebook, tags como de Google, para añadir anuncios o banners, para añadir código de php…y para mucho más.

Código Worpdpress, Diseño Web, Plugins Wordpress, Trucos

Desactivar los emails de actualizaciones automáticas de plugins, temas o core en WordPress.

Hace tiempo, WordPress activó la opción de actualizar automáticamente tanto plugins como temas como su versión (core). Esto está muy bien, porque los ataques son continuos, y es importante tener la web actualizada. Lo que no han hecho tan bien es que te llegan correos cada vez que esto ocurre, y no se puede desactivar ni elegir a qué dirección debe llegar. Como es frecuente que se actualicen estas cosas, llega un momento que parece spam. Si además eres administrador, pero tu web la gestiona otro, puede ser una verdadera lata. Hoy os enseñamos a desactivarlo. Desactivar los emails de actualizaciones automáticas en WordPress. Como siempre podemos hacerlo de dos maneras. Por plugin. Como siempre lo0 más sencillo es instalar un plugin como este (habrá más). No sólo te permite activar y desactivar todo tipo de notificaciones y, entre ellas, las del artículo de hoy. También tienes funcionalidades extra como elegir a quien se manda cada notificación. Así que si no te importa cargar la página de plugins, quieres más opciones y quieres lo sencillo, el plugin te vale. Por código. Como hemos dicho muchas veces, no nos gusta carga la página de plugins innecesarios. Si podemos buscamos un código que lo solucione. Para ello podéis elegir entre los varios plugins que permiten añadir código a un WordPress, o añadir el código en tu tema hijo de WordPress, editando el functions.php de ese tema hijo. Os dejamos aquí los diferentes códigos para cada cosa. Puedes añadir todos, o sólo el que te interese. En este vídeo lo explicamos todo.

Código Worpdpress, Diseño Web, Trucos

Cómo añadir Disqus en WordPress sin plugin.

Hace unos días tuvimos que actualizar la web de un cliente que usa Disqus. Disqus es un sistema de moderación de comentarios que añade funcionalidades a WordPress. El problema surgió porque lo tenía instalado con el plugin de Disqus para WordPress (sin actualizar desde hace un año) pero en la actualización del Tema no era compatible. Con un tema por defecto aparecían los comentarios, pero con el tema actualizado no. Tocaba buscar la solución sin plugin. PD: Suponemos que la web está configurada en Disqus. Para eso puedes usar el plugin anterior o hacerlo a mano. Añadir el sistema de comentarios Disqus a WordPress sin plugin. Disqus deja un código para añadir a mano en cualquier CMS , lo que llaman el Universal Embed Code aquí. Vamos a basarnos en ese código para crear un Snippet. Normalmente usamos este plugin, pero hoy vamos a usar uno similar.: Woody Code Snippets. ¿Por qué? Porque te permite crear automáticamente, sin más desarrollo, un shortcode. y lo vamos a necesitar. Primero, tras la instalación de ese u otro plugin de Snippets vamos a añadir este código (o en functions.php). Es JavaScript, así que o lo metemos como código de Javascript en un módulo de Snippets como Woody o lo ponemos entre las etiquetas de <script> </script> en un php (o función). Nosotros lo hemos metido como shortcode de Javascript. Donde SHORTNAME es el nombre abreviado (shortname) que Disqus nos ha proporcionado cuando damos de alta la web.Woody si lo ponemos en opción de mostrar el código donde está el shortcode nos proporciona a la derecha un shortcode para este código. Ahora lo que vamos a hacer es editar nuestra plantilla de página o entrada para poner el shortcode. Lo podemos hacer de varias maneras: Si estamos usando plantillas de entradas en un constructor lo ponemos ahí. Si estamos usando una plantilla lo mejor es crear un tema hijo, y copiar del tema padre el fichero donde ponga los comentarios. Normalmente es single.php o comments.php. y tiene un código como: Lo vamos a sustituir por Donde XXXxx es el id del snippet que nos ha dado Woody. Es importante que esté un div con ese id o en esta parte del código o en la anterior, porque ahí es donde Disqus hará un “embed” de los comentarios. Y con esto ya deberían aparecer los comentarios. Nota: hay otras maneras de hacer esto. Podemos crear un shortcode directamente en el snippet. O meter el div en el snippet como código php y luego el javascript. Sólo son variantes de lo mismo.

Código Worpdpress, Diseño Web

Cambiar la fecha del pie de WordPress automáticamente.

Hay clientes que les gusta poner el copyright con el año en el pie de sus páginas de WordPress. Pero entonces todos los años tienen que entrar y cambiarlo y, claro, es una lata. Hoy os dejamos un script que crea un shortcode que lo cambia automáticamente. Script para cambiar la fecha de cualquier sitio de una web de WordPress automáticamente con un shortcode. El script va a usar la función date_i18n de WordPress. Y el formato de fecha también de WordPress. Os lo dejamos aquí como referencia por si queréis modificar el script para aptarlo a vuestras necesidades: https://wordpress.org/support/article/formatting-date-and-time/ Recordad que tenéis que poner el código o en el functions.php de vuestro tema hijo o en un plugin de Snippets. El script es el siguiente: Y para usarlo sólo tenéis que añadir el shortcode (podéis cambiar el nombre modificando la parte que os marcamos en negrita) : En este vídeo os explicamos y mostramos cómo se usa.

Código Worpdpress, Diseño Web, Plugins Wordpress

Woocommerce: desactivar el resto de métodos de envío si el envío gratuito está activado.

En el vídeo sobre la configuración de los métodos de envío de Woocommerce, os comentamos que el envío gratuito tiene un problema en la instalación por defecto. Cuando se activa el envío gratuito, aparece junto a todo el resto de métodos. Es decir, el cliente verá métodos de envío con coste, y el gratuito. Cosa que, obviamente, no es muy deseable. Porque algún cliente puede equivocarse y pagar cuando no es necesario (y luego quejarse). Hoy os explicamos cómo solucionarlo. Cómo desactivar el resto de métodos de envío si el envío gratuito está activado en Woocommerce.. Woocommerce no tiene esta opción por defecto. Pero si que dan la solución en este post. Puedes hacerlo con o sin plugin. Con plugin: puedes usar un plugin como este: https://wordpress.org/plugins/wc-hide-shipping-methods/. Pero recordad que cuando más añadas a tu web, más lenta y más problemas de seguridad. Sin plugin: nosotros recomendamos, cuando sea posible, resolver estos problemas con código. Se puede, como siempre, añadir el código en el fichero functions.php de tu tema hijo, o usando un plugin como Snippets (uno que sirve para añadir muchos fragmentos de código).Este es el código que podemos usar: En el enlace de Woocommerce que hemos dejado arriba, aparecen varias versiones del código para permitir recogida en local además de envío gratis, y cómo habilitarlo o deshabilitarlo según zonas. En este vídeo explicamos cómo funciona el código y cómo activarlo.

Código Worpdpress, Diseño Web, Gestores de contenidos, Trucos

Añadir un menú de inicio de sesión y cierre de sesión en WordPress.

Como prometimos en el pasado vídeo, y siguiendo el orden de “tutoriales” o trucos de WordPress, hoy queremos enseñar a crear unos elementos de menú de inicio de sesión y de cierre de sesión. Elementos de menú que, además van a desaparecer según tengamos la sesión iniciada o no. Es decir, si no hemos entrado con nuestro usuario, aparecerá el menú de inicio de sesión, pero no el de cierre, y si estamos con nuestro usuario iniciado, aparecerá el de cierre de sesión pero no el de inicio. Vamos a necesitar añadir unos códigos de CSS para que aparezcan y desaparezcan los menús, y un código de php para evitar que WordPress pida confirmación en el cierre de sesión. En varios pasos necesitaremos códigos o conceptos que hemos usado en artículos pasados. Cómo añadir menús de login y de logout en WordPress. Estos son los pasos: Lo primero que vamos a hacer es añadir unos menús personalizados: – Login o Iniciar sesión, con url: https://tudominio.es/wp-login.php. – Logout o cerrar sesión con url: https://tudominio.es/wp-login.php?action=logout A esos menús vamos a añadirles unas clases, para poder modificar su comportamiento por CSS. Para eso necesitaremos el artículo de opciones avanzadas de los menús de WordPress.En el vídeo, como ejemplos (puedes usar otros) pusimos: – A login la clase loggedok – A logout la clase loogedko. Vamos a añadir un código CSS para ocultar el menú de Login si la sesión ya está iniciada. Para ello vamos a usar este código: Para ocultar el menú de Logout si no tienes la sesión iniciada tienes dos opciones:A) Ocultar por defecto el menú y desocultarlo si estás registrado. Nota: como explicamos en el vídeo, debería funcionar sin important, pero en muchas plantillas no funciona. Si no funciona, no nos gusta tanto como la opción B, porque el uso de important en el CSS debe limitarse lo máximo posible. B) Usar el identificador not() de CSS para ver si no tiene la clase que pone WordPress cuando tiene la sesión iniciada. Con eso ya estaría, pero si pinchas en cerrar sesión, verás que WordPress pregunta al usuario si quiere cerrar dicha sesión. Esto no queda muy elegante. La razón es que, para no preguntarlo, WordPress necesita un código de sesión (wpnonce), que cambia cada vez y no podemos ponerlo estático en nuestra url. Así que vamos a poner el siguiente código en el functions.php de nuestro tema hijo o en nuestro plugin de Snippets: Este código comprueba si hay un cierre de sesión sin wpnonce y, si es así, cierra sesión y redirige a la página de Inicio. En este vídeo os explicamos todo:

Scroll al inicio