Advanced WordPress Backgrounds افزونه افکت پارالکس در وردپرس

حتماً تا به حال وب سایت هایی دیده اید که یک تصویر پس زمینه روی صفحات خود دارند و تصویر پس زمینه آنها دیرتر از محتوای پیش زمینه اسکرول می شود. به این افکت طراحی، افکت پارالکس گفته می شود و قرار دادن آن در صفحات وب پویایی و عمق خاصی را به وجود می آورد. افزونه Advanced WordPress Backgrounds به شما امکان می دهد بدون اینکه نیاز به خریداری یک قالب پرمیوم داشته باشید، افکت پارالکس را روی صفحات خود ایجاد کنید.

یک وب سایت حرفه ای و کارآمد باید چهار ویژگی داشته باشد. محتوای عالی داشته باشد، درست کار می کند، تجربه کاربری خوبی ایجاد کرده و ظاهر حرفه ای داشته باشد. اضافه کردن برخی افکت های طراحی ساده می تواند باعث شود که یک قالب رایگان معمولی مانند یک قالب پرمیوم و حرفه ای به نظر بیاید.

افزونه Advanced WordPress Backgrounds اگرچه در درجه اول برای اضافه کردن افکت پارالکس ساخته شد اما ویژگی های جالب دیگری نیز دارد. به عنوان مثال از این افزونه می توانید برای اضافه کردن پس زمینه استاتیک در پشت متن استفاده کنید. همچنین به شما کمک می کند تا پس زمینه را به یک ردیف خاص اضافه کنید. در شرایطی که می خواهید یک پس زمینه رنگی به یک پاراگراف اضافه کنید، افزونه Advanced WordPress Backgrounds به شما امکان می دهد با یک کلیک این کار را انجام دهید.

در این مقاله افزونه Advanced WordPress Backgrounds را مورد بررسی قرار داده و نحوه استفاده از آن را آموزش می دهیم

آموزش افزونه Advanced WordPress Backgrounds و اضافه کردن پس زمینه پشرفته به وردپرس

ابتدا افزونه را از پایین صفحه دریافت نموده و آن را در سایت خود در بخش افزونه ها نصب کنید. اگر منو افزونه را ندیدید یا اطلاعات جزئی تری لازم دارید، به راهنمای گام به گام ما در مورد آموزش نصب افزونه وردپرس مراجعه کنید.

بعد از اینکه افزونه نصب شد آن را فعال کنید.

اضافه کردن افکت پارالکس با ویرایشگر گوتنبرگ وردپرس

اگر از ویرایشگر گوتنبرگ وردپرس استفاده می کنید، یک نوشته یا برگه جدید ایجاد کرده و بلوک AWB را به آن اضافه کنید.

 برای این کار روی آیکون + که مربوط به اضافه کردن بلوک ها است کلیک کرده و بلوک Background (AWB) را در لیست بلوک های موجود پیدا کنید یا AWB را جستجو کرده و آن را به صفحه اضافه کنید.

بلوک AWB افزونه Advanced WordPress Backgrounds مانند هر بلوک دیگری در ویرایشگر گوتنبرگ وردپرس، تنظیمات خاص خود را دارد که با انتخاب این بلوک در ساید بار سمت چپ صفحه نمایش داده می شوند.

شما می توانید رنگ، تصویر یا حتی ویدئو را با افکت پارالکس به بخش مورد نظر خود اضافه کنید. همچنین می توانید اندازه پارالکس را با اضافه کردن padding، سرعت یا نوع پارالکس تنظیم کنید.

با انتخاب هر یک از انواع رنگ، تصویر یا ویدئو تنظیمات مربوط به آن نمایش داده می شود.

اگر رنگ را انتخاب کنید، می توانید رنگ پس زمینه را تنظیم کنید.

اگر تصویر را انتخاب کنید می توانید روی دکمه Select image کلیک کرده و تصویر مورد نظر خود را انتخاب کنید.

پس از اینکه تصویر را انتخاب کردید می توانید تنظیمات مربوط به آن را به صورت زیر پیکربندی کنید.

افزونه Advanced WordPress Backgrounds به شما امکان می دهد اندازه تصویر را به صورت کامل (Full)، متوسط (Medium) و بندانگشتی (Thumbnail) انتخاب کنید.

همچنین می توانید اندازه پس زمینه را تعیین کنید.

باکس بعدی رنگ پس زمینه روکش است و می توانید آن را تنظیم نکنید.

به پایین بروید و بخش Parallex را مشاهده کنید.

این بخش به طور پیش فرض غیرفعال است اما می توانید آن را به یکی از افکت های موجود تغییر دهید. متداول ترین افکت Scroll است اما در صورت تمایل می توانید هریک از گزینه های موجود را انتخاب کنید.

شما می توانید گزینه های موجود را امتحان کنید تا ببینید کدام یک با سایت شما هماهنگی دارد. سپس می توانید سرعت پیمایش را انتخاب کرده و گزینه فعال کردن در دستگاه های تلفن همراه را علامت بزنید.

همچنین افزونه Advanced WordPress Backgrounds امکان فعال کردن پارالکس موس را می دهد.

در باکس Spacing می توانید مقدار پارامترهای padding و margin را وارد کنید.

برای اضافه کردن محتوا می توانید در داخل بلوک AWB بلوک های دیگری اضافه کنید. شما می توانید چند بلوک AWB در نوشته خود داشته باشید.

برای دیدن نوار ابزار AWB  روی یک بلوک AWB کلیک کنید.

گزینه های زیر را در نوار ابزار خواهید دید:

1. Type List که شامل گزینه های رنگ، تصویر و ویدئو می باشد. این گزینه ها در انواع پس زمینه موجود هستند.
2.  تمام عرض. اگر این گزینه را علامت بزنید، بلوک به طور کامل در یک صفحه نشان داده می شود.
3.  تمام قد. اگر این گزینه را علامت بزنید، بلوک پس زمینه به صورت تمام قد نشان داده می شود. ارتفاع پس زمینه همان ارتفاع پنجره مرورگر است. اگر این ویژگی را فعال کنید امکان ترازبندی محتوای این بلوک به صورت عمودی نیز وجود دارد و گزینه های مربوطه در نوار ابزار ظاهر می شوند.

اگر گزینه Image را فعال کنید، دکمه ویرایش را مشاهده خواهید کرد. برای تنظیم تصویر پس زمینه می توانید روی آن کلیک کنید.

اگر گزینه Video را فعال کنید، افزونه Advanced WordPress Backgrounds قسمت Youtube / Vimeo URL را در نوار ابزار نشان می دهد.

پس از اینکه از تنظیمات خود رضایت کامل را به دست آوردید روی دکمه انتشار کلیک کنید.

امیدواریم این آموزش مورد توجه شما قرار گرفته باشد. دیدگاه های خود را با ما در میان بگذارید.

دانلود افزونه