افزونه المنتور چیست؟ معرفی افزونه المنتور Elementor

افزونه المنتور چیست؟ معرفی افزونه المنتور Elementor

جلسه 1
آموزش و پیش نیاز نصب افزونه المنتور

آموزش و پیش نیاز نصب افزونه المنتور

جلسه 2
آشنایی کلی با افزونه صفحه ساز المنتور

آشنایی کلی با افزونه صفحه ساز المنتور

جلسه 3
آموزش نصب افزونه المنتور نسخه پولی

آموزش نصب افزونه المنتور نسخه پولی

جلسه 4
آموزش افزودن فونت فارسی به المنتور

آموزش افزودن فونت فارسی به المنتور

جلسه 5
نصب افزونه وبکیما المنت | فارسی‌ساز المنتور

نصب افزونه وبکیما المنت | فارسی‌ساز المنتور

جلسه 6
آموزش طرح بندی و تنظیمات صفحه در المنتور

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

جلسه 7
آموزش کار با سکشن و ستون در المنتور

آموزش کار با سکشن و ستون در المنتور

جلسه 8
آموزش 3 تب اصلی تنظیمات در المنتور

آموزش 3 تب اصلی تنظیمات در المنتور

جلسه 9
آموزش مفهومی تم بیلدر (پوسته ساز) المنتور

آموزش مفهومی تم بیلدر (پوسته ساز) المنتور

جلسه 10

شما در حال مشاهده
جلسه 11 هستید

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

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

جلسه 11
آموزش طراحی منو موبایل در المنتور

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

جلسه 12
آموزش طراحی فوتر ریسپانسیو در المنتور

آموزش طراحی فوتر ریسپانسیو در المنتور

جلسه 13
آموزش طراحی صفحه اصلی سایت در المنتور

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

جلسه 14
طراحی سکشن دوم در صفحه اصلی المنتور

طراحی سکشن دوم در صفحه اصلی المنتور

جلسه 15
طراحی بخش خدمات ما در صفحه اصلی

طراحی بخش خدمات ما در صفحه اصلی

جلسه 16
نمایش نمونه کارها در صفحه اصلی المنتور

نمایش نمونه کارها در صفحه اصلی المنتور

جلسه 17
آموزش نمایش مقالات در صفحه اصلی المنتور

آموزش نمایش مقالات در صفحه اصلی المنتور

جلسه 18
آموزش نمایش نظرات مشتریان در المنتور

آموزش نمایش نظرات مشتریان در المنتور

جلسه 19
آموزش نمایش لوگو مشتریان در المنتور

آموزش نمایش لوگو مشتریان در المنتور

جلسه 20
آموزش ساخت فرم تماس حرفه ای در المنتور

آموزش ساخت فرم تماس حرفه ای در المنتور

جلسه 21
طراحی بخش عضویت در خبرنامه در المنتور

طراحی بخش عضویت در خبرنامه در المنتور

جلسه 22
آموزش ریسپانسیو در المنتور (ریسپانسیو در موبایل و تبلت)

آموزش ریسپانسیو در المنتور (ریسپانسیو در موبایل و تبلت)

جلسه 23
آموزش افزودن دکمه بازگشت به بالا در المنتور

آموزش افزودن دکمه بازگشت به بالا در المنتور

جلسه 24
آموزش ساخت هدر چسبان در المنتور | Sticky هدر

آموزش ساخت هدر چسبان در المنتور | Sticky هدر

جلسه 25
آموزش طراحی صفحه نوشته ها با المنتور

آموزش طراحی صفحه نوشته ها با المنتور

جلسه 26
آموزش ساخت صفحه آرشیو در المنتور

آموزش ساخت صفحه آرشیو در المنتور

جلسه 27
آموزش ساخت صفحه 404 در المنتور

آموزش ساخت صفحه 404 در المنتور

جلسه 28

مدرس دوره

نبی عبدی

زمان ویدیو

16:07 دقیقه

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

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

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

وارد شوید

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

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

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

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

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

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

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

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

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

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

جمع بندی

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

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

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

