دوره مجازی قالب وردپرس (آپدیت 2) : responsive کردن قالب - قسمت اول

- visibility ١٨ mode_comment

به نام خدا و سلام . در خدمت شما هستیم با دومین جلسه از آپدیت های دوره مجازی قالب وردپرس. در این جلسه و همون طور که قول داده بودیم قراره قالب طراحی شده رو به صورت responsive یاهمون واکنش گرا در بیاریم. در ابتدا مدیا کوئری هایی رو تعریف می کنیم و به ترتیب از قسمت منو ها کدها ی css مربوطه رو اضافه می کنیم. در بخش منو اصلی که صفحات سایت رو نشون میده در حالت موبایل منو رو به صورت آبشاری نشون میدیم و هم چنین قسمت لوگو رو مخفی می کنیم و فونت عنوان اصلی سایت رو کوچیکتر می کنیم در بخش منوی دسته بندی ها سعی می کنیم منو ها رو به صورت آبشاری نشون بدیم و البته در جلسات بعدی این موارد بیشتر تکمیل می کنیم.

info توجه

این مطلب یک جلسه از دوره طراحی قالب وردپرس می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره طراحی قالب وردپرس

comment دیدگاه کاربران
amin alipour

حیلی منتظرش بودیم ممنون

حامد نجاری

سلام آقای علی محمدی ،
میشه یه مقدار زود تر پاسخ ایمیل بنده رو بدین ؟

reza_yki

خیلی ممنون استاد
پس کی مگا منو رو اموزش میدین مشتاق اون اموزشیم 😀

آموزش قالب ووکامرس رو ایشالله کی شروع می کنید

لقمان آوند

ایشالله آپدیت ماه آینده!
از بین ووکامرس و لاراول یکیشون بعد از این دوره شروع میشه

ervin

ووکامرس ٰ/ ووکامرس D: لطفا نظرسنجی بزارید 🙂

با سلام و خسته نباشید استاد محترم
یک کد میخواستم از شما استاد
این کد که میگم توی مطالب سایت سون لرن که منتشر میشه جلو مطالب یک متن به صورت new در میاد
این کد چطور میشه نوشت اگه این کد را بزارید برام خیلی ممنون میشم
تو گوگل نوتستم پیدا کنم
ممنون

لقمان آوند

سلام
کار خاصی نداره.
تاریخ مطلب رو بگیرید. چک کنید اگر در 24 ساعت اخیر هست یه new چاپ کنید …

زمان الله ابراهیمی

با سلام و عرض ادب
استاد آوند اگه امکان داره یک نمونه کد که همین کار انجام میده همین جا بزارید
من درست متوجه نشدم تشکر 😯

Mohammad Reza

سلام ببخشید یه سوال مبتدی چطور alt . width . hight روبه کد زیر اضاف کنم

لقمان آوند

اینکه یه آدرس تصویر بهتون میده .
اون رو در اتریبوت src تگ img قرار بدید و برای تگ img مذکور می تونید مشخصات css دلخواه رو ست کنید.

Amin Bahrami

یه سوال ، چرا از مدیا کوئری ؟ مگر بوت استرپ و فاندیشن الان همه گیر نشده ؟
چرا طراحی قالب رو با بوت استرپ نمی فرمایید ؟
خیلی ها اصلا علاقه دارند با بوت استرپ قالب سایت رو طراحی کنند .
ممنونم مهندس

وحید صالحی

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

Amin Bahrami

فرمایش شما درست است . من دوره بوت استرپ رو گذروندم . قبلا البته استفاده هم میکردم .توی طراحی قالب برای جوملا از ابتدا از بوت استرپ استفاده میکنیم .
عرض بنده این هست که چرا در آموزش از ابتدا استاد از بوت استرپ استفاده نکردند ؟ نیازی نبود آپدیت های ریسپانسیو .
این طوری مطلب خیلی کاربردی تر می بود .

وحید صالحی

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

Amin Bahrami

مهندس این خیلی خوب هست که مدرس تمامی موارد رو آموزش میدن .
منتهی به نظر من در آموزش های تخصصی نیازی نیست همه پیش نیاز ها رو آموزش بدهند .
برای مثال اصلا آموزش css نمی دهند .
البته سیاست آموزشی که فرمودین بسیار عالی هست . این یک وجه تمایز هست بین آموزش های شما و سایرین .
من بوت استرپ رو بلد بودم . منتهی بوت استرپی رو که شما محبت فرمودین آموزش دادین رو استفاده کردم . با قدرت عرض میکنم که از زمین تا آسمان فرق میکرد با آموزش های در اینترنت . بسیار جامع و کامل بود .
اما به نظر من باید دانشجو رو شیفت بدین به آموزش های تکمیلی . اگر قرار باشه همه چی توی هر آموزشی بیاد صحیح نیست و این سیاست درستی است .
حالا این یه پیشنهاد بود .
بیس آموزش های طراحی قالب ها بوت استرپ باشه .
مرسی

کیوان علی محمدی

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

حمید رضا مصطفی زاده

سلام
میخواستم بپرسم چطور امکان داره کل محتویات یه سایت وردپرسی رو اعم از تصاویر و اخبار و پست ها و کامنت ها و و و و رو به یه غالب جدید دیگه منتقل کنیم جوری که هیچ چیزی به هم نخوره
در مورد این موضوع هیچ صحبتی نکردید تو این دوره

وحید صالحی

شما زمانی که قالب جدیدی رو استفاده کنید تمام موارد با توجه به ویژگی های قالب جدبد درش نمایش داده میشه البته ممکنه بعضی قسمت های یک قالب سفارشی باشه که در قالب جدید هم همون موارد دوباره باید کدنویسی بشه ولی موارد عمومی مثل نمایش پست ها مشکلی نخواهد داشت.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.