blog top bar
zhaket logo

آموزش ساخت تصاویر ۳۶۰ درجه در وردپرس

وردپرس

5 دقیقه زمان مطالعه

حتما تا به حال با تصاویر 360 درجه یا پاناراما مواجه شده‌اید. این مدل تصاویر بیش از یک کادر جزئیات را عکس می‌گیرد و شما می‌توانید از قسمت‌های بیشتری تصویری داشته باشید. حالا ما می‌خواهیم کاری کنیم که این امکان را در سایت‌هایمان نیز به نمایش بگذاریم. ساخت تصاویر ۳۶۰ درجه در وردپرس، با افزونه‌های مختلفی امکانپذیر می‌شود. استفاده از این افزونه بسیار آسان بوده و هر کسی می‌تواند بدون هیچ دانش فنی و با طی کردن مراحل گفته شده در مقاله به راحتی از آن استفاده کند.

ساخت تصاویر ۳۶۰ درجه در وردپرس

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

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

1. افزونه Panorama Viewer

ساخت تصاویر ۳۶۰ درجه در وردپرس

با افزونه تصاویر ۳۶۰ درجه در وردپرس با Panorama Viewer، می‌توانید هر عکس پانوراما یا ویدیو را در پست‌ها، صفحه‌ها، قسمت‌های ابزارک و صفحات محصول جاسازی کنید. همه چیزهایی را که برای استفاده حداکثری از تصاویر پانوراما نیاز دارید، با کمک این افزونه بدست می‌آید. این افزونه وردپرس، نمایش یکپارچه تصاویر، تصاویر 360 درجه و ویدیوها را در وبسایت شما امکان پذیر می‌کند. همچنین به راحتی می‌توانید طرح بندی تصاویر پانوراما را با تنظیم تنظیمات عرض و ارتفاع مطابق با ترجیحات طراحی خود سفارشی کنید. برای بارگیری تصاویر بدون نیاز به تعامل کاربر، عملکرد بارگیری خودکار را فعال یا غیرفعال کنید. با فعال یا غیرفعال کردن کشیدن ماوس، تعامل کاربر را تقویت کرده و دید قطب نما را برای جهت یابی تغییر دهید.

برای نصب این افزونه التدا نام افزونه Panorama Viewer را از بخش افزودن افزونه‌ها جستجو کرده و نصب و فعال کنید.

افزونه Panorama Viewer

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

عملیات دسترسی و ادامه

پس از گذر از این مرحله برای ساخت تصاویر ۳۶۰ درجه در وردپرس، تنها کافیست روی گزینه Add new بزنید. این گزینه همان طور که مشاهده می‌کنید در کنار عنوان صفحه قرار گرفته است.

اضافه کردن عکس به افزونه

در همان قدم اول باید عنوانی برای پروژه خود درنظر بگیرید و سپس مواردی که خواسته شده را با دقت انجام دهید. جدول زیر به شما نشان می‌دهد هر کدام از بخش‌های چه ویژگی‌هایی دارد و برای چه تنظیماتی مناسب هستند.

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

تنظیمات توضیحات
Panorama Type نوع پانوراما را مشخص کنید. مثال: Image 360 برای نمایش تصویر به صورت 360 درجه
360° Image Source تصویر مورد نظر خود را از این قسمت بارگذاری کنید تا به عنوان تصویر 360 درجه نمایش داده شود
Width عرض نمایش پانوراما را از این بخش تعیین کنید
Height ارتفاعی که باید نمایش داده شود را مشخص کنید
Auto Rotate برای فعال‌سازی چرخش خودکار تصاویر، این گزینه را فعال کنید
Auto Rotate Speed سرعت چرخش خودکار را از این بخش تنظیم کنید
این مقاله را حتما بخوانید
خطای Table 'wp_users' doesn't exist در وردپرس

افزودن تصویر و تنظیم آن در افزونه ساخت تصاویر ۳۶۰ درجه در وردپرس

