Themes

Agregamos un efecto de cambio de color del fondo en WordPress | Cómo hacer un Sitio Web o Blog en 2020

¿Es posible agregar un efecto de color de fondo en su sitio de WordPress? Es posible que haya una vista de algunos sitios web populares donde el color de un fondo de una especificación específica o el sitio web se completa completamente automáticamente. Este hermoso efecto puede ayudarlo a atraer la atención de los usuarios y mejorar su participación en el sitio web. En este artículo, mostramos que podemos agregar el efecto de cambiar el color del fondo en WordPress.

¿Cuál es el efecto del cambio de color del fondo seco?

El efecto principal del cambio de color del fondo es realizar una transición automática entre los diferentes colores del fondo. El intercambio siempre es perezoso para igualar las diferencias de color que alcanza el color final. Mira esto:

Animación de efecto de cambio de color

Esta técnica se utiliza para captar la atención del usuario con sus propios efectos que son agradables de ver.

Gracias a eso, tenemos una vista para agregar cuál es el efecto principal del cambio de color en cualquier tema de WordPress.

Agregue un efecto de cambio de color en WordPress

Esta guía requiere que compile un código en sus archivos de WordPress. Si no te gusta esto, puedes ver nuestro propio código de copia y copia en WordPress.

Por ejemplo, debe verificar la clase CSS que desea cambiar. Puede utilizar la herramienta de inspección de su navegador. Simplemente lleve el mouse al área que desea cambiar y haga clic derecho para seleccionar la herramienta Inspectionar.

Encuentra la clase CSS

Para continuar, escribe la clase CSS a lo que quieras. Por ejemplo, en la captura del panel frontal, queremos leer el widget en la parte inferior que tiene la clase CSS «encabezado de página».

Si está seguro, debe deshacerse del editor de texto de formato y crear un nuevo archivo en su computadora. Debe mantener el archivo como wpb-background-tutorial.js en el escritorio.

Continúe agregando el siguiente código de su archivo JS:

jQuery(function($){
        $('.page-header').each(function(){
            var $this = $(this),
			colors = ('#ec008c', '#00bcc3', '#5fb26a', '#fc7331');

            setInterval(function(){
                var color = colors.shift();
                colors.push(color);
                $this.animate({backgroundColor: color}, 2000);
            },4000);
        });
        }); 

Si el estudio está codificado, notarice que usamos la clase CSS para mantenerlo codificado. También tenemos agregados de cuatro colores. Nuestro efecto en el fondo es comentar el color de la imprimación, puedo pasar el color y seguir igualando estos colores.

No olvide cambiar sus archivos en el archivo.

Continúe, puede instalar el archivo wpb-bg-tutorial.js en carpeta / js / en el tema de WordPress usando FTP. Este tema no estará en la carpeta js dentro que se necesita crear.

Libere el archivo de JavaScript, así como el tiempo de envío y WordPress.

Puede compilar archivos de código en el archivo functions.php del tema.

function wpb_bg_color_scripts() {    
wp_enqueue_script( 'wpb-background-tutorial',  get_stylesheet_directory_uri() . '/js/wpb-background-tutorial.js', array( 'jquery-color' ), '1.0.0', true ); 
 } 
add_action( 'wp_enqueue_scripts', 'wpb_bg_color_scripts' ); 

Puede corregir Código carga en el archivo JavaScript y en el script jQuery, que depende de lo que se necesite para la función código.

Eso es todo, ahora puedes visitar tu sitio web en venta en acción. Notaría es el efecto de cambiar el color del fondo en la reacción que viene.

Hay muchas otras formas de usar los colores de fondo de WordPress para captar la atención del usuario o dificultar la descarga. Por ejemplo, puedes probar:

  • Agrega los genes del fondo para completar el pantalón.
  • Agregar fondos de video para completar
  • Colores del fondo aleatorio en cada carga de Jina
  • Conéctese con los efectos de la clase y el mejor tema de WordPress.
  • Diseñador de publicaciones individuales con diferentes fundaciones

Estamos esperando este artículo para ayudarlo a aprender cómo agregarlo con el efecto de cambiar el color del fondo en WordPress. También es posible ver nuestra lista de los mejores complementos de las creaciones de WordPress que puedes probar.

Si quieres ser un artículo, mantén un nuevo canal de YouTube para tutoriales de WordPress. Puede iniciar sesión en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba