🔥 جلسه ۸ — اصلاحات سنگین قالب با المنتور: کدنویسی‌ دسته‌بندی‌ و برچسب‌ها (رفع باگ و بهینه‌سازی) 😱


🔥 در جلسه ۸ از دوره طراحی قالب وردپرس با المنتور، وارد بخش‌های حرفه‌ای و فنی می‌شیم!
در این قسمت با هم یاد می‌گیریم چطور کدنویسی مربوط به دسته‌بندی‌ها و برچسب‌ها رو اصلاح کنیم،
باگ‌های قالب رو رفع کنیم و ساختار المنت‌هامون رو بهینه‌تر بسازیم 💪

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

📌 موضوعات این جلسه:

اصلاح کدهای دسته‌بندی و برچسب‌ها

بهینه‌سازی و رفع خطاهای قالب

کدنویسی جدید برای کنترل‌های المنتور

بررسی قالب و بهبود عملکرد المان‌ها

آموزش قدم‌به‌قدم برای توسعه حرفه‌ای قالب

💬 نظرت درباره این بخش چی بود؟ بنویس تا در جلسه بعدی، دقیق‌تر روی موضوعات مدنظرت کار کنیم ❤️
👇 اگه مفید بود حتماً ویدیو رو لایک و به اشتراک بذار تا انگیزه بگیرم ادامه بدم 🙏
https://youtu.be/Jljxi1LVVrM?si=Yia2qMd3HlGMaNED

😎 چطور با HTML و CSS کارت فروشگاهی خفن و مدرن درست کنیم؟ | پروژه واقعی

در این آموزش یاد می‌گیری چطور فقط با HTML و CSS یه کارت فروشگاهی مدرن و خفن طراحی کنی 😍
بدون نیاز به فریم‌ورک یا جاوااسکریپت، از صفر تا صد طراحی کارت محصول با افکت‌های حرفه‌ای، سایه‌ها، رنگ‌های جذاب و ساختار کاملاً ریسپانسیو (Responsive) رو یاد می‌گیری.

اگه دنبال یادگیری طراحی فرانت‌اند به‌صورت پروژه‌محور و کاربردی هستی، این آموزش مخصوص توئه 💻🔥

در این ویدیو یاد می‌گیری 👇
✅ طراحی استایل کارت محصول فروشگاهی با CSS
✅ ساخت دکمه خرید و قیمت‌گذاری مدرن
✅ ایجاد افکت هاور حرفه‌ای روی کارت‌ها
✅ ریسپانسیو کردن طراحی برای موبایل و دسکتاپ

📌 مناسب برای:

مبتدی‌ها و علاقه‌مندان به طراحی وب

طراحان فرانت‌اند که دنبال تمرین پروژه واقعی هستن

هر کسی که می‌خواد سایت فروشگاهی خودش رو بسازه

📢 برای حمایت از آموزش‌های رایگان، ویدیو رو لایک کن، کامنت بذار و به اشتراک بگذار ❤️
و فراموش نکن چنل رو سابسکرایب کنی تا جلسات بعدی رو از دست ندی! 🚀

https://youtu.be/xnBvD1ePcxE?si=BEVi9GZqVMdj0T8g

فایل تمرین جلسه
https://youtu.be/xnBvD1ePcxE?si=eku8NzhQAiMK3gf5

🔥 جلسه ۹ — آپدیت بزرگ ووکامرس: افزودن فونت دلخواه & نمایش خریدار در کامنت‌ها!

سلام به همه‌ی دوستان 🌸
در این جلسه از دوره طراحی قالب فروشگاهی ووکامرس، آپدیت جدیدی داریم که کلی ویژگی کاربردی به سایت شما اضافه می‌کنه 👇

✅ افزودن فونت دلخواه به پیشخوان وردپرس
✅ نمایش وضعیت خریدار در کامنت‌های ووکامرس (برچسب “خریدار”)
✅ نمایش ادمین به صورت “مدیر سایت” در بخش نظرات
✅ بررسی تغییرات و بهبودهای قالب در نسخه جدید

اگر در جلسات قبل همراه ما بودی، حتماً این جلسه رو از دست نده چون بروزرسانی بسیار مهمیه 🔥
و اگه تازه واردی، پلی‌لیست کامل دوره طراحی قالب فروشگاهی رو اینجا ببین 👇
🎥 لینک پلی‌لیست دوره کامل

💬 نظرتو حتماً توی کامنت‌ها بنویس
📢 و برای حمایت از ادامه دوره، ویدیو رو لایک و به اشتراک بگذار ❤️

https://youtu.be/tFN90E-U6w0?si=ZQGAyMT1OlvbWIl-

فایل تمرین این جلسه

