آموزش ساخت المان اختصاصی در المنتور | سازگار کردن قالب فروشگاهی وردپرس با Elementor
https://youtu.be/UWxAPJmczkc?si=vkGCXKSGfMnr39UK

۵ راز طراحی سایت باشگاه بدنسازی با HTML و CSS که حرفه ای ها می دانند

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

با استفاده از HTML و CSS یاد می‌گیری چطور یک سایت ورزشی مدرن، سریع و واکنش‌گرا طراحی کنی که حس واقعی قدرت و فیتنس رو منتقل کنه 💥

🔹 نکاتی که توی این آموزش یاد می‌گیری:

طراحی بخش‌های جذاب برای صفحه اصلی باشگاه

انتخاب رنگ‌ها و فونت‌های مناسب فضای فیتنس

ساخت صفحه کاملاً ریسپانسیو با CSS Grid و Flexbox

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

و چند ترفند مخفی که ظاهر سایت رو حرفه‌ای‌تر می‌کنه

🎯 اگه تازه‌کار هستی یا می‌خوای مثل حرفه‌ای‌ها سایت طراحی کنی، این ویدیو مخصوص توئه!

https://youtu.be/IQO_qWuRL9o?si=Ssw1ty_jmJmfjJHz

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

https://youtu.be/IQO_qWuRL9o?si=Ssw1ty_jmJmfjJHz

چگونه با المنتور حرفه‌ای شویم؟ ساخت المان اختصاصی و Controls (جلسه ۲)

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

در این جلسه به صورت پروژه‌محور آموزش داده می‌شود:

معرفی انواع Controls المنتور

توضیح آرگومان‌های Arguments و کاربرد آن‌ها

کار با تابع register_controls برای ایجاد کنترل‌های سفارشی

استفاده از Text Control داخل محتوا

معرفی تابع render و نحوه نمایش محتوا

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

https://youtu.be/FgnP4Z-AAIg?si=WA9aCBbPYOMX0WlP

🔥 می‌خوای یه افکت بسازی که همه بگن واااو؟ 😍
یه پروژه‌ی خیلی خفن دارم به اسم جادوی اسکرول ✨
باهاش کاری می‌کنی وقتی کاربر اسکرول می‌کنه،
باکس‌ها یکی‌یکی با یه حرکت نرم و انیمیشنی وارد صفحه بشن 😎

یعنی دقیقاً همون افکتی که تو سایت‌های حرفه‌ای می‌بینی و با خودت می‌گی:
«اِ اینو چجوری درست کردن؟!» 😅

توی این آموزش قراره قدم‌به‌قدم یاد بگیری
چطور فقط با CSS و یه کم JavaScript،
یه صفحه‌ی معمولی رو تبدیل به یه طراحی خفن و زنده کنی 💪

حالا سؤال من ازت 👇
دوست داری این آموزش رو کامل ضبط کنم و منتشرش کنم؟
اگه آره، همین‌جا روی این پست ری‌اکشن بزن ❤️🔥💥
تا بدونم چند نفر عاشق این افکت جادویی‌ان ✨

جادوی CSS ✨ ساخت Infinite Horizontal Scroll که همه رو شوکه می‌کنه — بدون حتی یه خط JS!


آموزش ساخت Infinite Horizontal Scroll (اسکرول افقی بی‌نهایت) — فقط با CSS | Progressively-Enhanced
توی این ویدیو قدم‌به‌قدم یاد می‌گیری چطور یک Infinite Horizontal Scroll کاملاً چشم‌نواز و واکنش‌گرا بسازی — بدون حتی یک خط JavaScript. تمرکزِ ما روی پیاده‌سازی پایه با CSS-only هست و نشان می‌دم چطور با تکنیک‌های @keyframes، layoutهای مدرن و ترفندهای CSS می‌تونیم تجربه‌ی کاربری روان و «بی‌نهایت» ایجاد کنیم.
(اگر خواستی می‌تونیم بعداً نسخه‌ی JavaScript-enhanced یا progressive enhancement هم اضافه کنیم — اما در این ویدیو همه‌چی فقط با CSS هست.)

