هیچ محصولی در سبد خرید نیست.
مدرس دوره
نبی عبدی
زمان ویدیو
11:29 دقیقه
برو به دیگر جلسات
برای دانلود ویدیو
نمایش نمونه کارها در صفحه اصلی المنتور
در این جلسه از سری جلسات آموزش المنتور رایگان آکادمی وبکیما، ادامه صفحه اصلی را می‌خواهیم طراحی کنیم که در این بخش یک سکشن نمونه کارها در صفحه اصلی سایت طراحی خواهیم کرد، بنابراین این جلسه را تا انتها و با دقت دنبال کنید.
آموزش نمایش نمونه کارها در صفحه اصلی
معمولا در سایت‌هایی که نمونه کار دارند، خیلی خوبه که بتوانید نمونه کارها را در همان صفحه اصلی نمایش دهید و بخشی را داشته باشید تا کاربران در همان صفحه اصلی بتوانند با نمونه کارهای شما آشنا شوند.
سکشن نمایش نمونه کارها طراحی شده در این جلسه
در زیر می توانید بخشی که برای نمایش نمونه کارها در این جلسه طراحی کردیم را به صورت مجزا مشاهده کنید.
قطعه کد پس زمینه سکشن
در زیر می‌توانید قطعه کد css که برای افزودن پس زمینه گرادینت به سکشن نمونه کارها استفاده کردیم را کپی کرده و در طرح خودتان استفاده کنید.
selector{
background: linear-gradient(249.46deg, #FFEBD8 5.04%, #FFD9EB 56.39%, #FFD8D0 103.64%);
}قطعه کد تنظیم عنوان در یک خط
در زیر می‌توانید قطعه کدی که از آن برای تنظیم عنوان ها در یک خط استفاده کردیم را مشاهده کنید، آن را کپی کرده و همانند آموزش ویدیویی آن را در بخش استایل های سفارشی المان پست قرار دهید تا عنوان ها در یک خط تنظیم شوند.
selector h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}جمع بندی
در انتهای جلسه آموزش طراحی بخش نمونه کارها در صفحه اصلی در المنتور امیدواریم که این بخش را نیز به خوبی طراحی کنید، اگر سوالی در این رابطه دارید در بخش کامنت های همین مقاله با ما در ارتباط باشید.
هر گونه سوال، پیشنهاد یا انتقادی در رابطه با دوره رایگان آموزش المنتور دارید در بخش دیدگاه‌ها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به آموزش وردپرس و طراحی سایت تهیه کنیم.
با سلام و احترام استاد عزیز و گرامی تا این جای دوره و دوره جدید منتشر شده در یوتوب هر چقدر از شما تشکر کنم جبران نمی کنه ممنون.
درود بر شما، ممنون از اینکه همراه آکادمی وبکیما هستید.
واقعا فوق العادس آموزش هاتون
سلام ی سایت برای دانلود عکس و رسانه های SVG معرفی میکنید؟
و اینکه چطوری ایکون های SVGرا با روشی که گفتید دانلود کنیم
در کدام بخش گفتید؟
درود بر شما، برای دانلود تصاویر SVG مقاله سایت رایگان دانلود SVG را مطالعه کنید.
سلام
وقتی داخل المنتور بخش گردانیت را داریم بهتر است که کد بزنیم؟؟؟
درود، اگر می‌توانید گرادیانت مورد نظر خود را با خود المنتور پیاده کنید، خیر نیازی به کد ندارید.
سلام من هرچی تو Custom Css تایپ میکنم هیچی نوشته نمیشه میشه بگید چیکار کنم؟
سپاسگزارم
سلام، احتمالا به درستی بخش Custom CSS را انتخاب نمی کنید، چند بار صفحه را رفرش کرده و مجددا تست کنید.
سلام میشه لطفا در مورد آموزش بخش 17 که درباره نمونه کار است بگید چه طوری باید نمونه کارامو وارد کنم؟ صفحه آرشیو می خواد؟ من 20 تا نمونه کار دارم که می خوام به صورت آرشیو در یه برگه نشون داده بشه بعد کاربر که کلیک میکنه روی یکی از نمونه کارا تویه صفحه جدا براش نشون داده بشه اطلاعاتی در باره اون نمونه کار و عکس های مختلف از اون
اینو باید چه طوری طراحی کنم ؟با تشکر
درود، همین ویدیو + ویدیوی بعد از این جلسه را با دقت مشاهده کنید، توضیحات لازم داده شده است.
به نکات خوبی و ظریفی اشاره میکنید و این خیلی خوبه که طراحی رو اصولی و استاندارد آموزش میدین
لطفا اگه امکان داره یه ویدیو تهیه کنید درمورد کدهای کاربردی که میتونیم بصورت دستی اضافه کنیم
سپاس بیکران جناب عبدی عزیز
ممنون از همراهی و پیشنهادات شما، بله سعی خواهیم کرد در طول همین دوره و دیگر دوره های وبکیما موردی که فرمودید را آموزش دهیم.