https://youtu.be/tFN90E-U6w0?si=ZQGAyMT1OlvbWIl-

🔥 طراحی کارت پروفایل متحرک و خفن با HTML CSS JS (پروژه واقعی و کامل)

🔥 توی این آموزش یاد می‌گیری چطور فقط با HTML, CSS و JavaScript یه کارت پروفایل متحرک، مدرن و فوق‌العاده جذاب طراحی کنی!
🎨 این پروژه هم برای تمرین طراحان مبتدی عالیه، هم برای نمونه‌کار حرفه‌ای رزومه‌ت.

در این جلسه یاد می‌گیری:
✅ ساختار HTML تمیز و استاندارد برای طراحی رابط کاربری
✅ استایل‌دهی حرفه‌ای با CSS و ایجاد جلوه‌های مدرن
✅ انیمیشن‌های جذاب و تعاملی با JS
✅ طراحی حالت تیره (Dark Mode) و روشن (Light Mode)

💡 اگر می‌خوای پروژه‌های حرفه‌ای‌تری با HTML و CSS یاد بگیری، حتماً پلی‌لیست کامل آموزش‌های طراحی منو، کارت، اسلایدر و قالب فروشگاهی رو هم ببین 👇
🔗 [لینک پلی‌لیست آموزش HTML CSS JS]

🎁 پیشنهاد من:
اگر از این آموزش خوشت اومد ❤️
حتماً لایک کن 👍، کامنت بذار 🗨
و برای حمایت از ادامه آموزش‌ها کانال رو سابسکرایب کن 🔔
تا با انرژی بیشتر پروژه‌های بعدی رو ضبط کنم 💪

https://youtu.be/FlHN1H2_qsQ?si=c7nYhTReQN3PI0i1

فایل تمرین این جلسه
یادتون نره ویدیو لایک کنید 👍👍👍👍

https://youtu.be/FlHN1H2_qsQ?si=c7nYhTReQN3PI0i1

🔥 جلسه ۱۰ — ساخت المان اختصاصی دسته‌بندی در المنتور (کدنویسی، پاک‌سازی و دکمه مخفی‌سازی)

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

📚 مباحث جلسه:
✅ پیاده‌سازی المان اختصاصی دسته‌بندی‌ها در المنتور
✅ افزودن دکمه مخفی‌سازی برای نمایش بهتر
✅ پاک‌سازی فایل‌های اضافه و بهینه‌سازی ساختار پروژه
✅ بررسی عملکرد و رفع باگ‌های جزئی

🎯 اگر دنبال یادگیری المنتور در سطح حرفه‌ای هستی، این جلسه رو از دست نده!

👇 حمایت شما باعث ادامه جلسات بعدی میشه ❤️
اگه مفید بود، حتما لایک کن و برای دوستات بفرست تا اون‌ها هم استفاده کنن 🙏

https://youtu.be/O2hxXLHAzvQ?si=s4pD8RcJdkEvJqLZ

سلام دوستان 👋
یه ایده جدید دارم و قبل از ضبط کامل می‌خوام نظر شما رو بدونم: می‌خوام آموزش کامل همین پروژه فقط با HTML و CSS ضبط کنم — بدون جاوااسکریپت، تنها با تکنیک‌های پاک و مدرن CSS. آیا دوست دارین منتشرش کنم؟
اگر دوست دارین این آموزش کامل و مرحله‌به‌مرحله ضبط بشه، لطفاً زیر همین پست با یکی از ری‌اکشن‌ها علامت بزنین:
❤️ — بله، حتماً ضبط کاملش کن
🔥 — خیلی مشتاقم، زودتر منتشر کن
👍 — خوبه، فقط مطمئن باش با HTML/CSS باشه (بدون JS)
💬 — سوال یا پیشنهادی دارم (بنویسید)

https://www.youtube.com/post/UgkxQWcPKaXG393xoobG04qDsj1u-Tvw5C5N

هرچقدر ری‌اکشن بیشتر باشه، من کامل‌تر و مفصل‌تر ضبط می‌کنم — از ساختار فایل تا نکات طراحی و بهینه‌سازی.
اگه دوست داشتین، این پست رو با دوستاتون هم به اشتراک بذارید تا انگیزه بیشتری بگیریم 🙏💙

آموزش طراحی قالب فروشگاهی عسل با HTML CSS JS | پروژه واقعی و نسخه تاریک و روشن

در این آموزش پروژه‌محور یاد می‌گیریم چطور یک قالب فروشگاهی حرفه‌ای برای فروش عسل طراحی کنیم که هم ظاهر مدرن و جذابی داشته باشه و هم کاملاً ریسپانسیو و بهینه باشه.
در طول ویدیو از HTML ،CSS و JavaScript برای ساخت بخش‌های مختلف سایت استفاده می‌کنیم — از طراحی هدر و کارت محصولات گرفته تا ساخت نسخه تاریک (Dark Mode) و روشن (Light Mode).

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

