وبلاگ
المان یا ویجت تصویر المنتور یکی از پرکاربردترین ویجت ها می باشد که برای مدیریت تصاویر وبسایت استفاده می شود. بدون تصویر وبسایت شما بسیار بی روح و یکنواخت می باشد اما تصویر به سایت شما عمق و جذابیت میبخشد. المنتور فرمت های رایج عکس از جمله: jpg ، png و webp را پشتیبانی می کند. با اضافه کردن تصویر به صفحه سه تب محتوا، استایل و پیشرفته ظاهر می شود که در ادامه به آن ها می پردازیم.
با کلیک بر روی انتخابگر تصویر، پنجره جدیدی برای شما باز می شود که می توانید تصویر خود را انتخاب و یا بارگزاری کنید. پس از درج تصویر گزینه های زیر را مشاهده می کنید.
رزولوشن حالت های مختلفی دارد از جمله 150*150 ، 2048*2048 و ... که بهترین رزولوشن همان حالت "کامل" می باشد. حالت Thumbnail (بند انگشتی) برای تصاویر بسیار کوچک استفاده می شود.
در صورت نیاز می توانید برای ویجت تصویر المنتور زیرنویس انتخاب کنید. در حالت پیوست کپشن همان توضیح مختصر تصویر بعنوان زیرنویس نمایش داده می شود. و در حالت کپشن دلخواه، متن دلخواه شما نمایش داده می شود.
منظور از پیوند همان لینک می باشد. اگر پیوند را روی "آدرس سفارشی" قرار دهید می توانید تصویر را به نوشته دلخواه لینک کنید. اگر پیوند "فایل رسانه" باشد گزینه لایت باکس نمایش داده می شود. شما می توانید برای تصویر خود لایت باکس تعریف کنید یا مستقیما به فایل آن لینک دهید.
مشخص می کند که تصویر سمت چپ، راست یا وسط باشد.
همانطور که از اسمش مشخص است عرض تصویر را مشخص می کند. یعنی اندازه در راستای محور x.
اگر این فیلد را تنظیم کنید دیگر عرض شما از آن مقدار بیشتر نخواهد شد. مثلا اگر حداکثر عرض را 50% قرار دهید حتی اگر عرض را روی 100% قرار دهید تصویر شما روی 50% قفل می شود. دقت کنید که کمتر از آن مقدار ممکن است اما بیشتر نه.
ارتفاع تصویر را مشخص می کند یعنی اندازه در راستای محور y. بهتر است به عرض و ارتفاع همزمان مقدار ندهید چون طول و عرض تصویر شما بهم میخورد.
میزان تاری یا مشخص بودن تصویر شما را تعیین می کند. یک عدد بین 0 و 1 می باشد و هر چقدر به 1 نزدیک تر باشد تصویر شما مشخص تر و واضح تر می شود.
شامل پنج مقدار تاری، درخشندگی، کنتراست، اشباع رنگ و رنگ می باشد. با تغییر هر کدام می توانید جلوه ای زیبا و خارق العاده به تصویر خود دهید.
یک عدد برحسب ثانیه می باشد و زمان اعمال تغییرات بین حالت عادی و حالت هاور را مشخص می کند.
می توانید برای المان تصویر خود هنگام هاور انیمیشن تعریف کنید. انواع مختلفی دارد مانند Grow، Pulse، Push و ...
در جلسات قبلی با حاشیه المنتور آشنا شدیم. یک کادر یا همان border اطراف المان ایجاد می کند که ضخامت، رنگ و انحنای آن قابل تنظیم است.
با سایه المنتور نیز در همان جلسه آشنا شدیم. تعریف سایه برای المان باعث می شود المان شما بجای دو بعد سه بعد داشته باشد و جلوه ی زیباتری به خود بگیرد.
اگر برای تصویر خود زیرنویس فعال کرده باشید این گزینه در تب استایل به شما نمایش داده می شود. به کمک این گزینه می توانید رنگ، فونت و استایل زیر نویس خود را مشخص کنید. مطالعه بیشتر
تب پیشرفته در همه المان ها یکسان می باشد. این تب را در جلسات قبلی بطور کامل شرح داده بودیم.
آکادمی سعید شریفی برگزار کننده دوره های حرفه ای سایت و برنامه نویسی می باشد. ما مفتخریم تا کاملترین و بهترین دوره آموزش المنتور را بطور کاملا رایگان در اختیار شما عزیزان قرار دهیم. این آموزش به تدریس سعید شریفی ، طراح سایت در دانشگاه Berkeley کالیفرنیا می باشد.
در حال ضبط
مقدماتی تا پیشرفته
بالای 10 ساعت
