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

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

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

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

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

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

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

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 تصویر را با ویرایش تصویر در کتابخانه رسانه وردپرس کپی کنید.

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

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

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

.parallax { background-image: url("https://example.com/wp-content/uploads/2017/08/my-background-image.jpg"); ارتفاع: 100%; پس زمینه-پیوست: ثابت. پس زمینه موقعیت: مرکز; background-repeat: no-repeat; پس زمینه اندازه: پوشش; margin-left:-410px; margin-right:-410px; } .parallax-content { width:50%; حاشیه: 0 خودکار; رنگ:#FFF; padding-top:50px; }

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

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

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

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

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

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

1. کمک مالی WooCommerce

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

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

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

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

2. LinkedIn بیشتر

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

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

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

3. کاربر YouTube

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

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

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

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

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

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

• نحوه رفع خطای "امکان نوشتن روی دیسک وجود ندارد" در وردپرس
• نحوه تبدیل شدن به یک وبلاگ نویس موفق و کسب درآمد با وردپرس
• چگونه به انتشار مقالات خود را از طریق ایمیل در وردپرس
• نحوه تبدیل شدن به یک وبلاگ نویس موفق و کسب درآمد با وردپرس

نتیجه

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

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

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

...