💡 در پایان ویدیو فایل تمرین و سورس کامل در کانال تلگرام قرار داده شده تا بتونی همراه آموزش کدنویسی کنی.

📦 ویژگی‌های پروژه:

طراحی نسخه روشن و تاریک

ساخت هدر حرفه‌ای با منو و لوگو

طراحی کارت محصولات فروشگاهی

ریسپانسیو کامل برای موبایل و دسکتاپ

استفاده از رنگ‌های طلایی و مشکی برای حس لوکس عسل

👇 حتماً کانال رو سابسکرایب کن تا جلسات بعدی آموزش قالب‌های فروشگاهی رو از دست ندی ❤️
و لطفاً برای حمایت از تولید آموزش‌های رایگان، ویدیو رو لایک و با دوستانت به اشتراک بگذار 🙏

https://youtu.be/wnMb7braZoE?si=xWONZ_FFSpMP361p

اگر دوست دارین این آموزش ک ادمه داشته باشد، لطفاً زیر همین پست با ری‌اکشن علامت بزنین:
❤️ — بله، حتماً ادامه بدید
https://youtu.be/wnMb7braZoE?si=QeGtJvTA2tf-g-T2

🔥 یه آموزش خفن و خاص براتون گذاشتم توی یوتوب!
💎 آموزش ساخت داشبورد شیشه‌ای با حالت تاریک در HTML و CSS — دقیقاً مثل طراحی اپ‌های حرفه‌ای!

این ویدیو واقعاً با عشق ساخته شده تا بهتون نشون بده چطور میشه یه طراحی مدرن و چشم‌نواز ساخت 😍
اگه دیدینش و خوشتون اومد، لطفاً برید یوتوب و یه ری‌اکشن (لایک و کامنت) بزارید 🙏
واقعاً انرژی من برای ادامه‌ی راه به حمایت شما بستگی داره ❤️

📺 لینک آموزش داخل یوتوبه 👇
https://youtu.be/0n5UQjSKiMM?si=WP567kJfOCwYbGtM

فایل تمرین این جلسه

https://youtu.be/0n5UQjSKiMM?si=wh01k4-_BBp1aZDW

طراحی کارت پروفایل شیشه‌ای با جلوه‌های مدرن CSS ✨

دوستان عزیز 👋
این یه کارت پروفایل شیشه‌ای با طراحی مدرنه که با HTML و CSS خالص ساخته شده!

ویژگی‌های جذاب این پروژه:
• جلوه‌های شیشه‌ای و سایه‌های پیشرفته
• واکنش‌گرا برای همه دستگاه‌ها
• انیمیشن‌های نرم و حرفه‌ای
• پشتیبانی از ویدیوی پس‌زمینه
• طراحی مدرن و کاربرپسند

لطفاً با ری‌اکشن مشخص کنید:
"آیا دوست دارید آموزش کامل این پروژه رو توی کانال یوتیوب بذارم؟"

🎯 ری‌اکشن‌ها:
👍 = بله، حتما آموزشش رو بذار
❤️ = عالیه! مشتاقانه منتظرم
🔥 = پروژه خیلی جذابیه
👀 = نظری ندارم
😴 = این موضوع برام جذاب نیست

https://www.youtube.com/post/UgkxS4EPnlP-s1e2mw1id7ukVVbTYPQLDSAE

✅ آموزش ساخت کارت شیشه‌ای خیره‌کننده فقط با HTML و CSS (بدون JS!)

در این ویدیو یاد می‌گیری چطور فقط با HTML و CSS یک کارت شیشه‌ای فوق‌العاده جذاب طراحی کنی! 😍
بدون حتی یک خط JavaScript — فقط با قدرت CSS و طراحی مدرن 🎨

با این آموزش یاد می‌گیری:

طراحی رابط کاربری شیشه‌ای (Glassmorphism)

ساخت افکت‌های جذاب بلور و سایه

استفاده از رنگ‌های گرادینت و نور ملایم برای جلوه حرفه‌ای

ساخت کارت محصول مثل سایت‌های فروشگاهی

اجرای پروژه واقعی بدون نیاز به فریم‌ورک یا JS

💡 این آموزش برای مبتدی‌ها تا حرفه‌ای‌ها عالیه!
اگر دنبال ساخت UI مدرن و شفاف مثل اپلیکیشن‌ها هستی، حتماً این ویدیو رو ببین 👇

🎯 ری‌اکشن‌ها:
👍 عالی است ادامه بده
❤️ = عالیه! من عاشقش شدم

