🚗🔥 یه قالب خفن برای سایت اجاره خودرو طراحی کردم که فقط با HTML, CSS و JS ساخته شده!
ظاهرش کاملاً حرفهایه، شبیه سایتهای بزرگ مثل دیجیکالا طراحی شده و همهچیز از صفر کدنویسی شده.
به نظرتون آموزش ساخت این قالب رو ضبط کنم و بذارم توی کانال؟ 😍
📌 شامل طراحی:
✅ هدر جذاب + باکس جستجو
✅ لیست خودروها با قیمت و مشخصات
✅ بخش ویژگیهای خدمات
✅ نظرات مشتریان
✅ فرم تماس و فوتر حرفهای
👇 لطفاً توی نظرسنجی زیر شرکت کنین:
منتظر نظرتونم! ❤️
https://www.youtube.com/@replywp/community
ظاهرش کاملاً حرفهایه، شبیه سایتهای بزرگ مثل دیجیکالا طراحی شده و همهچیز از صفر کدنویسی شده.
به نظرتون آموزش ساخت این قالب رو ضبط کنم و بذارم توی کانال؟ 😍
📌 شامل طراحی:
✅ هدر جذاب + باکس جستجو
✅ لیست خودروها با قیمت و مشخصات
✅ بخش ویژگیهای خدمات
✅ نظرات مشتریان
✅ فرم تماس و فوتر حرفهای
👇 لطفاً توی نظرسنجی زیر شرکت کنین:
منتظر نظرتونم! ❤️
https://www.youtube.com/@replywp/community
آموزش PHP پیشرفته جلسه ۶۲ | ساخت تب محبوبترین مطالب، جدیدترین پستها و دیدگاهها 📊🗨
در این جلسه از دوره پیشرفته PHP، میریم سراغ یکی از امکانات جذاب و حرفهای که کاربران عاشقش هستن:
نمایش محبوبترین مطالب، جدیدترین پستها و آخرین دیدگاهها بهصورت تببندی شده!
با این ویژگی، تجربه کاربری سایت رو چند پله ارتقاء میدیم و باعث میشیم مخاطب راحتتر به محتوای پربازدید و تازه دسترسی پیدا کنه.
✅ در این آموزش یاد میگیرید:
ساخت تبهای حرفهای برای بخش محبوبترین، جدیدترین و دیدگاهها
نوشتن فانکشن برای دریافت مطالب محبوب بر اساس تعداد بازدید
نمایش عنوان و تصویر مطالب محبوب
نوشتن فانکشن برای جدیدترین پستها به همراه عنوان، عکس، نویسنده و تاریخ انتشار
ساخت فانکشن برای نمایش دیدگاهها به همراه متن و نویسنده نظر
نمایش حرفهای اطلاعات در قالب HTML + PHP
https://youtu.be/wK6STfhRv40?si=j-69Y9ChPEqL7puj
در این جلسه از دوره پیشرفته PHP، میریم سراغ یکی از امکانات جذاب و حرفهای که کاربران عاشقش هستن:
نمایش محبوبترین مطالب، جدیدترین پستها و آخرین دیدگاهها بهصورت تببندی شده!
با این ویژگی، تجربه کاربری سایت رو چند پله ارتقاء میدیم و باعث میشیم مخاطب راحتتر به محتوای پربازدید و تازه دسترسی پیدا کنه.
✅ در این آموزش یاد میگیرید:
ساخت تبهای حرفهای برای بخش محبوبترین، جدیدترین و دیدگاهها
نوشتن فانکشن برای دریافت مطالب محبوب بر اساس تعداد بازدید
نمایش عنوان و تصویر مطالب محبوب
نوشتن فانکشن برای جدیدترین پستها به همراه عنوان، عکس، نویسنده و تاریخ انتشار
ساخت فانکشن برای نمایش دیدگاهها به همراه متن و نویسنده نظر
نمایش حرفهای اطلاعات در قالب HTML + PHP
https://youtu.be/wK6STfhRv40?si=j-69Y9ChPEqL7puj
❤1
part-62-file.rar
11.6 KB
فایل تمرین جلسه 62
https://youtu.be/wK6STfhRv40?si=j-69Y9ChPEqL7puj
https://youtu.be/wK6STfhRv40?si=j-69Y9ChPEqL7puj
آموزش HTML و CSS پروژهمحور: طراحی صفحه کافیشاپ جذاب ☕️
آیا دوست داری یک صفحه فرود (لندینگ پیج) جذاب برای یک کافیشاپ طراحی کنی؟ توی این ویدیو آموزشی قراره با استفاده از HTML و CSS یک پروژه واقعی و حرفهای رو پیادهسازی کنیم که مناسب سایتهای کافیشاپ، رستوران یا فروشگاههای کوچک هست. این آموزش از صفر تا صد قدمبهقدم جلو میره و برای مبتدیها و حتی طراحان سایت حرفهای عالیه! 💪
📌 در این آموزش یاد میگیری:
چطور با HTML اسکلتبندی صفحه رو بسازی
طراحی مدرن با CSS و رنگبندی مناسب برای موضوع کافیشاپ
استفاده از فونتها و آیکونهای جذاب
طراحی فرم سفارش و دکمههای زیبا
ساخت یک رابط کاربری ساده و کاربرپسند (UI)
🔥 این آموزش بخشی از دوره کامل طراحی قالب HTML و CSS هست و بهت کمک میکنه تسلط بیشتری روی طراحی رابط کاربری پیدا کنی.
📂 ابزارهای استفاده شده:
HTML5، CSS3، فونت فارسی، آیکونها
✅ بدون نیاز به جاوااسکریپت!
💡 این آموزش مناسب چه کسانی هست؟
افرادی که تازه HTML و CSS رو شروع کردن
کسانی که میخوان پروژهمحور تمرین کنن
https://youtu.be/Ps9ppkKVNmg?si=-Zl1wgqeQqzypfoV
آیا دوست داری یک صفحه فرود (لندینگ پیج) جذاب برای یک کافیشاپ طراحی کنی؟ توی این ویدیو آموزشی قراره با استفاده از HTML و CSS یک پروژه واقعی و حرفهای رو پیادهسازی کنیم که مناسب سایتهای کافیشاپ، رستوران یا فروشگاههای کوچک هست. این آموزش از صفر تا صد قدمبهقدم جلو میره و برای مبتدیها و حتی طراحان سایت حرفهای عالیه! 💪
📌 در این آموزش یاد میگیری:
چطور با HTML اسکلتبندی صفحه رو بسازی
طراحی مدرن با CSS و رنگبندی مناسب برای موضوع کافیشاپ
استفاده از فونتها و آیکونهای جذاب
طراحی فرم سفارش و دکمههای زیبا
ساخت یک رابط کاربری ساده و کاربرپسند (UI)
🔥 این آموزش بخشی از دوره کامل طراحی قالب HTML و CSS هست و بهت کمک میکنه تسلط بیشتری روی طراحی رابط کاربری پیدا کنی.
📂 ابزارهای استفاده شده:
HTML5، CSS3، فونت فارسی، آیکونها
✅ بدون نیاز به جاوااسکریپت!
💡 این آموزش مناسب چه کسانی هست؟
افرادی که تازه HTML و CSS رو شروع کردن
کسانی که میخوان پروژهمحور تمرین کنن
https://youtu.be/Ps9ppkKVNmg?si=-Zl1wgqeQqzypfoV
آموزش طراحی قالب فروشگاهی وردپرس با ووکامرس | جلسه 7: شروع هماهنگسازی با ووکامرس
در این جلسه از دوره طراحی قالب فروشگاهی وردپرس، وارد دنیای ووکامرس میشیم! 😍 اگر قصد دارید یک فروشگاه اینترنتی حرفهای با وردپرس و ووکامرس راهاندازی کنید و قالب اختصاصی خودتون رو طراحی کنید، این جلسه نقطه شروع شماست!
در این آموزش قدمبهقدم یاد میگیریم:
چطور قالب وردپرس رو با ووکامرس هماهنگ کنیم
فایل woocommerce.php رو برای پشتیبانی از فروشگاه بسازیم
فایلهای اصلی ووکامرس رو برای شخصیسازی انتقال بدیم
ساخت و کاربرد فایلهای مهم مثل header-shop.php, page.php, و single.php
معرفی منابع کاربردی برای طراحی بهتر قالب ووکامرس
🔥 این جلسه، شروع بخش فروشگاهی سایت شماست و نقش کلیدی توی توسعه قالب فروشگاهی داره.
🛠 ابزارها و تکنولوژیها:
وردپرس
ووکامرس
PHP
قالبسازی حرفهای
🎓 مناسب برای:
طراحان قالب وردپرس
برنامهنویسان PHP
فروشگاهسازهای آنلاین
علاقمندان به ساخت قالب اختصاصی ووکامرس
✅ اگر قصد دارید یک قالب فروشگاهی حرفهای طراحی کنید، این جلسه را از دست ندهید!
https://youtu.be/jTU-6y0tJhc?si=tFWcf0fri_yyFdyx
در این جلسه از دوره طراحی قالب فروشگاهی وردپرس، وارد دنیای ووکامرس میشیم! 😍 اگر قصد دارید یک فروشگاه اینترنتی حرفهای با وردپرس و ووکامرس راهاندازی کنید و قالب اختصاصی خودتون رو طراحی کنید، این جلسه نقطه شروع شماست!
در این آموزش قدمبهقدم یاد میگیریم:
چطور قالب وردپرس رو با ووکامرس هماهنگ کنیم
فایل woocommerce.php رو برای پشتیبانی از فروشگاه بسازیم
فایلهای اصلی ووکامرس رو برای شخصیسازی انتقال بدیم
ساخت و کاربرد فایلهای مهم مثل header-shop.php, page.php, و single.php
معرفی منابع کاربردی برای طراحی بهتر قالب ووکامرس
🔥 این جلسه، شروع بخش فروشگاهی سایت شماست و نقش کلیدی توی توسعه قالب فروشگاهی داره.
🛠 ابزارها و تکنولوژیها:
وردپرس
ووکامرس
PHP
قالبسازی حرفهای
🎓 مناسب برای:
طراحان قالب وردپرس
برنامهنویسان PHP
فروشگاهسازهای آنلاین
علاقمندان به ساخت قالب اختصاصی ووکامرس
✅ اگر قصد دارید یک قالب فروشگاهی حرفهای طراحی کنید، این جلسه را از دست ندهید!
https://youtu.be/jTU-6y0tJhc?si=tFWcf0fri_yyFdyx
آموزش ساخت فرم ورود و ثبتنام متحرک با HTML CSS JavaScript | فرم لاگین و عضویت مدرن
توی این آموزش قراره یک فرم ورود و ثبتنام انیمیشنی کاملاً حرفهای طراحی کنیم فقط با استفاده از HTML، CSS و JavaScript. اگه دنبال ساخت یه فرم شیک و مدرن برای سایتت هستی یا میخوای تجربه جذابی از کار با فرمها داشته باشی، این آموزش مخصوص توئه! این ویدیو کاملاً پروژهمحوره و قدمبهقدم جلو میریم.
https://youtu.be/3JVnuEkWlLk?si=gDAZAeeNbcDROnsI
توی این آموزش قراره یک فرم ورود و ثبتنام انیمیشنی کاملاً حرفهای طراحی کنیم فقط با استفاده از HTML، CSS و JavaScript. اگه دنبال ساخت یه فرم شیک و مدرن برای سایتت هستی یا میخوای تجربه جذابی از کار با فرمها داشته باشی، این آموزش مخصوص توئه! این ویدیو کاملاً پروژهمحوره و قدمبهقدم جلو میریم.
https://youtu.be/3JVnuEkWlLk?si=gDAZAeeNbcDROnsI
🌸 سلام دوستان خوبم...
امیدوارم هر جا که هستید، سلامت و در پناه خدا باشید. میدونم این روزها دل خیلیهامون آروم نیست... صدای ناامنی و خبرهای تلخ، حال دل همهمون رو گرفته.
اما بیایید فراموش نکنیم که حتی در تاریکترین شبها، ستارهها روشنتر میدرخشن. 🌟
همین روزهای سختن که ما رو کنار هم نگه میدارن، قویتر میکنن، و یادمون میندازن که چقدر "با هم بودن" ارزشمنده.
ما دوباره برگشتیم تا اینجا، توی همین فضای کوچیک ولی گرم، دلهامون رو آروم کنیم، یاد بگیریم، پیش بریم و امید رو زنده نگه داریم.
زندگی ادامه داره، حتی اگه کند و سخت...
و ما هنوز میتونیم با هم، قدم به قدم، نور بیاریم به این روزهای تار.
💙 مراقب خودتون و عزیزاتون باشید.
و بدونید که تنها نیستید... ما اینجاییم، کنار هم.
با احترام و صمیمیت
زمان الله ابراهیمی
امیدوارم هر جا که هستید، سلامت و در پناه خدا باشید. میدونم این روزها دل خیلیهامون آروم نیست... صدای ناامنی و خبرهای تلخ، حال دل همهمون رو گرفته.
اما بیایید فراموش نکنیم که حتی در تاریکترین شبها، ستارهها روشنتر میدرخشن. 🌟
همین روزهای سختن که ما رو کنار هم نگه میدارن، قویتر میکنن، و یادمون میندازن که چقدر "با هم بودن" ارزشمنده.
ما دوباره برگشتیم تا اینجا، توی همین فضای کوچیک ولی گرم، دلهامون رو آروم کنیم، یاد بگیریم، پیش بریم و امید رو زنده نگه داریم.
زندگی ادامه داره، حتی اگه کند و سخت...
و ما هنوز میتونیم با هم، قدم به قدم، نور بیاریم به این روزهای تار.
💙 مراقب خودتون و عزیزاتون باشید.
و بدونید که تنها نیستید... ما اینجاییم، کنار هم.
با احترام و صمیمیت
زمان الله ابراهیمی
آموزش طراحی قالب اجاره خودرو با HTML CSS JS | حرفهای و واکنشگرا 🚗🔥
در این ویدیو از سری آموزشهای پروژهمحور طراحی وب، با هم یک قالب حرفهای سایت اجاره خودرو رو با استفاده از HTML، CSS و JavaScript پیادهسازی میکنیم. این قالب کاملاً واکنشگرا (Responsive) بوده و برای نمایش در دسکتاپ، تبلت و موبایل بهینه شده است. 🌐📱
🔧 در این آموزش یاد میگیرید:
طراحی بخش معرفی خودرو و فرم جستجو
ساخت اسلایدر لیست خودروهای قابل اجاره
طراحی بخش نظرات مشتریان و ویژگیها
پیادهسازی فرم تماس با ما و فوتر حرفهای
طراحی مدرن با رنگبندی جذاب و کاربرپسند
💡 این قالب مناسب برای پروژههای شخصی، رزومه کاری یا راهاندازی سایت اجاره خودرو میباشد. اگر به دنبال یادگیری طراحی قالبهای حرفهای بدون نیاز به وردپرس هستید، این ویدیو مخصوص شماست.
https://youtu.be/Nkof0JEcMZ8?si=sxJeUKnmCXdxI59r
در این ویدیو از سری آموزشهای پروژهمحور طراحی وب، با هم یک قالب حرفهای سایت اجاره خودرو رو با استفاده از HTML، CSS و JavaScript پیادهسازی میکنیم. این قالب کاملاً واکنشگرا (Responsive) بوده و برای نمایش در دسکتاپ، تبلت و موبایل بهینه شده است. 🌐📱
🔧 در این آموزش یاد میگیرید:
طراحی بخش معرفی خودرو و فرم جستجو
ساخت اسلایدر لیست خودروهای قابل اجاره
طراحی بخش نظرات مشتریان و ویژگیها
پیادهسازی فرم تماس با ما و فوتر حرفهای
طراحی مدرن با رنگبندی جذاب و کاربرپسند
💡 این قالب مناسب برای پروژههای شخصی، رزومه کاری یا راهاندازی سایت اجاره خودرو میباشد. اگر به دنبال یادگیری طراحی قالبهای حرفهای بدون نیاز به وردپرس هستید، این ویدیو مخصوص شماست.
https://youtu.be/Nkof0JEcMZ8?si=sxJeUKnmCXdxI59r
در این آموزش حرفهای طراحی قالب ووکامرس، یاد میگیرید چگونه میتوانید محصولات مختلف تکی (تک محصولی) را مانند تصویر محصول، قیمت و تبها و توضیحات را به صورت کامل حذف کنید یا شخصیسازی کنید.
این آموزش برای کسانی که قصد دارند ظاهر فروشگاه اینترنتیشان را کاملاً سفارشی کنند و طراحی خاص خود را پیادهسازی کنند بسیار کاربردی است.
با استفاده از توابع ووکامرس، فیلترها و حذف هوشمندانه اکشنها، به راحتی میتونید قالب تک محصولی را تمیز و مینیمال کنید.
اگر به شخصیسازی قالب ووکامرس و طراحی فروشگاه خاصبهفردسازی علاقه مند هستید، این آموزش را از دست میدهید!
✅ اگر قصد دارید یک قالب فروشگاهی حرفهای طراحی کنید، این جلسه را از دست ندهید!
https://youtu.be/wzwZJA2lL6c?si=I1LD9zO5OsG_Loep
این آموزش برای کسانی که قصد دارند ظاهر فروشگاه اینترنتیشان را کاملاً سفارشی کنند و طراحی خاص خود را پیادهسازی کنند بسیار کاربردی است.
با استفاده از توابع ووکامرس، فیلترها و حذف هوشمندانه اکشنها، به راحتی میتونید قالب تک محصولی را تمیز و مینیمال کنید.
اگر به شخصیسازی قالب ووکامرس و طراحی فروشگاه خاصبهفردسازی علاقه مند هستید، این آموزش را از دست میدهید!
✅ اگر قصد دارید یک قالب فروشگاهی حرفهای طراحی کنید، این جلسه را از دست ندهید!
https://youtu.be/wzwZJA2lL6c?si=I1LD9zO5OsG_Loep
YouTube
آموزش طراحی قالب ووکامرس | حذف تصویر، قیمت و تبها در single-product 💥
در این آموزش حرفهای طراحی قالب ووکامرس، یاد میگیرید چگونه میتوانید محصولات مختلف تکی (تک محصولی) را مانند تصویر محصول، قیمت و تبها و توضیحات را به صورت کامل حذف کنید یا شخصیسازی کنید.
این آموزش برای کسانی که قصد دارند ظاهر فروشگاه اینترنتیشان را کاملاً…
این آموزش برای کسانی که قصد دارند ظاهر فروشگاه اینترنتیشان را کاملاً…
جلسه ۱۶ از آموزش پروژهمحور طراحی قالب HTML و CSS، به آخرین مرحله از ساخت سایدبار چسبان حرفهای میرسیم. در این جلسه به استایلدهی کامل و حرفهای برای بخش جدیدترین مطالب میپردازیم و در ادامه، دیدگاههای کاربران را در قالب تب جداگانه نمایش میدهیم.
✅ استایل تصویر و عنوان جدیدترین مطالب
✅ طراحی خلاصه متن و متای مقالات اخیر
✅ پیادهسازی بخش دیدگاهها در سایدبار
✅ کدنویسی HTML و CSS دیدگاه کاربران
✅ طراحی ریسپانسیو و جذاب برای نمایش اطلاعات مهم
https://youtu.be/LDt-DmWq4qg?si=f6GVUqT0Md-fofbH
✅ استایل تصویر و عنوان جدیدترین مطالب
✅ طراحی خلاصه متن و متای مقالات اخیر
✅ پیادهسازی بخش دیدگاهها در سایدبار
✅ کدنویسی HTML و CSS دیدگاه کاربران
✅ طراحی ریسپانسیو و جذاب برای نمایش اطلاعات مهم
https://youtu.be/LDt-DmWq4qg?si=f6GVUqT0Md-fofbH
YouTube
آموزش طراحی قالب فروشگاهی HTML و CSS جلسه ۱۶ | استایلدهی حرفهای جدیدترین مطالب
در جلسه ۱۶ از آموزش پروژهمحور طراحی قالب HTML و CSS، به آخرین مرحله از ساخت سایدبار چسبان حرفهای میرسیم. در این جلسه به استایلدهی کامل و حرفهای برای بخش جدیدترین مطالب میپردازیم و در ادامه، دیدگاههای کاربران را در قالب تب جداگانه نمایش میدهیم.
✅…
✅…
جلسه ۶۶ از دوره آموزش PHP پیشرفته، با هم یاد میگیریم چطور نظرات کاربران را در صفحه اصلی سایت نمایش بدهیم و تجربه کاربری را افزایش دهیم.
همچنین ساختار دیتابیس برای تصویر تبلیغات را طراحی میکنیم تا از طریق پنل مدیریت، تصاویر تبلیغاتی را ثبت و بهروزرسانی کنیم.
🔹 اصلاح لینک کلیک بخش نظرات در سایدبار
🔹 نمایش متن نظرات و نام نویسنده بالای فوتر
🔹 طراحی ساختار دیتابیس برای تبلیغات تصویری
🔹 ساخت توابع PHP برای افزودن اطلاعات تبلیغ
🔹 نوشتن تابع برای آپدیت تصویر در پایگاه داده
🔹 ترکیب front-end و back-end برای نظرات و تبلیغات
این جلسه ترکیبی از طراحی ظاهری حرفهای و کدنویسی سمت سرور برای ثبت و نمایش دادههای واقعی است.
https://youtu.be/pQRkhjPJEPQ?si=bcItpRTGdRW5FGSz
همچنین ساختار دیتابیس برای تصویر تبلیغات را طراحی میکنیم تا از طریق پنل مدیریت، تصاویر تبلیغاتی را ثبت و بهروزرسانی کنیم.
🔹 اصلاح لینک کلیک بخش نظرات در سایدبار
🔹 نمایش متن نظرات و نام نویسنده بالای فوتر
🔹 طراحی ساختار دیتابیس برای تبلیغات تصویری
🔹 ساخت توابع PHP برای افزودن اطلاعات تبلیغ
🔹 نوشتن تابع برای آپدیت تصویر در پایگاه داده
🔹 ترکیب front-end و back-end برای نظرات و تبلیغات
این جلسه ترکیبی از طراحی ظاهری حرفهای و کدنویسی سمت سرور برای ثبت و نمایش دادههای واقعی است.
https://youtu.be/pQRkhjPJEPQ?si=bcItpRTGdRW5FGSz
YouTube
آموزش PHP پیشرفته جلسه ۶۶ | نمایش نظرات کاربران در صفحه اصلی + ساخت دیتابیس تبلیغات 💬🖼️
در جلسه ۶۶ از دوره آموزش PHP پیشرفته، با هم یاد میگیریم چطور نظرات کاربران را در صفحه اصلی سایت نمایش بدهیم و تجربه کاربری را افزایش دهیم.
همچنین ساختار دیتابیس برای تصویر تبلیغات را طراحی میکنیم تا از طریق پنل مدیریت، تصاویر تبلیغاتی را ثبت و بهروزرسانی…
همچنین ساختار دیتابیس برای تصویر تبلیغات را طراحی میکنیم تا از طریق پنل مدیریت، تصاویر تبلیغاتی را ثبت و بهروزرسانی…
جلسه ۹ از دوره آموزش طراحی قالب فروشگاهی وردپرس، بهصورت پروژهمحور یاد میگیریم چطور صفحه محصول تکی (single-product) را بهصورت کامل شخصیسازی کنیم. در این جلسه:
🔸 سایدبار پیشفرض ووکامرس (sidebar-shop) را حذف میکنیم
🔸 فایل اختصاصی sidebar-shop.php برای نمایش محتوای دلخواه میسازیم
🔸 سیستم breadcrumb ووکامرس را اضافه و استایل آن را سفارشیسازی میکنیم
🔸 عنوان، خلاصه، دستهبندی و محتوای کامل هر محصول را نمایش میدهیم
اگر قصد دارید قالب فروشگاهی خود را از صفر طراحی کرده و ظاهر صفحات محصول را کاملاً حرفهای کنید، این آموزش برای شماست!
https://youtu.be/ARfp4VSk0ZM?si=GipXjVpCc7vPG8Fi
🔸 سایدبار پیشفرض ووکامرس (sidebar-shop) را حذف میکنیم
🔸 فایل اختصاصی sidebar-shop.php برای نمایش محتوای دلخواه میسازیم
🔸 سیستم breadcrumb ووکامرس را اضافه و استایل آن را سفارشیسازی میکنیم
🔸 عنوان، خلاصه، دستهبندی و محتوای کامل هر محصول را نمایش میدهیم
اگر قصد دارید قالب فروشگاهی خود را از صفر طراحی کرده و ظاهر صفحات محصول را کاملاً حرفهای کنید، این آموزش برای شماست!
https://youtu.be/ARfp4VSk0ZM?si=GipXjVpCc7vPG8Fi
YouTube
آموزش طراحی قالب فروشگاهی وردپرس جلسه ۹ | ساخت صفحه محصول حرفهای + حذف سایدبار و افزودن breadcrumb
در جلسه ۹ از دوره آموزش طراحی قالب فروشگاهی وردپرس، بهصورت پروژهمحور یاد میگیریم چطور صفحه محصول تکی (single-product) را بهصورت کامل شخصیسازی کنیم. در این جلسه:
🔸 سایدبار پیشفرض ووکامرس (sidebar-shop) را حذف میکنیم
🔸 فایل اختصاصی sidebar-shop.php…
🔸 سایدبار پیشفرض ووکامرس (sidebar-shop) را حذف میکنیم
🔸 فایل اختصاصی sidebar-shop.php…
در این قسمت از دوره آموزش طراحی سایت با Bootstrap و HTML5 میریم سراغ طراحی بخش ویدیو لیستها! 🎬
در این جلسه موارد زیر رو یاد میگیریم
✅ طراحی اولیه ویدیو لیستها
✅ استفاده از کامنتها برای مرتبسازی کدها
✅ کار با تگهای HTML5
✅ تعیین رنگ و پسزمینه مناسب برای باکس ویدیوها
✅ قرار دادن عنوان و زیرعنوان
✅ استفاده از کلاسها و ساختارهای بوتاسترپ
✅ ساخت تبهای کاربردی برای نمایش ویدیوها
✅ استفاده از تگ video برای نمایش ویدیو مستقیم در https://youtu.be/LTVSTm49Ae4?si=px7XuN4I95Wa2l_7
در این جلسه موارد زیر رو یاد میگیریم
✅ طراحی اولیه ویدیو لیستها
✅ استفاده از کامنتها برای مرتبسازی کدها
✅ کار با تگهای HTML5
✅ تعیین رنگ و پسزمینه مناسب برای باکس ویدیوها
✅ قرار دادن عنوان و زیرعنوان
✅ استفاده از کلاسها و ساختارهای بوتاسترپ
✅ ساخت تبهای کاربردی برای نمایش ویدیوها
✅ استفاده از تگ video برای نمایش ویدیو مستقیم در https://youtu.be/LTVSTm49Ae4?si=px7XuN4I95Wa2l_7
YouTube
جلسه ۱۷ | ساخت ویدیو لیست حرفهای با Bootstrap و HTML5
در این قسمت از دوره آموزش طراحی سایت با Bootstrap و HTML5 میریم سراغ طراحی بخش ویدیو لیستها! 🎬
در این جلسه موارد زیر رو یاد میگیریم
✅ طراحی اولیه ویدیو لیستها
✅ استفاده از کامنتها برای مرتبسازی کدها
✅ کار با تگهای HTML5
✅ تعیین رنگ و پسزمینه مناسب…
در این جلسه موارد زیر رو یاد میگیریم
✅ طراحی اولیه ویدیو لیستها
✅ استفاده از کامنتها برای مرتبسازی کدها
✅ کار با تگهای HTML5
✅ تعیین رنگ و پسزمینه مناسب…
در جلسه ۶۷ از دوره آموزش PHP پیشرفته، بهصورت پروژهمحور یاد میگیریم چگونه تصاویر تبلیغاتی را در دیتابیس ذخیره و در بخشهای مختلف سایت مانند پنل کاربری و صفحه اصلی نمایش دهیم.
✔️ ثبت اطلاعات تبلیغات شامل تصویر و لینک در پایگاه داده
✔️ نمایش تصاویر تبلیغاتی در پنل مدیریت سایت
✔️ نمایش لینکهای مرتبط با هر تصویر
✔️ تست بروز رسانی اطلاعات تبلیغاتی
✔️ نمایش تبلیغات ثبتشده در صفحه اصلی وبسایت
اگر میخوای یک سیستم تبلیغات پویا و قابل مدیریت بسازی که بدون نیاز به کدنویسی دستی آپدیت بشه، این جلسه مخصوص توئه!
https://youtu.be/lnCd0wsLsxQ?si=-He8simR1EgRwgfO
✔️ ثبت اطلاعات تبلیغات شامل تصویر و لینک در پایگاه داده
✔️ نمایش تصاویر تبلیغاتی در پنل مدیریت سایت
✔️ نمایش لینکهای مرتبط با هر تصویر
✔️ تست بروز رسانی اطلاعات تبلیغاتی
✔️ نمایش تبلیغات ثبتشده در صفحه اصلی وبسایت
اگر میخوای یک سیستم تبلیغات پویا و قابل مدیریت بسازی که بدون نیاز به کدنویسی دستی آپدیت بشه، این جلسه مخصوص توئه!
https://youtu.be/lnCd0wsLsxQ?si=-He8simR1EgRwgfO
YouTube
آموزش PHP پیشرفته جلسه ۶۷ | ثبت و نمایش تصویر تبلیغات در دیتابیس + مدیریت از پنل کاربری 🖼️⚙️
در جلسه ۶۷ از دوره آموزش PHP پیشرفته، بهصورت پروژهمحور یاد میگیریم چگونه تصاویر تبلیغاتی را در دیتابیس ذخیره و در بخشهای مختلف سایت مانند پنل کاربری و صفحه اصلی نمایش دهیم.
✔️ ثبت اطلاعات تبلیغات شامل تصویر و لینک در پایگاه داده
✔️ نمایش تصاویر تبلیغاتی…
✔️ ثبت اطلاعات تبلیغات شامل تصویر و لینک در پایگاه داده
✔️ نمایش تصاویر تبلیغاتی…
در جلسه دهم از دوره طراحی قالب فروشگاهی وردپرس، با استفاده از افزونه قدرتمند CMB2 یاد میگیریم چطور یک سیستم تنظیمات حرفهای برای قالب خود پیادهسازی کنیم.
این تنظیمات به مدیر سایت اجازه میدهد بهراحتی بخشهای مختلف قالب را بدون نیاز به کدنویسی مدیریت کند.
✅ نصب و فراخوانی افزونه CMB2
✅ ساخت متاباکس و فیلدهای تنظیمات قالب
✅ پیادهسازی تببندی تنظیمات برای دستهبندی بهتر
✅ فراخوانی فایلهای تنظیمات و ماژولها در functions.php
✅ آمادهسازی پنل اختصاصی برای تنظیمات عمومی قالب
اگر بهدنبال ساخت یک قالب وردپرس حرفهای و قابل تنظیم هستی، این آموزش پایهای و کاربردی را از دست نده!
✅ اگر قصد دارید یک قالب فروشگاهی حرفهای طراحی کنید، این جلسه را از دست https://youtu.be/GSQ7KSSSYso?si=unrOoRmrLESvlPnj
این تنظیمات به مدیر سایت اجازه میدهد بهراحتی بخشهای مختلف قالب را بدون نیاز به کدنویسی مدیریت کند.
✅ نصب و فراخوانی افزونه CMB2
✅ ساخت متاباکس و فیلدهای تنظیمات قالب
✅ پیادهسازی تببندی تنظیمات برای دستهبندی بهتر
✅ فراخوانی فایلهای تنظیمات و ماژولها در functions.php
✅ آمادهسازی پنل اختصاصی برای تنظیمات عمومی قالب
اگر بهدنبال ساخت یک قالب وردپرس حرفهای و قابل تنظیم هستی، این آموزش پایهای و کاربردی را از دست نده!
✅ اگر قصد دارید یک قالب فروشگاهی حرفهای طراحی کنید، این جلسه را از دست https://youtu.be/GSQ7KSSSYso?si=unrOoRmrLESvlPnj
YouTube
آموزش طراحی قالب فروشگاهی وردپرس جلسه ۱۰ | ساخت تنظیمات حرفهای قالب با CMB2 + تببندی پیشرفته ⚙️🔥
در جلسه دهم از دوره طراحی قالب فروشگاهی وردپرس، با استفاده از افزونه قدرتمند CMB2 یاد میگیریم چطور یک سیستم تنظیمات حرفهای برای قالب خود پیادهسازی کنیم.
این تنظیمات به مدیر سایت اجازه میدهد بهراحتی بخشهای مختلف قالب را بدون نیاز به کدنویسی مدیریت کند.…
این تنظیمات به مدیر سایت اجازه میدهد بهراحتی بخشهای مختلف قالب را بدون نیاز به کدنویسی مدیریت کند.…
در جلسه ۱۸ از دوره آموزش طراحی سایت با Bootstrap، طراحی لیست ویدیوها را بهصورت حرفهای و کاربردی تکمیل میکنیم. با استفاده از تببندی، آیکونها، Flexbox و کدهای بوتاسترپ، یک رابط کاربری مدرن و جذاب برای نمایش ویدیوهای سایت ایجاد میکنیم.
✅ پیادهسازی تبها برای دستهبندی ویدیوها
✅ استفاده از تصویر بهجای متن برای جذابیت بیشتر
✅ وارد کردن عنوان، تصویر و تاریخ انتشار هر ویدیو
✅ استفاده از Flex برای چینش حرفهای محتوا
✅ استایلدهی کامل به تمام عناصر لیست ویدیو
✅ استفاده از آیکونها برای بهبود تجربه کاربری
اگر قصد دارید بخش ویدیویی سایت خود را به شکل حرفهای طراحی کنید، این جلسه دقیقاً چیزی است که نیاز دارید.
https://youtu.be/gV0osYe_01A?si=EuQ-pTX79X1nSDZq
✅ پیادهسازی تبها برای دستهبندی ویدیوها
✅ استفاده از تصویر بهجای متن برای جذابیت بیشتر
✅ وارد کردن عنوان، تصویر و تاریخ انتشار هر ویدیو
✅ استفاده از Flex برای چینش حرفهای محتوا
✅ استایلدهی کامل به تمام عناصر لیست ویدیو
✅ استفاده از آیکونها برای بهبود تجربه کاربری
اگر قصد دارید بخش ویدیویی سایت خود را به شکل حرفهای طراحی کنید، این جلسه دقیقاً چیزی است که نیاز دارید.
https://youtu.be/gV0osYe_01A?si=EuQ-pTX79X1nSDZq
YouTube
آموزش طراحی سایت با Bootstrap جلسه ۱۸ | لیست ویدیوهای حرفهای با تب، تصویر، تاریخ و استایل جذاب 🎥🔥
در جلسه ۱۸ از دوره آموزش طراحی سایت با Bootstrap، طراحی لیست ویدیوها را بهصورت حرفهای و کاربردی تکمیل میکنیم. با استفاده از تببندی، آیکونها، Flexbox و کدهای بوتاسترپ، یک رابط کاربری مدرن و جذاب برای نمایش ویدیوهای سایت ایجاد میکنیم.
✅ پیادهسازی تبها…
✅ پیادهسازی تبها…
part-16-file.zip
13.6 KB
فایل تمرین جلسه ۱۶ از آموزش پروژهمحور طراحی قالب HTML و CSS به درخواست دوستان عزیز