سبد خرید
0

هیچ محصولی در سبد خرید نیست.

آموزش ایجاد Elementor Parallax Effect در وردپرس

آموزش ایجاد Elementor Parallax Effect در وردپرس

سلام. این آموزش نحوه ایجاد افکت Parallax پلاگین Elementor در وردپرس رو نشون میده.

به طور پیش فرض گزینه ای به عنوان parallax background در پلاگین المنتور وجود نداره، اما با انجام موارد گفته شده در این آموزش، میتونین همون افکت رو ایجاد کنین.

به تب Pages > Add new در سمت چپ داشبورد برین، یا یکی از صفحات موجود رو برای ویرایش باز کنین. مطمئن شین که حتما گزینه Full width page layout رو انتخاب کردین.

آموزش ایجاد Elementor Parallax Effect در وردپرس

 

 

روی دکمه Edit with Elementor کلیک کنین تا به ویرایش با المنتور ادامه بدین.

روی دکمه Add a new section کلیک کنین تا یک بخش جدید ایجاد کنین و طرح بندی one column section رو انتخاب کنین.

آموزش ایجاد Elementor Parallax Effect در وردپرس

 

 

روی نماد Edit Section کلیک کنین و به تب Style settings برین.

نوع پس زمینه Classic رو انتخاب کنین و تصویری رو برای استفاده از اون به عنوان پس زمینه بخش آپلود کنین، گزینه Fixed رو در لیست کشویی پیوست و Cover رو در Size list انتخاب کنین.

آموزش ایجاد Elementor Parallax Effect در وردپرس

 

 

ماژول های محتوایی رو که می خواهین در بخش قرار بدین تا محتوا نمایش داده بشه. اگر می خواهین ارتفاع بخش رو افزایش بدین – میتونین به راحتی لایه های بالا و پایین ماژول رو در بلاک Advanced > Padding ماژولتون اضافه کنین. بعداز اتمام کار روی دکمه Save کلیک کنین.

آموزش ایجاد Elementor Parallax Effect در وردپرس

 

 

در مرحله بعد باید یک قطعه کد اضافه کنین. میتونین از پلاگین Code snippets برای این بخش استفاده کنین. به Plugins/ Add new برین و پلاگین Code Snippets رو جستجو کنین. پلاگین رو نصب و فعال کنین.

پست پیشنهادی :  دانلود و نصب برنامه استخراج فایل WinZip

آموزش ایجاد Elementor Parallax Effect در وردپرس

 

 

به Snippets > Add new برین و کد زیر رو در code area قرار بدین:

پست پیشنهادی :  آموزش تغییر رمز عبور مدیریت وردپرس

 

روی دکمه Save Changes and Activate کلیک کنین.

آموزش ایجاد Elementor Parallax Effect در وردپرس

 

 

حالا باید تنظیمات بخشی رو که از طریق المنتور اضافه کردین باز کنین، تب Advanced رو باز کنین و کلاس parallax رو در قسمت CSS Classes وارد کنین.

آموزش ایجاد Elementor Parallax Effect در وردپرس

 

 

تغییرات رو ذخیره کنین. حالا میتونین به صفحه ای که ایجاد کردین برین و افکت parallax رو ببینین.

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

توسط
تومان