امروزه قرار دادن تصاویر در مقالات و وب سایت ها از اهمیت فراوانی برخوردار است. و در بین تصاویر، تصاویری با زاویه بالای 100 درجه دارای طرفداران زیادی است و بازخورد فراوانی دارد. در این آموزش وردپرس میخواهیم آموزش قراردادن تصاویر با زاویه بالاتر از 100 درجه در وردپرس را به شما آموزش دهیم.
استفاده از تصاویر ۳۶۰ درجه در وردپرس
اضافه کردن و قرار دادن تصاویر با زاویه بالاتر از 100 درجه از شبکه های اجتماعی شبیه به فیسبوک آغاز شد و توانست با این کار مخاطبین زیادی را علاقه مند به این موضوع کند، بعد از مدتی وردپرس نیز برآن شد تا قابلیت قرار دادن تصاویر با زاویه بالاتر از 100 درجه در وردپرس را به قابلیت های قالب وردپرس خود اضافه کند.
قراردادن تصاویر با زاویه بالاتر از 100 درجه در وردپرس
قرار دادن این تصاویر در وردپرس کار آسانی است و تنها با یک افزونه می توان این تصاویر را در قالب وردپرس قرار داد. نام افزونه ای که در این زمینه وجود دارد و قرار است در این جلسه از آموزش وردپرس به آن بپردازیم، افزونه WP-VR-view است.
افزونه WP-VR-view وردپرس
افزونه WP-VR-view تاکنون توانسته است تا بیش از 9۰۰۰ نصب فعال و کسب امتیاز ۴٫۶ را ازآن خود نماید. همانطور که گفتیم این افزونه برای قراردادن تصاویر با زاویه بالاتر از 100 درجه در وردپرس استفاده می شود.
به کمک این افزونه بازدیدکنندگان وب سایت قادر به حرکت در بین پانورامای شما خواهند بود.کاربران گوشی های هوشمند می توانند از نقشه گوگل استفاده کنند تا به شیوه ای واقعیت مجازی نگاه کنند.
تنظیمات افزونه
پس از نصب افزونه WP-VR-view وردپرس از یک سایت مرجع و معتبر و فعالسازی آن در افزونه های قالب وردپرس خود دو آیکون در نوشته ها و برگه های شما اضافه می شود که در تصویر زیر می توانید مشاهده کنید. کارکرد آیکون ها به شرح زیر می باشد:
- آیکونی که در سمت راست تصویر است و نماد عکس دارد برای درج تصویر می باشد.
- آیکونی که در سمت چپ قرار دارد و نماد پلیر ویدئو بر روی آن است برای درج ویدئو می باشد.
حال اگر شما قصد اضافه کردن یک تصویر را دارید میتوانید از آیکون عکس استفاده کنید و اگر فیلم 360 درجه ای دارید میتوانید با زدن آیکون فیلم، فیلم خود را قرار دهید.
اضافه کردن عکس
برای افزودن تصویر همانطور که گفتیم بر روی افزودن تصویر کلیک کنید تا مشابه تصویر پنجره مربوط به آن برای شما باز شود.
برای وارد کرن تصویر 360 درجه طبق عکس ابتدا به بخش PhotoSphere image URL می رویم و آدرس تصویر خود را وارد می کنیم.
سپس در فیلد Preview image URL نیز آدرس پیش نمایش تصویر خود را وارد کنید تا با مشاهده صفحه این تصویر برای کاربر نمایش داده شود.
برای کشیده شدن تصاویر خود در باکس باز شده حالت Stereo را روی yes قرار دهید و اگر دوست ندارید باید گزینه NO را بزنید
حالت کش دادن برای هر نوع تصویری مناسب نیست و ممکن است تا تصویر شما به درستی نمایش داده نشود.
تعیین اندازه های تصاویر در وردپرس
برای تنظیم ارتفاع و پهنای عکس از قسمت Width و Height استفاده می کنیم و برای تنظیم در نهایت بر روی Insert کلیک می کنیم.
اندازه کادر تصاویر در حالت پیشفرض بر روی پهنای ۱۰۰% و ارتفاع ۵۰۰px تنظیم شده است.
پس از اینکه تصویر خود را درج کنید، شورتکدهایی در ویرایشگر شما اضافه خواهند شد که با استفاده از آن تصاویر در وردپرس نمایش داده میشوند.
پس از اضافه کردن و اضافه شدن شورتکد ها نوشته یا برگه خود را بروز رسانی کنید و و نمایش را بزنید تا ببینید تصویری که قرار داده اید چگونه است.
همانطور که مشاهده میکنید تصویر 360 درجه شما در قالب وردپرس شما قرار گرفت در سایت شما قابل مشاهده است. با حرکت ددادن موس بر روی آن، از ان لذت ببرید.
[quote bgcolor=’#eec700′ color=’#ffffff’ bcolor=’#ffffff’]
تیم وبمستر 98 برای راحتی کار شما عزیزان و کاربران لینک افزونه WP-VR-view را از یک سایت مرجع و معتبر در سایت قرار داده تا برای دستیابی به آن خیالتان از اعتبار افزونه راحت باشد امیدوارم این جلسه آموزش وردپرس برای شما مفید واقع شده باشد.
[/quote]
[button color=”green2″ link=”https://downloads.wordpress.org/plugin/wp-vr-view.1.6.zip” rel=”nofollow” align=”left” target=”_blank” radius=”5″ icon=”momizat-icon-wordpress” icon_color=”#ffffff”]دانلود افزونه از مخزن وردپرس[/button][button color=”green2″ link=”https://wordpress.org/plugins/wp-vr-view/” rel=”nofollow” align=”left” target=”_blank” radius=”5″ icon=”momizat-icon-wordpress” icon_color=”#ffffff”]مشاهده صفحه افزونه در سایت وردپرس[/button]
ممنون از همراهی شما با این بخش از آموزش وردپرس. در صورت هر گونه سوال لطفا سوال خود را در قسمت نظرات مطرح بفرمایید. همچنین اگر قصد خرید قالب وردپرس برای سایت خود از یک منبع معتبر را دارید میتوانید به دسته بندی قالب وردپرس در سایت وبمستر98 مراجعه بکنید.