مدرس دوره

نبی عبدی

زمان ویدیو

16:07 دقیقه

برو به دیگر جلسات

آموزش المنتور

برای دانلود ویدیو

وارد شوید

آموزش طراحی هدر و منو در المنتور

منتشر شده در تاریخ : 2, مرداد, 1401

در این جلسه از سری جلسات آموزش المنتور رایگان آکادمی وبکیما، می خواهیم اولین بخش سایت یعنی همان هدر وب سایت را طراحی کنیم، پس حتما تا انتهای این آموزش ویدیویی همراه ما باشید تا در انتها بتوانید یک هدر زیبا برای سایت خود طراحی کنید.

ساخت هدر در المنتور

معمولا در شروع طراحی سایت با المنتور اولین بخشی از سایت که باید شروع به طراحی کنید، همین طراحی هدر سایت است. پس در این جلسه یک هدر جذاب را در کنار هم طراحی خواهیم کرد. در زیر می‌توانید هدری که در این جلسه طراحی خواهیم کرد را مشاهده کنید.

آموزش طراحی هدر و منو در المنتور

ساخت فهرست در وردپرس

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

چگونه لوگو برای سایتم بسازم؟

اگر نیاز به یک لوگوی جذاب برای سایت خود دارید و نمی خواهید بابت طراحی لوگو هزینه پرداخت کنید، باز هم نگران نباشید، دوباره یک لیوان آب بخورید (چون آب واستون خوبه بخدا!) بعد به آموزش ویدیویی طراحی لوگو رایگان مراجعه کرده و یک لوگوی جذاب برای خودتون طراحی کنید.

جمع بندی

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

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

4.4/5 - (38 امتیاز)

