Tips

¿Para qué sirve el archivo functions.php de nuestro tema?

7 enero, 2022 by apascual001

El archivo functions.php de un tema es un archivo que contiene código PHP que confiere funcionalidades al tema. Este fichero se encuentra en la carpeta raíz del tema.

Este código PHP cuando se ejecuta provoca acciones en tu web.

Las funciones en el fichero functions.php de un tema hijo se ejecutan antes que las del tema padre.

¿Qué podemos modificar en este archivo?

Las funciones que contenga este archivo van a ser funciones relacionadas con la estructura o el diseño de la plantilla. No deberíamos colocar funciones generales que son independientes de la plantilla que tengamos activa.

Aviso en toda la tienda WooCommerce

4 septiembre, 2019 by apascual001

Hola!

Hoy hablaremos de WooCommerce y del aviso en toda la tienda.

Cuando tienes WooCommerce activo aparece una pestaña en el personalizador para este plugin. Una de las opciones se llama aviso en la tienda y se muestra en la parte superior de nuestra web. Éste es un ejemplo:

Activar el aviso WooCommerce

Para activar el aviso tendremos que ir a Apariencia / Personalizar / WooCommerce / Aviso en la tienda

Una vez dentro del bloque veremos un checkbox para activar el aviso en la tienda y un cuadro de texto para rellenar:

Programar el aviso

Este aviso además es programable. Todos los cambios que hacemos en el personalizador son programables para una fecha y hora. Una vez que hacemos cambios en el personalizador veremos que a la derecha de el botón de Publicar tenemos una rueda de configuración:

Una vez clicamos en la rueda veremos que se nos aparecen distintas opciones. Además de la de publicar por defecto, también tenemos la opción de guardar los cambios hechos en el personalizador como borrador o la opción de Programar. Si accedemos a esta última se nos abrirá la opción de introducir una fecha y hora para hacer visibles nuestros cambios. De esta manera podemos programar el aviso de nuestra tienda para una fecha señalada.

Sólo nos quedará clicar el botón de Programar para ver nuestros cambios en acción.

Configurar reCAPTCHA en Contact Form 7

6 diciembre, 2018 by apascual001

Después de unos cuantos spam he decidido poner reCAPTCHA en el formulario de Contacto. Estos son lo pasos a seguir:

Ir a la página de Google reCatpcha para registrar tu sitio.
Escoger la opción V2 y checkbox:

Escribir el nombre del sitio y registrarlo.
En el siguiente paso veremos que se nos proporciona la Site key y la Secret key. Las copiaremos para introducirlas en nuestro sitio.
Para ello iremos a Contacto / Formulario de contacto /Integración. Aquí rellenaremos los dos campos de las claves conseguidas.

Integración Contact Form 7 con Google re CAPTCHA

Ahora ya podemos ir a el formulario al que queramos añadir reCAPTCHA y añadir este campo:

Guardamos los cambios y ya podemos ver el resultado:

Resultado al añadir reCAPTCHA al formulario

¿Cómo cambiar la categoría por defecto de WooCommerce?

18 julio, 2018 by apascual001

Hoy no hablaremos de ningún tema en concreto sino de un asunto general de WooCommerce.
Se trata de como cambiar la categoría por defecto de WooCommerce.
Cuando tenemos una nueva instalación de WooCommerce la categoría por defecto que se registra es «sin categoría»

Para cambiar esta categoría el primer paso que tenemos que dar es crear una nueva categoría con el nombre de nuestra la que queremos que sea la categoría por defecto.
Una vez creada veremos que cuando ponemos el cursor encima de ella aparecen las opciones de: Editar | Edición rápida | Borrar | Ver | Predeterminar
La última opción, la de Predeterminar, es la que tenemos que clicar para hacer que esta nueva categoría pase a ser la predeterminada o por defecto:

Finalmente podéis borrar la categoria «sin categoria».

Espero que os haya ayudado este tip del día!

Anai

Ocultar los productos relacionados en WooCommerce

18 enero, 2018 by apascual001

En la página de los productos individuales de los temas con WooCommerce se muestran en la parte inferior unos productos relacionados:

Estos productos son de la misma categoría del que se muestra individualmente.
Para evitar que se muestren podemos añadir este código al archivo functions.php del tema activo:

 //Eliminar productos relacionados
 
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

¿Cómo hacer que el encabezado sea fijo en Outfitter Pro?

7 diciembre, 2017 by apascual001

Para hacer que el header o encabezado del tema Outfitter Pro de Genesis se mantenga fijo al hacer scroll, tendremos que hacer los siguientes cambios CSS.

Cambiar la position de relative a fixed del header .

Dar un ancho del 90% para que cuadre la caja del header con la del site-container.

También vemos que al hacer scroll se superponen los artículos al encabezado. Por ello tendremos que dar un z-index al header inferior.

Por último quitamos el margen que tiene el site-container en la parte superior para fijar el encabezado arriba de todo.

En resumen, el codigo CSS que tenéis que añadir al tema es:

.site-header { 
    position: fixed;
    width: 90%;
    z-index: 1;
}

.site-container {
    padding: 0 20px 20px; 
}

También os dejo las instrucciones sobre como añadir CSS a tu plantilla.