https://youtu.be/k5xM9MDdkS0?si=qhkUdhjTp49oAsNF

🎬 آموزش ساخت کارت شیشه‌ای خیره‌کننده با HTML و CSS منتشر شد! 💎
بدون حتی یک خط جاوااسکریپت 😍
فقط با کمی خلاقیت و دو زبان دوست‌داشتنی HTML و CSS، یه طراحی مدرن و چشم‌نواز بساز!

📦 فایل تمرین (شامل تصاویر + کدهای کامنت گذاری شده ) رو می‌تونی از همین پست دانلود کنی 👇
یادت نره حتما تا آخر ویدیو را تماشا کنید و نتیجه رو برام بفرستی 🔥

💬 راستی اگه آموزش رو دوست داشتی،
حتماً با ری‌اکشن ❤️🔥 یا 😍 ازم حمایت کن،
تا با انرژی بیشتری آموزش‌های بعدی رو بسازم براتون 🙌

#HTML #CSS #آموزش_طراحی_وب #ReplyWP #کارت_شیشه‌ای

https://youtu.be/k5xM9MDdkS0?si=xVG8-UPNZpq7DqJz

ساخت کارت پروفایل شیشه‌ای با HTML & CSS — پروژه کامل از صفر تا صد

در این ویدیو یاد می‌گیریم چطور با استفاده از HTML و CSS یک کارت پروفایل شیشه‌ای (Glassmorphism) زیبا و مدرن بسازیم.
این پروژه به‌صورت قدم‌به‌قدم از صفر تا صد آموزش داده شده و شامل نکات حرفه‌ای طراحی مثل:
🔹 ایجاد جلوه شیشه‌ای واقعی با CSS
🔹 ساخت انیمیشن‌های نرم برای تعامل بهتر کاربر
🔹 طراحی واکنش‌گرا برای نمایش در موبایل و دسکتاپ
🔹 و استفاده از سایه‌ها و گرادیانت‌ها برای عمق دادن به طراحی

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

💬 راستی اگه آموزش رو دوست داشتی،
حتماً با ری‌اکشن ❤️🔥 یا 😍 ازم حمایت کن،
تا با انرژی بیشتری آموزش‌های بعدی رو بسازم براتون 🙌

https://youtu.be/IIYPNcSFdzU?si=ndpk1qM0FbpJnr-r

فایل تمرین این جلسه

https://youtu.be/IIYPNcSFdzU?si=EU7FUDq1KJBEEF9i

سلام دوستان 👋
یه پروژه خاص و چشم‌نواز طراحی کردم — یه پلیر موزیک شیشه‌ای با افکت Glassmorphism فقط با HTML و CSS 😍

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

می‌خوام بدونم شما دوست دارید آموزش کامل ساختش رو ضبط کنم و داخل کانال بذارم یا نه؟
👇
اگه خوشتون اومده و می‌خواید آموزش این پروژه رو ببینید، با ریاکشن ❤️ یا 👍 یا 🔥 بهم بگید
تا با انرژی زیاد شروع به ضبطش کنم 🎥💪

https://www.youtube.com/post/UgkxAAy0XS0c7daCp-FWkA3cHJfijbd8qVMr

اما هنوز مطمئن نیستم... 🤔
به نظرت ارزش داره آموزش این قالب رو ضبط کنم یا نه؟
خودت ببین و قضاوت کن 👇
🎥 تماشای ویدیو در یوتیوب:
https://youtu.be/bZK_2a3S_yc?si=Z7twm7TrDiYbkF95

آموزش ساخت کارت شیشه‌ای خیره‌کننده با HTML و CSS (بدون JS!) 💎 | طراحی مدرن و جذاب فقط با CSS


سلام به همه‌ی طراحای خلاق! 🌟
توی این آموزش یاد می‌گیری چطور فقط با HTML و CSS (بدون حتی یک خط جاوااسکریپت!)
یه کارت شیشه‌ای خیره‌کننده و مدرن بسازی که هر بیننده‌ای رو جذب می‌کنه 😍

توی این ویدیو قدم‌به‌قدم می‌ریم سراغ:
✅ طراحی ساختار HTML تمیز و حرفه‌ای
✅ ساخت افکت شیشه‌ای واقعی با خاصیت backdrop-filter
✅ ایجاد سایه، گرادینت و ترکیب رنگ‌های چشم‌نواز
✅ و در نهایت، ساخت یک طراحی مدرن و مینیمال مناسب برای صفحات محصول
پیشنهاد می کنم این جلسه آموزش اصلا از دست ندید 🥹🥹🥹🥹
با ریاکشن ❤️ یا 👍 یا 🔥 بهم حال بدید داخل تلگرام


https://youtu.be/okC8IOa_DjE?si=JbEBa17PL0vpMnVa