اخیراً یکی از خوانندگان ما از ما پرسیده است که چگونه اثر اختلاف منظر را به هر قالب WordPress اضافه کنیم؟

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

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

اما ، اگر وردپرس را هرگز نصب نکرده اید ، کشف کنید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

اما به این دلیل است که چرا ما اینجا هستیم

چگونه می توان اثر اختلاف منظر را به هر قالب وردپرس e1567702269161 اضافه کرد

اثر اختلاف منظر چیست؟

Parallax Effect یک تکنیک مدرن طراحی وب است که در آن عنصر پس زمینه کندتر از محتوای پیش زمینه پیمایش می کند. این افکت به تصاویر پس زمینه عمق می بخشد و آنها را تعاملی می کند.

کشف ما تم های WordPress 25 با اختلاف منظر برای ایجاد یک وب سایت

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

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

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

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

روش 1: با استفاده از یک پلاگین ، جلوه اختلاف منظر را به هر تم وردپرس اضافه کنید

این روش نیازی به افزودن هیچ کدی به قالب وردپرس شما ندارد. این برای بیشتر کاربران آسان تر و توصیه می شود.

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

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

پس زمینه وردپرس پیشرفته را اضافه کنید

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

اول از همه ، شما باید یک تصویر را به عنوان پس زمینه انتخاب کنید و سپس گزینه "را علامت بزنید. بسط'.

پس زمینه وردپرس پیشرفته

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

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

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

افزونه a را اضافه می کند کد کوتاه در خود ناشر. مانند این خواهد بود:

[nk_awb awb_type = "image" awb_stretch = "true" awb_image = "22" awb_image_size = "کامل" awb_parallax = "پیمایش" awb_parallax_speed = "0.5" awb_mouse_parallax = "true" awb_mouse_entx_XxXx اینجا [/ nk_awb]

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

برای دیدن آن در عمل می توانید به وب سایت خود مراجعه کنید.

اثر اختلاف منظر بر وردپرسروش 2: افکت "Parallax" را به هر تم WordPress با CSS اضافه کنید

این روش شما را ملزم می کند که از "HTML / CSS" و همچنین نحوه کار با مضامین و افزونه های وردپرس آگاهی داشته باشید.

ابتدا باید تصویری را که می خواهید برای اثر اختلاف منظر استفاده کنید ، در کتابخانه رسانه وردپرس خود بارگذاری کنید " رسانه> افزودن موارد جدید '.

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

پس از بارگذاری تصویر ، باید URL تصویر را با ویرایش تصویر در کتابخانه رسانه وردپرس کپی کنید.

url تصویر را در وردپرس کپی کنید

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

div class = "اختلاف منظر"> مطالب شما در اینجا ...

سپس باید کد سفارشی CSS زیر را به موضوع وردپرس خود اضافه کنید.

.parallax {background-image: url ("http://example.com/wp-content/uploads/2017/08/my-background-image.jpg")؛ ارتفاع: 100٪؛ ضمیمه پس زمینه: ثابت؛ موقعیت پس زمینه: مرکز؛ پس زمینه تکرار: بدون تکرار؛ پس زمینه: پوشش؛ حاشیه چپ: -410px؛ حاشیه راست: -410px؛ } .parallax-content {width: 50٪؛ حاشیه: خودکار 0؛ رنگ: به #fff؛ لایه گذاری بالا: 50px؛ }

به یاد داشته باشید که URL تصویر پس زمینه را با تصویر خود جایگزین کنید.

اکنون می توانید تغییرات خود را ذخیره کرده و به وب سایت خود مراجعه کنید.

وردپرس به عنوان مثال اثر اختلاف منظر

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

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

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

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

1. کمک مالی WooCommerce

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


افزونه اهدای Woocommerce

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

هر مرحله از استفاده از اهدا WooCommerce در یک اسناد با تصاویر صفحه توضیح داده شده است. فقط افزونه را فعال کنید و قسمت "افزودن کمک مالی" را در سبد خرید پیدا خواهید کرد.

دانلود | نسخه ی نمایشی میزبانی وب

2. LinkedIn بیشتر

LinkedIn Plus افزونه WordPress است که به شما امکان می دهد مشخصات LinkedIn خود را در وبلاگ خود ارائه دهید. همچنین برای وبلاگ های چند نویسنده کار می کند. دکمه های Follow and Share را به انتشارات ، صفحات یا ابزارک های WordPress اضافه می کند.افزونه وردپرس Linkedin plus LinkedIn

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

دانلود | نسخه ی نمایشی | میزبانی وب

3. کاربر YouTube

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

افزونه وردپرس یوتیوب یوتیوب

با استفاده از این افزونه ، می توانید گالری های ویدیویی استثنایی را در وب سایت خود ایجاد کنید.

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

دانلود | نسخه ی نمایشی | میزبانی وب

منابع پیشنهادی

درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.

نتیجه

همین! امیدواریم که کمک زیادی کرده باشد. دریغ نکنید با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.

و اگر پیشنهادی یا اظهار نظر دارید ، آنها را در بخش ما بگذارید نظر.

... 

6 سهام
سهم3
صدای جیر جیر
ثبات3