دیدگاه و پرسش

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

    درود بر شما
    بسیار قدردانم از شما برای زحمتی که می کشید
    متاسفانه زمانی که هدر را انتخاب می کنم ارور می ده bad request!!!
    میدونید دلیلش چیه ضمن اینکه باید بگم که المنتور حرفه ای رو نصب کرده ام

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

      درود، احتمالا پلاگینی نصب دارید که با افزونه المنتور سازگاری ندارد، تمامی پلاگین‌های خود به جز افزونه المنتور غیرفعال کنید و سپس تست بگیرید.

  2. nazila میگوید:

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

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

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

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

    سلام
    اون ذره بین و سبد خرید هدر سایت خودتون رو یاد نمیدین؟

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

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

  4. آرمان جهانتاب میگوید:

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

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

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

  5. امین میگوید:

    سلام در منوی من قسمت پروژه ها میره یک سطر پایین میوفته و به هم خیلی چسبیده هستند و وقتی فاصله هاشون رو زیاد میکنم میره میوفته سطر پایین یکی دو تاش

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

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

  6. sarina میگوید:

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

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

      سلام وقت بخیر! برای رفع مشکلاتی که در وردپرس با المنتور دارید، می‌توانید به موارد زیر توجه کنید:

      1. زیر منوها در المنتور: ممکن است المنتور نتواند زیر منوها را به درستی نمایش دهد. در این صورت، می‌توانید از منوی استاندارد وردپرس استفاده کنید. برای این کار، در المنتور در قسمت “Navigation Menu” منوی مورد نظر را انتخاب کنید و سپس در تنظیمات منو، گزینه “Use Theme Locations” را فعال کنید. سپس با ذخیره تغییرات، منوی استاندارد وردپرس با زیر منوها به درستی نمایش داده خواهد شد.
      2. قالب هدر در تمام صفحات: برخی از قالب‌ها این قابلیت را از طریق تنظیمات قالب به شما می‌دهند. در صورتی که گزینه‌ای برای تنظیم هدر در تمام صفحات در المنتور موجود نیست، می‌توانید به تنظیمات قالب خود بروید و از طریق آن تنظیم کنید. برخی از قالب‌ها این گزینه را در بخش “تنظیمات هدر” یا “تنظیمات ناوبری” دارند. در صورت عدم وجود این گزینه، شاید لازم باشد با توسعه‌دهنده قالب تماس بگیرید تا این امکان را برای شما اضافه کنند یا راهنمایی بیشتری در این زمینه ارائه دهند.

  7. مهدی میگوید:

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

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

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

  8. شایان ارشدی میگوید:

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

  9. الیاس میگوید:

    سلام، برای سکشن که جدا کننده یا بک گراند رنگ می ذارم همواره کل عرض صفحه رو پر می کنه با استفاه از selector {width:70%;} مورد را کنترل کردم منتها سکشن سمت راست می رود و وسط چین نمی شود استفاده از selector {text-align: center;} برای وسط چین کردنش بی فایده است لطفا بگین چکار کنم؟چه کد سی اس اسی بزنم?می خوام سکشن و جدا کننده تمام عرض نباشه

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

      سلام، این مورد را باید توسط تنظیمات طرح بندی صفحه اعمال کنید که این موضوع ارتباط مستقیم به قالب سایت شما دارد.

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

    سلام وقت بخیر ممنون برای آموزش عالی شما .من قسمت المنتور nav manew قفل است و نمیتونم باهاش کار کنم .چه باید بکنم ؟!

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

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

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

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

  11. نوید میگوید:

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

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

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

  12. Reza میگوید:

    درود بر شما
    nav menu سایت من باز می ماند و بسته نمی شود
    در زمان ویرایش مشکلی ندارد ولی وقتی بروزرسانی می کنم و وارد سایت میشوم نویگیشن منو همچنان باز می ماند!!!
    در لوکال هاست مشکلی نداشت، ولی بعد از انتقال به هاست اصلی این مشکل ایجاد شد!!
    لطفا راهنمایی بفرمایید .

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

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

  13. روح اله میگوید:

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

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

      از چه قالبی استفاده می‌کنید؟ (تصویر خود را در یکی از سایت‌های اشتراک تصویر آپلود کرده و لینک آن را داخل کامنت قرار دهید.)

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

        سلام وقت بخیر من منو رو که وارد میکنم فقط به صورت کشویی نمایش داده میشه

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

        درود، روش شخصی سازی منو در همین جلسه آموزش داده شده است.

  14. روح اله میگوید:

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

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

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

  15. ar میگوید:

    سلام
    عکس ها رو در اختیارمون نمیزارید
    چون دموی اون صفحه رو عوض کردین

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

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

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

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

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

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

  17. Mohammad Reza میگوید:

    سلام و عرض ادب استاد
    من هدر سایتمو با المنتور درست کردم قسمت منوها وقتی زیر منو قرار می دم یه کادر مشکی ظاهر میشه این کادر مشکی رو چطوری میتونم حذف کنم ؟

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

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

  18. مژگان میگوید:

    سلام .. خسته نباشید .. مرسی از دوره خوبتون … این عکس هایی که داخل سایت هست از کجا باید بگیریم ؟ ممنون

      • مژگان میگوید:

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

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

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

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

    سلام نوع ویدئوهایی که در هنگام آموزش در سایت قرار دادین چیه؟ اسم خاصی داره؟ پیدا نمیکنم

  20. jamshid میگوید:

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

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

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

  21. عمار میگوید:

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

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

      باسلام، کاربر گرامی شما اگر مو را می‌بینید ما پیچش مو را می‌بینیم! نصب یک پلاگین قدرتمند برای ویدیوپلیر کار بسیار ساده‌ای است! اما عواقب آن پایین آمدن سرعت وب‌سایت است! مطمئن باشید تمامی این موارد به صورت کامل بررسی شده است.

  22. مرتضی میگوید:

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

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

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

  23. جواد کاظمی میگوید:

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

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

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

  24. مژکان میگوید:

    وقتتون بخیر
    من یه مشکلی دارم با nav menu که واسه فهرست هایی که زیرمنو دارن یه مستطیل اضافی زیر اون منو میاره که داخلش +_ هست هر کاری میکنم حذف نمیشه ممنون میشم راهنماییم کنید.

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

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

آموزش‌های ویدیویی جدید فقط در یوتیوب منتشر می‌شود!

بزن بریــم!