سفارش تبلیغ
صبا ویژن

چگونه تصاویر سه بعدی با المنتور بسازیم

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

 

چگونه تصاویر سه بعدی با المنتور بسازیم

ساخت تصاویر سه بعدی در المنتور

در نسخه رایگان المنتور قابلیت­‌های بسیاری اضافه شده که می­‌توانید المان­‌ها و یا تغییراتی در سایت خود ایجاد کنید. در آموزش­‌های قبلی به ساخت آیکون‌های سفارشی در المنتور پرداختیم و امروز می­‌خواهیم درباره ساخت تصاویر سه بعدی در وردپرس با کمک المنتور صحبت کنیم. موافقید؟

تصاویر سه بعدی در وردپرس

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

المان‌های المنتور

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

نحوه ساخت تصاویر متحرک در وردپرس با المنتور

برای شروع کار به بخش المنتور در پنل مدیریتی بروید و گزینه “در حال شروع شدن ” را بزنید تا از این طریق طراحی خود را برای صفحه اول سایت­تان شروع کنید. همانند تصویر زیر:

  بهترین افزونه های المنتور در سال 1398 را بشناسید
در حال شروع شدن در حال شروع شدن

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

add elements- تصاویر سه بعدی در وردپرسافزودن المان در المنتور

حال ساختار ستون این بخش جدید را تعیین کنید چند ستونه یا تک ستونه باشد. اگر می­‌خواهید تک ستون باشد همان مورد اولی را انتخاب نمایید. ولی اگر می­‌خواهید چندین تصویر در کنار هم قرار دهید و یا اینکه متنی را در کنار تصویر خود بنویسید باید موارد دیگر را انتخاب کنید.

choose block- انتخاب بلاک مورد نظرانتخاب بلاک موردنظر

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

choose image widget- ساخت تصاویر سه بعدی در المنتورانتخاب ویجت تصویر

تصویر مورد نظر خود را آپلود کنید و یا از بین تصاویر موجود در سایت انتخاب کنید.

upload image- بارگذاری تصویربارگذاری تصویر مورد نظر

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

advance tab- تصاویر سه بعدی در وردپرسمراجعه به تب پیشرفته در المنتور

در این سربرگ به بخش Motion effects بروید تا یک انیمیشن برای تصویر خود برگزینید. انیمیشن‌­های مختلف را بررسی کنید و بهترین حالت را برای تصویر انتخاب کنید.
در اینجا شما می­‌توانید تعیین کنید که این انیمیشن در حالت ویندوز یا سایر دستگاه‌­های هوشمند برای تصاویر قابل مشاهده باشد.

Motion effects- تنظیمات متحرک تنظیمات Motion effects

پس از انتخاب انیمیشن برای محرک شدن تصاویر در وردپرس، بایستی مدت انیمیشن را تعیین کنید به طوری‌که سرعت بارگذاری تصاویر آهسته و یا سریع باشد.
همچنین اگر می­‌خواهید تصاویر با مدت زمان کوتاهی با تاخیر نشان داده شوند این تاخیر زمان را مشخص کنید.

timing- زمان حرکت انیمیشنزمان مشخص برای حرکت تصویر

سپس تغییرات را ذخیره کنید. به همین راحتی توانستید تصاویر سه بعدی در وردپرس ایجاد کنید که در زیبایی ظاهری سایت شما بسیار موثر است. با بردن ماوس روی آن این تصویر در زوایای مشخص شده حرکت می‌کند.

منبع» همیار وردپرس