نظرات در “آموزش طراحی هدر و منو در المنتور

  1. sepahizadeh میگوید:

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

    پیشاپیش از راهنمایی شما سپاسگزارم

    • پشتیبانی میگوید:

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

      • sepahizadeh میگوید:

        سپاسگزارم

  2. مسعود میگوید:

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

    • پشتیبانی میگوید:

      از داخل تنظیمات منو می‌توانید این موارد را تنظیم کنید.

  3. امیر حسین میگوید:

    من موقعی که یه منو درست میکنم یهو میبینم پایین فهرست ها یه مستطیل سیاهه که توش مثبت و منفی داره

    • پشتیبانی میگوید:

      این موارد به دلیل اختلال افزونه‌ای به وجود میاد، اختلال افزونه‌ای را بررسی کنید.

  4. رسول میگوید:

    وکتور و انیمیشن هایی که در داخل آموزش هاتون استفائه می کنید از کجا دانلود می کنید؟

  5. فرزین میگوید:

    منو رو از قبل ساخته بودید و یاد نگرفتیم چطوری درست کنیم منو رو؟؟؟

  6. hamid میگوید:

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

    • پشتیبانی میگوید:

      سلام آقا حمید عزیز، توجه داشته باشید که پاسخ به سوالات در بخش دیدگاه‌های سایت محدودیت‌های بسیار زیادی دارد، اگر می‌خواهید که کامنت‌تان تایید و پاسخ داده شود باید سوال را واضح و با جزئیات کامل بپرسید و حتی اگر نیاز بود از طرح خود اسکرین شات بگیرید و لینک آن را در کامنت قرار دهید تا بتوانیم به بهترین شکل ممکن پاسخگوی سوالات شما باشیم.

  7. فرود حاتم پور میگوید:

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

    • پشتیبانی میگوید:

      باسلام، توجه کنید که موارد حرفه‌ای را در دوره المنتور پیشرفته به صورت کامل آموزش داده‌ایم که می‌توانید استفاده کنید.

  8. محمد میگوید:

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

    • پشتیبانی میگوید:

      ممنون از همراهی شما آقا محمد عزیز.

  9. محمد میگوید:

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

    • پشتیبانی میگوید:

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

  10. احمد میگوید:

    سلام برگه رو درست کردیم و منو و تمام بخش ها درست شد قالب قبلی که نصیب کردیم( من دمو قالب رو نصب کردم) باید حذف بشه؟ و این برگه به کل سایت اعمال میشه تا مطالب منو ها هر کدوم سرجاش بیاد و نمایش داده بشه باید بعد ساخت بریم روی گزینه نمایش ورد پرس؟

    • پشتیبانی میگوید:

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

  11. narcis میگوید:

    با سلام
    زیر منو ها دقیقا زیر گزینه مربوطه باز نمیشن و کمی فاصله دارن چطور میشه این فاصله رو تصییح کرد.

    • پشتیبانی میگوید:

      باسلام، اگر کمی داخل تنظیمات منو بررسی کنید، می‌توانید گزینه مربوط به تنظیم فاصله از منوی اصلی را پیدا کرده و آن را تنظیم کنید.

  12. reza میگوید:

    سلام درود خسته نباشید
    ببخشید یه سوال منو سایت خوب وبکیما با چه چیزی طراحی شده چون با المنتور د نمیشه داخل منو عکس قرار داد

    • پشتیبانی میگوید:

      باسلام و احترام، منوی سایت وبکیما به صورت اختصاصی طراحی شده است، طراحی مگامنوها در دوره طراحی سایت دیجی کالا به صورت کامل آموزش داده شده است.

  13. وبمستر میگوید:

    باسلام مجدد.. خب استاد اگه همینطوری هم بسازیم و تگ html سکشن (مربوط به هدر) را روی header قرار دهیم به جهت تگ بندی هم درست میشه و در قسمت source تگ هدر برای سایت ایجاد میشه و اصولی هست دیگه؟ سپاس فراوان

    • پشتیبانی میگوید:

      باسلام، بله مشکلی ندارد و می‌توانید به همین روش عمل کنید.

  14. وبمستر میگوید:

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

    • پشتیبانی میگوید:

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

  15. علی میگوید:

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

    • پشتیبانی میگوید:

      باسلام، ممکن است که تنظیمات هدر سایت را به درستی انجام نداده باشید.

  16. محمود میگوید:

    با سلام و تشکر از راهنمایی های خوب شما، من برای قرار دادن منوهای بالای صفحه در المنتور نمی توانم از ابزارهای قسمت site استفاده کنم بلافاصله بعد از انتخاب ابزار مورد نظر مثلا Nav menu ویجت می آید

    • پشتیبانی میگوید:

      باسلام، سوالتان واضح نیست، در این رابطه یک اسکرین شات ارسال کنید تا بتوانیم بررسی کنیم.

  17. سحر غفاری میگوید:

    سلام وقتتون ب خیر
    چطور میتونم اون ویدیو ک در اول صفحه آپلود کردین رو پیدا کنم (ویدیو ۹ ثانیه ای ک بعدا ب انیمیشن تبدیلش میکنید)
    ممنون میشم اگر ب صورت کامل توضیح بدید

  18. میثم میگوید:

    سلام وقت بخیر استاد سوالی داشتم در مورد تیک موتور جستجو گر مدتی هست گذاشتم که ایندکس نشه چون خیلی کار داره نمیخوام ایندکس بشه این ار نظر شماره مشکلی پیش نمیاره ؟؟ یه چند هفته ای باید رو این حالت بمانه

    • پشتیبانی میگوید:

      با سلام، لطفا این سوال خود را در صفحه آموزش سئو مطرح کنید.

  19. mohsen میگوید:

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

    • پشتیبانی میگوید:

      سلام، ویدیو بررسی شد و مشکلی وجود نداشت، ممکن است که این مشکل از مرورگر شما باشد، گاهی اوقات با استفاده از کلید های Ctrl+F5 کش مرورگر را خالی کنید تا این مشکلات را حذف کنید.

      • mohsen میگوید:

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

      • پشتیبانی میگوید:

        بله متاسفانه زیرساخت های اینترنت در کشور بسیار ضعیف است و امیدواریم که زودتر این گونه مشکلات برطرف شود.

      • مائده میگوید:

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

      • پشتیبانی میگوید:

        سلام، مشکل از ISP هست که ازش اینترنت تهیه کرده اید. گاهی اوقات این مشکل وجود دارد، الان ویدیو را تست گرفتیم و هیچگونه مشکلی مشاهده نشد.

  20. آرمان یزدان شناس میگوید:

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

    • پشتیبانی میگوید:

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

  21. محمدرضا :) میگوید:

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

    • پشتیبانی میگوید:

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

  22. محمدرضا میگوید:

    سلام خسته نباشید ، من طراحی منو رو انجام دادم وقسمت بعدی رو وقتی انجام دادم ، زمانی که زیر منو ها هاور میشه زیر قسمت بعدی می رود ، برای اینکه زیرمنو ها روی قسمت های دیگه بیاد بایدچیکار کنم

    • پشتیبانی میگوید:

      سلام، برای اینکه منو و زیرمنوهای شما روی سکشن زیری قرار بگیرند باید Z-Index سکشن منو را بالاتر از سکشن پایین قرار دهید، این موارد در => دوره پیشرفته المنتور آموزش داده شده است که میتوانید استفاده کنید.

  23. مهسا میگوید:

    عرض سلام و ادب
    تشکر از آموزش خوبتون
    از اونجاییکه هدر و فوتر باید در تمام صفحات تکرار بشه، چطور میتونیم منویی که یکبار طراحی کردیم رو به صورت خودکار در تمام صفحات داشته باشیم؟

    • پشتیبانی میگوید:

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

  24. محمد مهدي میگوید:

    سلام وقتتان بخیر منو را طراحی کردم در قسمت Layout آن را روی Horizontal تنظیم شده اما در قسمت نمایش Dropdown نمایش می دهد ولطفاً راهنمایی کنید چگونه برطرف می شود ممنون از کمکتون

    • پشتیبانی میگوید:

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

      • محمد مهدي میگوید:

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

      • پشتیبانی میگوید:

        افزونه المنتور پرو مشکلی ندارد، ایراد از طراحی خودتان است، باید با دقت بیشتری کار کنید.

  25. محمد مهدی میگوید:

    سلام وقتتان بخیر در قسمت ۴ از آموزشتان یک ویدئو در صفحه ساز المنتور بارگزاری کردید و به صورت خودکار تکرار می شد بنده وقتی ویدئو بارگزاری کردم تصویر نمایش داده نمی شود مشکل را چگونه حل کنم ممنون میشوم راهنمائی کنید

    • پشتیبانی میگوید:

      با سلام و احترام، برای دریافت پاسخ سوالتان جلسات ۳۱ و ۵۸ را به دقت مشاهده کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

فروش ویژه... بیش از 70 درصد تخفیف روی تمامی دوره‌ها...تخفیف‌تو بگیر!
+