WordPress-də bir fon rəng dəyişdirmə effektini necə əlavə etmək olar

WordPress saytınıza fon rənginin dəyişdirilməsinə hamar bir effekt əlavə etmək istəyirsiniz? Bəzi populyar saytlarda müəyyən bir ərazinin və ya bütün veb səhifənin fon rənginin avtomatik olaraq bir rəngdən digərinə dəyişdiyini gördünüz. Bu gözəl effekt istifadəçilərin diqqətini cəlb etməyə və saytınızla qarşılıqlı əlaqəni inkişaf etdirməyə kömək edə bilər. Bu yazıda WordPress-də fon rəng dəyişdirmə effektini asanlıqla necə əlavə edəcəyinizi sizə göstərəcəyik.

WordPress-də bir fon rəng dəyişdirmə effekti əlavə edin

Fon rənginin dəyişməsinə hamar təsir nədir?

Arka plan rəngini dəyişdirmə effekti ilə fərqli fon rəngləri arasında avtomatik dəyişə bilərsiniz. Dəyişiklik son rəng əldə olunana qədər yavaş-yavaş müxtəlif rənglərlə aparılır. Bu kimi görünür:

Rəng dəyişdirmə effektləri üçün animasiyajQuery(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); }); });

Bu kodu öyrənsəniz, kodda istinad edəcəyimiz CSS sinifini istifadə etdiyimizi görəcəksiniz. Dörd rəng əlavə edirik. Yumşaq fon effektimiz ilk rəngdən başlayır, sonra növbəti rəngə dəyişir və bu rənglərlə davam edir.

Dəyişikliklərinizi fayda saxlamağı unutmayın.

Sonra wpb-bg-tutorial.js faylını FTP vasitəsilə WordPress mövzusundakı / js / qovluğuna yükləyin. Mövzunuzda js qovluğu yoxdursa, birini yaradın.

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' );

Bu kod düzgün şəkildə JavaScript faylı və bu kodun işləməsi üçün lazım olan jQuery skriptini yükləyir.

Budur, indi fəaliyyətlərini görmək üçün onların saytına baş çəkə bilərsiniz. Hamar fon rənginin dəyişdirilməsini hədəf aldığınız bölgəyə təsirini görəcəksiniz.

İstifadəçilərin diqqətini çəkmək və ya məzmununuzu vurğulamaq üçün WordPress fon rənglərindən istifadə etməyin bir çox yolu var. Məsələn, cəhd edin:

  • Tam ekrana fon şəkilləri əlavə edin
  • Video divar kağızlarını tam ekran rejiminə əlavə edin
  • Hər səhifəyə təsadüfi fon rənglərini yükləyin
  • Hər hansı bir WordPress mövzusuna paralaks effektləri əlavə edin
  • Fərdi yazıları fərqli mənşəli dizayn edin

Ümid edirik ki, bu məqalə WordPress-də fon rənginin dəyişməsinə asanlıqla hamar bir effekt əlavə etməyinizi öyrənməyə kömək etdi. Siz də cəhd edə biləcəyiniz ən yaxşı WordPress sayt qurucusu plaginlərimizin siyahısını görmək istəyə bilərsiniz.

Bu yazını bəyənmisinizsə, kanalımıza abunə olun YouTube WordPress tutorial video izləmək üçün. Bizi də tapa bilərsiniz Twitter y Facebook.