Código Worpdpress

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

Quitar o restringir el backend a ciertos roles de usuarios en WordPress.

Ayer compartimos un vídeo sobre cómo quitar la barra de administración para ciertos roles de usuarios de WordPress. Y prometimos subir este vídeo sobre cómo restringir el backend. Pues aquí lo tenéis. Cómo restringir el backend sólo a ciertos roles de usuarios de WordPress. El proceso es sencillo, al código de ayer añadimos el siguiente código: Como veis, y si leísteis el artículo de ayer, hemos usado el código que está comprobando las capacidades del usuario actual. En este caso miramos si puede editar páginas (admin o editor), pero podéis usar el del rol que queráis. Os dejamos aquí un listado de roles y capacidades. Con este código, sólo los administradores y editores, podrán acceder al backend. El resto de usuarios serán redirigidos a la página principal al registrarse. Os lo explicamos en este vídeo.

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

Quitar la barra de administrador de WordPress según los roles de usuarios.

Cuando tienes una web que admite usuarios, algo muy solicitado es que ciertos roles de usuario no puedan ver la barra de administración. Hoy vamos a ver como hacerlo. Nota: es cierto que, en esas ocasiones, también solemos querer que esos roles no puedan acceder al backend. Mañana explicaremos cómo hacer esto. Lo hemos separado para simplificar, y porque no siempre se necesitan ambas cosas. Cómo quitar la barra de administrador de WordPress para ciertos roles de usuario. Lo vamos a hacer directamente con un código porque no creemos que sea necesario un plugin para esto. Recordamos que el código hay que ponerlo en un plugin de Snippets o en el fichero functions.php. En este código ponemos los roles que queremos que tengan la barra donde he marcado en azul. El código comprueba el rol del usuario y, si no es parte de esa lista, no muestra la barra. En este vídeo lo explicamos. Opción 2. En internet veréis otros códigos que miran las capacidades de los usuarios. Me parecen menos correctos y más difíciles porque tienes que conocer las capacidades de cada rol.. Pero os dejo un ejemplo que quita la barra para el administrador y para editores (que pueden editar páginas ) . Opción 3. También se puede “ocultar” con CSS. No lo recomendamos porque sólo la oculta, no la quita. Pero si no sirven las anteriores, puede ser útil. Añade esto en tu código de CSS. Quitar la barra de administración para un usuario específico. Lo dejamos al final, porque no suele ser frecuente. Pero si quieres quitarla sólo para un usuario, en su perfil, desde el backend, tienes una casilla que puedes desmarcar: Mostrar la barra de herramientas al ver el sitio.

Código Worpdpress, Diseño Web, Trucos

Añadir un icono de carrito en el menú de WordPress sin usar un plugin.

Algunas plantillas de WordPress incluyen icono de carrito en el menú de tu tienda de Woocommerce en WordPress.. Otras no. Y si no lo incluyen, muchos optan por usar plugins para añadirlo. Pero ya hemos dicho que no somos partidarios de instalar muchos plugins: son posibles vectores de ataque, y ralentizan la web. Siempre es mejor encontrar una solución sin plugin. Hoy os la dejamos. Cómo añadir el icono de carrito en un menú de WordPress. Aunque mucha gente no lo sabe, WordPress viene integrado con una serie (una librería) de iconos llamados Dashicons. Los carga “de serie”. Así que vamos a usarlos (al final os mostramos cómo hacerlo si quieres usar otra librería). El proceso es el siguiente: Vamos a copiar la url de tu carrito. La puedes encontrar en Woocommerce->Ajustes -> AVanzado. Copiala. Ve a la página de Dashicons (os la hemos dejado más arriba) y busca el icono del carrito. Lo tienes aquí. Pincha en Copy Html y copia el código que te da. Es el siguiente: Ve a Apariencia->Menus y crea un nuevo elemento de menú.personalizado. En la url pon la dirección de tu carrito. En Texto del enlace pon el código encima de estas líneas. Guarda el menú. Si ahora refrescas la página verás que tienes el carrito. Usar otra librería de iconos. Si, por alguna razón, no te funciona Dashicons o no quieres usarla, puedes usar otra librería de iconos. Investiga tu plantilla porque puede que incluya una (suelen hacerlo). Cómo poner cada icono depende de la librería. Si no, puedes instalar un plugin como Font Awesome para añadir dicha librería, y buscar y usar el icono de carrito de Font Awesome. Aquí tenéis un vídeo explicando el proceso: Hemos dicho sin plugins…pero si quieres uno puedes usar este.

Código Worpdpress, Diseño Web, Trucos

Enlazar el título de entradas de WordPress a urls externas.

Hace unos días un cliente nos pidió que, para ciertas categorías, las entradas pudieran redireccionar a direcciones (urls) externas. Esas entradas van a ser títulos de artículos de medios externos, Quieren que estén en su blog, y tener el listado de artículos y sus fechas, pero que, al pinchar en el título, te redireccione al artículo en el medio externo. Hoy os dejamos el código que creamos para el cliente, porque no hemos encontrado nada en Internet. Por si os es útil. Recordamos que, para poner el código en tu página, tienes que, o ponerlo en el archivo functions.php de tu tema hijo, o en un Snippet. La base es que, además del código, vamos a poner, en cada entrada que queremos redireccionar, un campo personalizado que vamos a llamar enlace (pero cuyo nombre podemos cambiar como veremos más abajo). Ahí pondremos el enlace externo de cada entrada. Código para enlazar el título de entradas con enlaces externos. Este es el código que usamos. Os explicamos el código: Podéis poner donde pone a,b,c los nombres de categorías, IDs slugs de cuyos posts queremos redireccionar las entradas. Podéis cambiar donde hemos puesto enlace el nombre del campo personalizado que vamos a crear para poner las direcciones externas. Una vez activad el código, tenemos que agregar un campo personalizado en cada entrada de esa categoría, llamado enlace, y ahí pondremos el enlace externo. Variantes del código. Si lo que queremos es sólo redireccionar uno o varios posts pero sin categoría podemos hacer lo siguiente: Aquí hay que sustituir las xx por los IDs de los enlaces que queremos redirigir. Y podemos poner tantos como queramos añadiendo ·los OR, || ( $post->ID == xx) Esperamos que el código os sea útil.

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

