نحوه افزودن جلوه اختلاف منظر به هر تم وردپرس

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

جلوه اختلاف منظر چیست؟ h4>

جلوه پارالاکس یک تکنیک مدرن طراحی وب است که در آن عنصر پس زمینه کندتر از محتوای پیش زمینه پیمایش می کند. این اثر به تصاویر پس زمینه و باعث می شود احساس تعاملی داشته باشید.

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

بسیاری از حق بیمه مضامین وردپرس دارای اثر اختلاف منظر داخلی در صفحه اصلی خود هستند. همچنین می توانید از اثر اختلاف منظر در بیشتر افزونه های صفحه ساز WordPress نیز.

با این حال ، همه مضامین دارای اثر اختلاف منظر داخلی نیستند ، و شما ممکن است نخواهید از یک صفحه ساز برای ایجاد طرح بندی صفحه های سفارشی فقط برای یک اثر اختلاف منظر.

بیایید نگاهی بیندازیم که چگونه به راحتی افکت پس زمینه اختلاف منظر را به هر زمینه وردپرس اضافه کنیم.

روش 1: افزودن جلوه اختلاف منظر به هر قالب WordPress با استفاده از پلاگین h4>

این روش نیازی به افزودن کد به طرح زمینه وردپرس ندارد. این برای بیشتر کاربران آسان تر و توصیه می شود.

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

پس از فعال سازی ، باید صفحه یا پستی را که می خواهید افکت اختلاف منظر را اضافه کنید ویرایش کنید. دکمه جدید “Advanced WordPress Backgrounds” را در عنوان ویرایشگر بصری .

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

ابتدا باید تصویری را به عنوان نوع پس زمینه خود انتخاب کنید و سپس گزینه “stretch” را علامت بزنید.

بعد ، برای بارگذاری یا انتخاب تصویری که می خواهید استفاده کنید ، باید روی دکمه “انتخاب تصویر” کلیک کنید. مطمئن شوید که از یک تصویر بزرگ استفاده می کنید در غیر این صورت به صورت پیکسلی نمایش داده می شود.

بعد از آن شما باید Parallax را با انتخاب نوع اختلاف منظر فعال کنید. تعدادی سبک موجود است که می توانید با آنها آزمایش کنید. متداول ترین اثر اختلاف منظر ، پیمایش است.

برای ادامه بر روی دکمه Insert کلیک کنید.

این افزونه اکنون کد کوتاه را در ویرایشگر پست وردپرس شما اضافه می کند. چیزی شبیه به این خواهد بود:

[nk_awb awb_type = ”تصویر” awb_stretch = ”true” awb_image = ”22 ″ awb_image_size =” کامل ”awb_parallax =” پیمایش ”awb_parallax_speed =” 0.5 ″ awb_mouse_parallax = ”true” awb_mouse_paralax_xxxxxxxxxx30 p>

محتوای شما در اینجا

[/ nk_awb]

“محتوای شما در اینجا” را با محتوای خود جایگزین کنید و سپس صفحه خود را ذخیره کنید.

محتوای شما به اینجا می رود ...

. پارالاکس {
background-image: url ("http://example.com/wp-content/uploads/2017/08/my-background-image.jpg")؛
قد: 100٪
پیوست پس زمینه: ثابت ؛
موقعیت-موقعیت: مرکز؛
background-تکرار: بدون تکرار؛
اندازه پس زمینه: جلد؛
margin-left: -410px؛
margin-right: -410px؛
}

محتوای پارالاکس {
عرض: 50٪
حاشیه: 0 خودکار؛
رنگ: #FFF؛
padding-top: 50px؛
}