افزونه المنتور چیست؟ معرفی افزونه المنتور Elementor
آموزش و پیش نیاز نصب افزونه المنتور
آشنایی کلی با افزونه صفحه ساز المنتور
آموزش نصب افزونه المنتور نسخه پولی
آموزش افزودن فونت فارسی به المنتور
نصب افزونه وبکیما المنت | فارسی‌ساز المنتور
آموزش طرح بندی و تنظیمات صفحه در المنتور
آموزش کار با سکشن و ستون در المنتور
آموزش 3 تب اصلی تنظیمات در المنتور
آموزش مفهومی تم بیلدر (پوسته ساز) المنتور
شما در حال مشاهده
جلسه 11 هستید
آموزش طراحی هدر و منو در المنتور
آموزش طراحی منو موبایل در المنتور
آموزش طراحی فوتر ریسپانسیو در المنتور
آموزش طراحی صفحه اصلی سایت در المنتور
طراحی سکشن دوم در صفحه اصلی المنتور
طراحی بخش خدمات ما در صفحه اصلی
نمایش نمونه کارها در صفحه اصلی المنتور
آموزش نمایش مقالات در صفحه اصلی المنتور
آموزش نمایش نظرات مشتریان در المنتور
آموزش نمایش لوگو مشتریان در المنتور
آموزش ساخت فرم تماس حرفه ای در المنتور
طراحی بخش عضویت در خبرنامه در المنتور
آموزش ریسپانسیو در المنتور (ریسپانسیو در موبایل و تبلت)
آموزش افزودن دکمه بازگشت به بالا در المنتور
آموزش ساخت هدر چسبان در المنتور | Sticky هدر
آموزش طراحی صفحه نوشته ها با المنتور
آموزش ساخت صفحه آرشیو در المنتور
آموزش ساخت صفحه 404 در المنتور
مدرس دوره
نبی عبدی
زمان ویدیو
16:07 دقیقه
برو به دیگر جلسات
برای دانلود ویدیو
آموزش طراحی هدر و منو در المنتور
در این جلسه از سری جلسات آموزش المنتور رایگان آکادمی وبکیما، می خواهیم اولین بخش سایت یعنی همان هدر وب سایت را طراحی کنیم، پس حتما تا انتهای این آموزش ویدیویی همراه ما باشید تا در انتها بتوانید یک هدر زیبا برای سایت خود طراحی کنید.
راهنمای مطالعه:
ساخت هدر در المنتور
معمولا در شروع طراحی سایت با المنتور اولین بخشی از سایت که باید شروع به طراحی کنید، همین طراحی هدر سایت است. پس در این جلسه یک هدر جذاب را در کنار هم طراحی خواهیم کرد. در زیر می‌توانید هدری که در این جلسه طراحی خواهیم کرد را مشاهده کنید.
ساخت فهرست در وردپرس
اگر هنوز هیچ فهرستی در سایت خود ندارید و نیاز دارید که ابتدا یک فهرست بسازید، نگران نباشید، ابتدا یک لیوان آب خنک نوش جان کنید و سپس آموزش رایگان و ویدیویی ساخت فهرست در وردپرس را مشاهده کنید تا در نهایت بتوانید با این جلسه پیش رفته و هدر سایت خود را طراحی کنید.
چگونه لوگو برای سایتم بسازم؟
اگر نیاز به یک لوگوی جذاب برای سایت خود دارید و نمی خواهید بابت طراحی لوگو هزینه پرداخت کنید، باز هم نگران نباشید، دوباره یک لیوان آب بخورید (چون آب واستون خوبه بخدا!) بعد به آموزش ویدیویی طراحی لوگو رایگان مراجعه کرده و یک لوگوی جذاب برای خودتون طراحی کنید.
جمع بندی
در انتهای جلسه آموزش طراحی و ساخت هدر و منو در المنتور امیدواریم که توانسته باشید یک هدر زیبا همانند این ویدیو برای خودتان طراحی کنید، اگر سوالی در این رابطه دارید در بخش کامنت های همین مقاله با ما در ارتباط باشید.
هر گونه سوال، پیشنهاد یا انتقادی در رابطه با دوره رایگان آموزش المنتور دارید در بخش دیدگاه‌ها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به آموزش وردپرس و طراحی سایت تهیه کنیم.
درود بر شما
بسیار قدردانم از شما برای زحمتی که می کشید
متاسفانه زمانی که هدر را انتخاب می کنم ارور می ده bad request!!!
میدونید دلیلش چیه ضمن اینکه باید بگم که المنتور حرفه ای رو نصب کرده ام
درود، احتمالا پلاگینی نصب دارید که با افزونه المنتور سازگاری ندارد، تمامی پلاگین‌های خود به جز افزونه المنتور غیرفعال کنید و سپس تست بگیرید.
سلام . از قسمت تم بیلدر یه هدر اماده انتخاب کرده ام . حال میخاهم آن را حذف کنم و خودم هدر بسازم چطور حذف کنم
سلام، شما می‌توانید همان هدر را به حالت ویرایش ببرید و تمامی المان‌ها را به سادگی حذف کنید، سپس هدر خود را طراحی کنید.
سلام
اون ذره بین و سبد خرید هدر سایت خودتون رو یاد نمیدین؟
سلام، این بخش توسط کدنویسی اختصاصی طراحی شده است.
وقتتون بخیر
وقتی فهرست رو ایجاد میکنم و میرم توی المنتور برای طراحی هدر و فوتر
وقتی که به وردپرس برمیگردم تا ببینم چجوری شده میبینم که یک هدر و یک فوتر به اضافه یک هدر دیگر وسط این دوتا درست شده
نمیدونم باید چیکار کنم تا درست بشه
بعد چجوری میتونم عکس بفرستم تا ببینید؟
ممنونم بابت راهنمایی خوبتون
درود، اگر آموزش المنتور وبکیما را از ابتدا دنبال کردید و همچنان این مشکل را دارید، به احتمال زیاد مشکل به دلیل استفاده از قالبی است که از هدر و فوتر المنتور پشتیبانی نمی کند، در این رابطه مشخصات قالب خود را بررسی کنید.
سلام در منوی من قسمت پروژه ها میره یک سطر پایین میوفته و به هم خیلی چسبیده هستند و وقتی فاصله هاشون رو زیاد میکنم میره میوفته سطر پایین یکی دو تاش
درود، تعداد منو را باید کاهش دهید.
سلام و وقت بخیر
برای ساخت منو برگه ها و نوشته ها رو در وردپرس ایجاد کردم و بعد فهرست ساختم منو ای که ساختم دارای زیر منو هست که در المنتور نمایش نمیده اصلا ، مشکل از قسمت زدایندکس هم نیس فقط زیر منو ها نمایش داده نمیشه
و مشکل دیگه اینکه میخام قالب هدر روی تمام صفحات و نوشته های سایت باشه اما موقع ذخیره هیچ گزینه ای نیس ک تعیین کنم هدر روی تمام صفحات باشه و فقط گزینه ذخیره ب تنهایی رو داره
ممنون میشم راهنماییم کنین
سلام وقت بخیر! برای رفع مشکلاتی که در وردپرس با المنتور دارید، می‌توانید به موارد زیر توجه کنید:
1. زیر منوها در المنتور: ممکن است المنتور نتواند زیر منوها را به درستی نمایش دهد. در این صورت، می‌توانید از منوی استاندارد وردپرس استفاده کنید. برای این کار، در المنتور در قسمت “Navigation Menu” منوی مورد نظر را انتخاب کنید و سپس در تنظیمات منو، گزینه “Use Theme Locations” را فعال کنید. سپس با ذخیره تغییرات، منوی استاندارد وردپرس با زیر منوها به درستی نمایش داده خواهد شد.
2. قالب هدر در تمام صفحات: برخی از قالب‌ها این قابلیت را از طریق تنظیمات قالب به شما می‌دهند. در صورتی که گزینه‌ای برای تنظیم هدر در تمام صفحات در المنتور موجود نیست، می‌توانید به تنظیمات قالب خود بروید و از طریق آن تنظیم کنید. برخی از قالب‌ها این گزینه را در بخش “تنظیمات هدر” یا “تنظیمات ناوبری” دارند. در صورت عدم وجود این گزینه، شاید لازم باشد با توسعه‌دهنده قالب تماس بگیرید تا این امکان را برای شما اضافه کنند یا راهنمایی بیشتری در این زمینه ارائه دهند.
سلام خسته نباشید
من وقتی header ایجاد میکنم به صورت تمام عرض کل صحفه رو پوشش نمیده و راست و چپ صحفه خالی هست و فقط در میانه میشه تغییرات انجام داد چطور میشه بتونم کل صحفه رو پوشش بده
درود بر شما، داخل همین جلسه نحوه ساخت هدر تمام عرض در المنتور به صورت کامل آموزش داده شده است.
سلام و درود خدمت استاد عبدی
من هدر طراحی کردم رسپانسیو هم کردم و توی المنتور و انیسپکت خوب نشان داده میشه ولی توی موبایل لیست کرکره ایی بد نمایش داده میشه
میشه منو راهنمایی کنید ببینم اشکال از کجاست
مرسی
درود، اگر مشکل ریسپانسیو دارید آموزش ریسپانسیو صفحه اصلی در المنتور را مشاهده کنید.
سلام، برای سکشن که جدا کننده یا بک گراند رنگ می ذارم همواره کل عرض صفحه رو پر می کنه با استفاه از selector {width:70%;} مورد را کنترل کردم منتها سکشن سمت راست می رود و وسط چین نمی شود استفاده از selector {text-align: center;} برای وسط چین کردنش بی فایده است لطفا بگین چکار کنم؟چه کد سی اس اسی بزنم?می خوام سکشن و جدا کننده تمام عرض نباشه
سلام، این مورد را باید توسط تنظیمات طرح بندی صفحه اعمال کنید که این موضوع ارتباط مستقیم به قالب سایت شما دارد.
سلام وقت بخیر ممنون برای آموزش عالی شما .من قسمت المنتور nav manew قفل است و نمیتونم باهاش کار کنم .چه باید بکنم ؟!
درود بر شما، برای فعال سازی قابلیت‌های ویژه باید افزونه المنتور پرو را تهیه کرده و در سایت خود نصب کنید.
سلام ، ویدئوهای بدون کنترل پخش کننده در لینک را چطور دانلود کنم؟ https://webkima.com/web-design/
درود بر شما، در جلسات پیشرفته تر در همین دوره، این موضوع به صورت کامل آموزش داده شده است.
سلام
ممنونم بابت آموزش تون
من منو همبرگری ساختم فقط بفرمایید چطور میشه نشانگر موس که میره روی منو خودش باز بشه نیاز به کلیک کردن نباشه
درود، برای این کار باید به برنامه نویسی جاوااسکریپت تسلط داشته باشید تا بتوانید این موضوع را اعمال کنید.
درود بر شما
nav menu سایت من باز می ماند و بسته نمی شود
در زمان ویرایش مشکلی ندارد ولی وقتی بروزرسانی می کنم و وارد سایت میشوم نویگیشن منو همچنان باز می ماند!!!
در لوکال هاست مشکلی نداشت، ولی بعد از انتقال به هاست اصلی این مشکل ایجاد شد!!
لطفا راهنمایی بفرمایید .
سلام، معمولا این موارد تداخل هست باید ببینید المنتور با کدام یک از افزونه ها یا قالب سایت تان تداخل دارد.
با سلام مجدد.من وردپرس رو دوباره نصب کردم و قبل از نصب هیچ پلاگین و یا قالبی در حالت کاملا خام وردپرس باز هم گزینه فهرست در منوی نمایش پیشخوان ظاهر نمیشه.در ضمن به چه آدرسی میتونم اسکرین شات از پیشخوان خودم بفرستم ؟ممنون میشم از راهنمایی شما
از چه قالبی استفاده می‌کنید؟ (تصویر خود را در یکی از سایت‌های اشتراک تصویر آپلود کرده و لینک آن را داخل کامنت قرار دهید.)
سلام وقت بخیر من منو رو که وارد میکنم فقط به صورت کشویی نمایش داده میشه
درود، روش شخصی سازی منو در همین جلسه آموزش داده شده است.
با سلام ممنون از آموزشهای خوبتون.
من بعد از این که افزونه المنتور را نصب میکنم گزینه فهرست از منوی نمایش در پیشخوان حذف میشه.لطفا راهنمایی بفرمایید از کجا باید منو یا فهرست بسازم.
درود بر شما، موضوعی که می‌فرمایید مربوط به افزونه المنتور نیست، به احتمال بسیار زیاد شما قالب یا افزونه ای نصب دارید که با المنتور سازگاری ندارد و این تداخل به وجود آمده است.
سلام
عکس ها رو در اختیارمون نمیزارید
چون دموی اون صفحه رو عوض کردین
درود بر شما، با کمی جستجو در سطح وب می‌توانید از تصاویر مختلف استفاده کنید.
سلام وقت به خیر
من در قالب انفولد با المنتور یک هدر ساخت و مشکل اینه این منور توی این قالب به درستی نشون داده نمیشه و منوها زیر متنش زیر خط دار میشه و کدهای سی اس اسش به درستی ظاهر نمیشن به یعنی مثلا رنگ هاورش که فید میشه از سفید به قرمز درست نشون داده نمیشه
چی کار باید برای این مشکل بکنم
درود بر شما، قالب انفولد را نباید با المنتور استفاده کنید، سعی کنید از یک قالب بهتر و سازگارتر با المنتور استفاده کنید.
سلام و عرض ادب استاد
من هدر سایتمو با المنتور درست کردم قسمت منوها وقتی زیر منو قرار می دم یه کادر مشکی ظاهر میشه این کادر مشکی رو چطوری میتونم حذف کنم ؟
باسلام، از بخشی که مشکل دارید اسکرین شات بگیرید، تصویر را در یکی از سایت‌های آپلود فایل قرار دهید و لینک آن را داخل کامنت قرار دهید تا بتوانیم بهتر کمک تان کنیم.
سلام .. خسته نباشید .. مرسی از دوره خوبتون … این عکس هایی که داخل سایت هست از کجا باید بگیریم ؟ ممنون
سلام، پاسخ شما در این دیدگاه داده شده است.
ممنون از پاسخ گویی.. ولی الان مثلا توی قسمت چهار یه ویدیو بود تو همون اوایل تدریس که تبدیل یه عکس شد … اینو چه طوری توی اون همه وب سایت ها پیدا کنیم … یا عکس های دیگه رو ؟.. نمیشه این عکس ها یا ویدیو هایی که برای یاد گرفتن این صفحه داخل فیلم اموزش گزاشتین یه جایی بزارین تا ما هم استفاده کنیم ؟
طراحی و پیدا کردن تصاویر و انیمیشن‌های کاربردی بخشی از حرفه طراحی وب است! سعی کنید از همین ابتدا در این رابطه حرفه‌ای شوید.
سلام نوع ویدئوهایی که در هنگام آموزش در سایت قرار دادین چیه؟ اسم خاصی داره؟ پیدا نمیکنم
باسلام، برای اطلاعات بیشتر در این رابطه مقاله منابع دانلود فایل های گرافیکی را مطالعه کنید.
با سلام و خسته نباشید خدمت عوامل آکادمی وبکیما. ببخشید من بعد از قرار دادن زیر منو یک مستطیل کوچیک زیر منو ایجاد میشه که یک مثبت و منفی داره ولی هرکاری می کنم از بین نمیره . لطفا راهنمایی کنید ؟
سلام، در رابطه با این موضوع لطفا اسکرین شات ارسال کنید تا بتوانیم بهتر کمک‌تان کنیم.
سلام آقای عبدی ممنونم از آموزش های خوبتون اما انتقادی داشتم شما به عنوان یک وب مستر حرفه ای توقع میره که از ویدئو پلیر قدرتمند وجذاب تری برای آموزش هاتون استفاده کنید زیراکه ویدئو پلیر خود المنتور ضعیفه و شما باید از یک افزونه خوب برای پخش ویدئوهاتون استفاده کنید .
باسلام، کاربر گرامی شما اگر مو را می‌بینید ما پیچش مو را می‌بینیم! نصب یک پلاگین قدرتمند برای ویدیوپلیر کار بسیار ساده‌ای است! اما عواقب آن پایین آمدن سرعت وب‌سایت است! مطمئن باشید تمامی این موارد به صورت کامل بررسی شده است.
سلام وقت بخیر
بعد از اینکه المان نوار منو رو گذاشتم و یک مستطیل مشکی اضافی ظاهر میشه هیچ افزونه دیگ ای هم ندارم ک اختلال داشته باشه به نظرتون مشکل کجاست؟؟
باسلام، از این مورد یک تصویر ارسال کنید تا بتوانیم بهتر کمک‌تان کنیم.
با سلام و تشکر بابت آموزشهای عالیتون
یه سوال داشتم – زمانیکه فهرست را به صفحه خودم اضافه می کنم یه کادر مربعی با علامتهای مثبت و منفی داخل اون زیر منو قرار می گیره . اساتید گفته بودند ظاهراً از نوع قالبی هست که انتخاب کردید ولی من اصلاً قالبی انتخاب نکردم و خودم قالب را با المنتور طراحی کردم حالا از قسمت پرسش و پاسخهای سایت شما متوجه شدم که این مشکل از اختلال افزونه ای می باشد لطفا بفرمایید که من باید کجا را تست کنم که ببینم احتمالاً اختلال افزونه ای بوجود امده است چرا که من اصلا غیر از المنتور هنوز افزئنه ای نصب نکردم – ممنون بابت راهنماییتون
باسلام، کاش از بخشی که فرمودید یک اسکرین شات ارسال می‌کردید تا بتوانیم این موضوع را بررسی کنیم، ولی برای بحث تداخل افزونه‌ای مقاله خطاهای رایج در وردپرس را مطالعه کنید.
وقتتون بخیر
من یه مشکلی دارم با nav menu که واسه فهرست هایی که زیرمنو دارن یه مستطیل اضافی زیر اون منو میاره که داخلش +_ هست هر کاری میکنم حذف نمیشه ممنون میشم راهنماییم کنید.
در رابطه با این موضوع لطفا اسکرین شات ارسال کنید تا بتوانیم بهتر کمک‌تان کنیم.