Redirigir tras un pedido confirmado en Woocommerce o modificar la página de gracias.

Os dejamos otros códigos útiles para vuestras tiendas en Woocommerce. En este caso, para poder redirigir a una página que queráis después de realizar un pedido con éxito, o para modificar la página de agradecimiento que Woocommerce pone por defecto. Para ello vamos a usar diferentes hooks de Woocommerce que os dejamos aquí. Os recordamos que estos códigos podéis ponerlos en el fichero functions.php de vuestro tema hijo, o en un plugin tipo Snippets. Cómo redirigir a una página de nuestra elección tras confirmarse un pedido en Woocommerce. El primer código que os vamos a dejar cambia el proceso de compra. Si normalmente , tras un pago exitoso, Woocommerce te redirige a una página de “Gracias por su pedido“, vamos a cambiar ese paso y decirle a la tienda dónde queremos que vaya después de confirmarse el pago. Esto te permite hacer cosas como: llevar al cliente a un formulario para que rellene tras el pedido. hacer una página personalizada de agradecimiento y redirigirle a ella. Crear embudos de venta para poder realizar acciones tras un pedido. Modificar elementos de la página de Gracias por tu pedido por defecto. Os dejamos dejamos dos códigos para modificar la página por defecto: Aquí un código para modificar el texto debajo del título. Plantilla para crear tu página de Gracias por tu pedido personalizada. De la documentación de Woocommerce sacamos esta plantilla que puedes usar para modificar la página de ayuda totalmente, con los campos de totales y de productos del pedido.

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

Cómo poner un formulario de Contact Form 7 en dos columnas.

Algo que nos han pedido ya varios clientes, y que llevamos queriendo desde hace tiempo subir al blog, pero que nunca hemos encontrado tiempo para hacerlo. Ayer nos lo pidió otro cliente, y aprovechamos para subirlo. Nota: si sabéis CSS podrías modificarlo para ponerlo en más columnas. Cómo poner un formulario de Contact Form 7 en dos columnas. Contact Form 7 no está pensado para dividirlo en columnas, así que tenemos que hacer unas modificaciones de CSS y luego editar el formulario con unas etiquetas de html +css. Os lo explicamos. Primero os dejamos el código CSS (estilo). Este lo tenéis que poner o en el styles.css de vuestra plantilla hijo o en la opción de CSS personalizado de vuestra plantilla. Si miráis el código, este crea el contenedor al 100%, luego una clase de fila al 100%, una de media fila al 50% y luego unas modificaciones para móviles. Una vez que tengáis esto en vuestro CSS, podéis usarlo en vuestro formulario. Id editar el formulario en cuestión y ahí tenéis que poner cada shortcode de campo entre las etiquetas que correspondan a una media fila o a una fila. Este es el código y lo comentamos en azul para que lo entendáis. No tenéis que poner los comentarios. Los campos que corresponderían a un formulario normal están en verde. Lo demás es lo que añadimos de HTML (estructura) con CSS (formato). Obviamente, añadid filas y sus columnas según necesitéis.

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

Cambiar el texto del botón de Añadir al Carrito en Woocommerce.

De nuevo publicamos una solución que nos ha pedido un cliente y que puede que encontréis útil. Cómo cambiar el texto del botón “Añadir al carrito” en vuestras tiendas de Woocommerce en WordPress. Hay ciertas cosas que uno no entiende por qué no vienen por defecto en WordPress, y esta es una de ellas. Queremos cambiar el texto del botón, y no podemos. Hoy os dejamos dos posibles soluciones, como siempre con código y con plugin. Con código. Yo suelo, tras años de trabajar en esto, intentar poner el menor número de plugins posibles. Por velocidad de la página, por evitar conflictos, por no tener que estar actualizando cientos de ellos, por evitar vectores de ataques etc etc. Así que os dejamos unos códigos para poder añadir al fichero functions.php de tu tema hijo o a tu plugin de snippets. ¿Pero ..,.no habíamos dicho que no usabas plugins? Si…pero si no puedo tener tema hijo (porque esté modificando algo que ya está hecho) o si voy a usar varios códigos en un proyecto, Snippets es un plugin que suelo usar. El siguiente código cambia el texto en páginas de producto individual y en páginas de listado de producto. Os dejamos dos variantes más interesantes (fuente): Por tipo de producto: O por categoría: Sólo para los productos gratuitos. Con plugin. Para los que no os atrevéis a usar códigos (hacedlo) os dejamos alguna opción de plugin. Aquí tenéis varios. No los hemos probado porque no usamos plugins para algo tan puntual. Loco Translate. A nosotros nos usa usar plugins que puedan cumplir varias funciones. Este traduce cadenas de muchos plugins y temas, así que es buena idea usarlo. Seguro que tenéis alguna otra cosa que queráis cambiar.

Scroll al inicio