تو این ویدیو یاد می‌گیری:

ساختار HTML ساده برای اسکرول افقی

انیمیشن و loop با @keyframes برای ایجاد حس بی‌نهایت

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

نکات UX و performance برای افکت‌های CSS-only

چطور progressive enhancement رو در آینده پیاده کنی (اختیاری)

لینک‌ها و منابع:
(در این قسمت لینک سورس‌کد / گیت‌هاب یا صفحه دمو رو بذار)

اگر از ویدیو خوشت اومد لطفاً لایک کن و سابسکرایب کن تا ویدیوهای خفن‌تر هم بیاد ✨
💬 نظر بذار چه افکت یا پروژه‌ CSS دوست داری بعدی آموزش بدم!

https://youtu.be/iuN84oCpEWI?si=T5XPZj3dbcertNQ4

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

۷ راز طراحان حرفه‌ای المنتور برای ساخت قالب‌های شگفت‌انگیز وردپرس 😍

آیا می‌دونستی طراحان حرفه‌ای المنتور از چند تا ترفند خاص استفاده می‌کنن تا قالب‌های وردپرسی فوق‌العاده و جذاب بسازن؟ 😍
در این ویدیو ۷ راز مهم و طلایی المنتور رو یاد می‌گیری که باعث می‌شن پروژه‌هات حرفه‌ای‌تر، سریع‌تر و خاص‌تر بشن! 💥

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

اگر می‌خوای توی طراحی سایت با المنتور مثل یک حرفه‌ای بدرخشی 🚀
حتماً این ویدیو رو تا آخر ببین و تجربه‌ت رو توی کامنت‌ها بنویس ❤️

https://youtu.be/ANUaXcTFoVQ?si=DbjXGb8UMSKRJfnz

آموزش جامع: Infinite Horizontal Scroll با HTML + CSS + JavaScript — از صفر تا انیمیشن حرفه‌ای!

🔥 آماده‌اید تا یکی از جذاب‌ترین افکت‌های فرانت‌اند رو یاد بگیرید؟
در این آموزش جامع، با هم Infinite Horizontal Scroll رو با استفاده از HTML، CSS و JavaScript می‌سازیم — از طراحی پایه تا پیاده‌سازی انیمیشن‌های حرفه‌ای و چشم‌نواز! ✨
با دیدن این ویدیو یاد می‌گیرید چطور بدون هیچ کتابخونه‌ای، یه اسکرول افقی بی‌نهایت، سبک و واکنش‌گرا بسازید که هر کاربری رو شگفت‌زده کنه.
همه‌چیز رو گام‌به‌گام و با توضیحات واضح یاد می‌گیریم تا در پایان، بتونید این افکت جذاب رو در پروژه‌های خودتون هم اجرا کنید. 🚀

📌 موضوعات مهم آموزش:

طراحی ساختار HTML تمیز و بهینه

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

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

بهبود تجربه کاربری با JavaScript و تنظیمات روان

ریسپانسیو کردن و تست در مرورگرهای مختلف

👇 اگه به طراحی‌های حرفه‌ای علاقه‌مندی، این ویدیو رو از دست نده و تا آخر ببین!

https://youtu.be/I5CcssyarBM?si=sEKDadS16TVcoff7

#آموزش_طراحی_وب #آموزش_HTML #آموزش_CSS #آموزش_جاوااسکریپت #انیمیشن_CSS #افکت_اسکرول #پروژه_فرانت_اند #InfiniteScroll #WebDesign #FrontEnd

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


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

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

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

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

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

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

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

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

💬 نظرت درباره این بخش چی بود؟ بنویس تا در جلسه بعدی، دقیق‌تر روی موضوعات مدنظرت کار کنیم ❤️
👇 اگه مفید بود حتماً ویدیو رو لایک و به اشتراک بذار تا انگیزه بگیرم ادامه بدم 🙏
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

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