حالا می‌توانید شورت کدی را که در ابتدای صفحه وجود دارد در وردپرس یا هر جایی که تمایل دارید تصویر پانارومای خود را نشان دهید، قرار دهید و پس از آن تصویر مورد نظر خود را  مشاهده کنید:

شورت کد افزونه

همان طور که می‌بینید این عکس یک حالت 360 درجه داشته و شما می‌توانید با ماوس تمامی قسمت‌های تصویر را مشاهده کرده و همچنین با دکمه‌های سمت چپ جابه‌جایی در تصویر را مدیریت کنید.

تصویر پانوراما ایجاد شده با افزونه

2. افزونه WP VR View برای ساخت تصاویر ۳۶۰ درجه در وردپرس

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

مرحله توضیحات
نصب و فعال‌سازی افزونه افزونه WP VR View را از بخش افزونه‌های وردپرس نصب و فعال کنید.
آپلود عکس ۳۶۰ درجه عکس ۳۶۰ درجه خود را در بخش رسانه‌ها آپلود کرده و URL آن را کپی کنید.
درج شورت‌کد [vrview image="URL_TO_YOUR_360_IMAGE.jpg" width="100%" height="500px" autoplay="true"]
سفارشی‌سازی تنظیمات عرض، ارتفاع و سایر تنظیمات مانند چرخش خودکار یا سرعت چرخش را در شورت‌کد تنظیم کنید.

3. افزونه PanoPress

این افزونه یکی از حرفه‌ای‌ترین افزونه‌های وردپرس برای تصاویر 360 درجه است. در حال حاضر قابلیت پشتییبانی از فرمت‌های مختلف مانند KRPano و Pano2VR را دارد و به راحتی قالب های وردپرس هماهنگ می‌شود. این افزونه با داشتن قابلیت‌هایی مانند چرخش خودکار، زوم روی تصویر و بهینه‌سازی تصاویر، سرعت کار کاربران را هنگام مشاهده و بررسی عکس چند برابر می‌کند. برای کار با این افزونه نیز نیازی به دانش برنامه نویسی نبوده و نحوه اجرای آن بسیار راحت است.

مرحله توضیحات
۱. نصب و فعال‌سازی افزونه افزونه PanoPress را از بخش افزونه‌های وردپرس نصب و فعال کنید.
۲. تبدیل عکس به فرمت پانوراما از ابزارهای تبدیل مانند KRPano یا Pano2VR برای تبدیل عکس معمولی به فرمت پانورامیک استفاده کنید.
۳. آپلود فایل پانوراما فایل پانوراما را در کتابخانه رسانه‌ای وردپرس آپلود کرده و URL فایل را کپی کنید.
۴. درج شورت‌کد PanoPress شورت‌کد PanoPress را با تنظیمات مناسب در پست یا صفحه وردپرس قرار دهید تا تصویر ۳۶۰ درجه نمایش داده شود.

با افزونه‌های وردپرس تصاویر 360 درجه جذاب بسازید!

برای ساخت تصاویر 360 درجه افزونه‌های مختلفی وجود دارد که استفاده از آنها نیازی به دانش برنامه نویسی و فنی ندارد. این افزونه ها را به طور مستقیم ازبخش مدیریت وردپرس دانلود کرده و پس از نصب آن، مراحل ذکر شده در محتوا را بر روی آن پیاده سازی کنید.  در تمامی این افزونه‌ها دریافت و قرار دادن شورت کد الزامی بوده و صرفا کمی مراحل دریافت این شورت کد در افزونه‌ها متفاوت است. همچنین لازم به ذکر است که افزونه PanoPress نسبت به سایر افزونه ها امکانات بیشتری را برای کاربران فراهم می‌کند.

سوالات متداول

بهترین افزونه برای ساخت تصاویر 360 درجه چیست؟

ساخت تصاویر 360 درجه نیازمند دانش برنامه نویسی است؟


نویسنده بهاره کوهستانی

سایر مقالات نویسنده

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

مطالب مشابه

0

دیدگاه ها

ارسال دیدگاه

ارسال دیدگاه