افزونه المنتور چیست؟ معرفی افزونه المنتور Elementor
آموزش و پیش نیاز نصب افزونه المنتور
آشنایی کلی با افزونه صفحه ساز المنتور
آموزش نصب افزونه المنتور نسخه پولی
آموزش افزودن فونت فارسی به المنتور
نصب افزونه وبکیما المنت | فارسی‌ساز المنتور
آموزش طرح بندی و تنظیمات صفحه در المنتور
آموزش کار با سکشن و ستون در المنتور
آموزش 3 تب اصلی تنظیمات در المنتور
آموزش مفهومی تم بیلدر (پوسته ساز) المنتور
شما در حال مشاهده
جلسه 11 هستید
آموزش طراحی هدر و منو در المنتور
آموزش طراحی منو موبایل در المنتور
آموزش طراحی فوتر ریسپانسیو در المنتور
آموزش طراحی صفحه اصلی سایت در المنتور
طراحی سکشن دوم در صفحه اصلی المنتور
طراحی بخش خدمات ما در صفحه اصلی
نمایش نمونه کارها در صفحه اصلی المنتور
آموزش نمایش مقالات در صفحه اصلی المنتور
آموزش نمایش نظرات مشتریان در المنتور
آموزش نمایش لوگو مشتریان در المنتور
آموزش ساخت فرم تماس حرفه ای در المنتور
طراحی بخش عضویت در خبرنامه در المنتور
آموزش ریسپانسیو در المنتور (ریسپانسیو در موبایل و تبلت)
آموزش افزودن دکمه بازگشت به بالا در المنتور
آموزش ساخت هدر چسبان در المنتور | Sticky هدر
آموزش طراحی صفحه نوشته ها با المنتور
آموزش ساخت صفحه آرشیو در المنتور
آموزش ساخت صفحه 404 در المنتور
مدرس دوره
نبی عبدی
زمان ویدیو
16:07 دقیقه
برو به دیگر جلسات
برای دانلود ویدیو
آموزش طراحی هدر و منو در المنتور
در این جلسه از سری جلسات آموزش المنتور رایگان آکادمی وبکیما، می خواهیم اولین بخش سایت یعنی همان هدر وب سایت را طراحی کنیم، پس حتما تا انتهای این آموزش ویدیویی همراه ما باشید تا در انتها بتوانید یک هدر زیبا برای سایت خود طراحی کنید.
راهنمای مطالعه:
ساخت هدر در المنتور
معمولا در شروع طراحی سایت با المنتور اولین بخشی از سایت که باید شروع به طراحی کنید، همین طراحی هدر سایت است. پس در این جلسه یک هدر جذاب را در کنار هم طراحی خواهیم کرد. در زیر میتوانید هدری که در این جلسه طراحی خواهیم کرد را مشاهده کنید.
ساخت فهرست در وردپرس
اگر هنوز هیچ فهرستی در سایت خود ندارید و نیاز دارید که ابتدا یک فهرست بسازید، نگران نباشید، ابتدا یک لیوان آب خنک نوش جان کنید و سپس آموزش رایگان و ویدیویی ساخت فهرست در وردپرس را مشاهده کنید تا در نهایت بتوانید با این جلسه پیش رفته و هدر سایت خود را طراحی کنید.
چگونه لوگو برای سایتم بسازم؟
اگر نیاز به یک لوگوی جذاب برای سایت خود دارید و نمی خواهید بابت طراحی لوگو هزینه پرداخت کنید، باز هم نگران نباشید، دوباره یک لیوان آب بخورید (چون آب واستون خوبه بخدا!) بعد به آموزش ویدیویی طراحی لوگو رایگان مراجعه کرده و یک لوگوی جذاب برای خودتون طراحی کنید.
جمع بندی
در انتهای جلسه آموزش طراحی و ساخت هدر و منو در المنتور امیدواریم که توانسته باشید یک هدر زیبا همانند این ویدیو برای خودتان طراحی کنید، اگر سوالی در این رابطه دارید در بخش کامنت های همین مقاله با ما در ارتباط باشید.
هر گونه سوال، پیشنهاد یا انتقادی در رابطه با دوره رایگان آموزش المنتور دارید در بخش دیدگاه‌ها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به آموزش وردپرس و طراحی سایت تهیه کنیم.
وقت بخیر من زیر منو رو که میسازیم بک گراندش شفافه و خوانا نیست رنگشم ابیه هرکاری میکنم درست نمیشه
یه سوال دیگه هم اینکه اون تنظیمات توی المنتور پروی سایت من نیست که بخوام ستونا رو کپی کنم چیکار باید بکنم؟
سوال بعدیم هم اینه که زیر منو یه خط جدا کننده گذاشتم ولی فاصلش با منو یکم زیاده و میخوام با خط هاور مماس بشه
پیشاپیش از راهنمایی شما سپاسگزارم
در رابطه با شفاف بودن منو، باید برای منوی خود یک پس‌زمینه قرار دهید، برای تنظیماتی که فرمودید نیز در جلسات بالاتر آموزش داده شده است، در رابطه با خط هم باید از تنظیمات منو و خط فاصله داخلی و خارجی را کم کنید تا به یکدیگر نزدیکتر شوند، لطفا عجله نکنید حداقل تا جلسه 30 را مشاهده کنید و موارد را به صورت عملی انجام دهید، کم‌کم تمامی موارد را که نیاز دارید یاد خواهید گرفت.
سپاسگزارم
خسته نباشید ممنون بابت آموزشتون من منو میسازم اضافه میکنم تو المنتور آیکونش سمت راست قرار میگیره چطوری میتونم جابجاش کنم
از داخل تنظیمات منو میتوانید این موارد را تنظیم کنید.
من موقعی که یه منو درست میکنم یهو میبینم پایین فهرست ها یه مستطیل سیاهه که توش مثبت و منفی داره
این موارد به دلیل اختلال افزونه‌ای به وجود میاد، اختلال افزونه‌ای را بررسی کنید.
وکتور و انیمیشن هایی که در داخل آموزش هاتون استفائه می کنید از کجا دانلود می کنید؟
برای اطلاعات بیشتر مقاله منابع دانلود فایل های گرافیکی را مطالعه بفرمایید.
من می خواستم بدونم که لینک این فیلمی که شما به صورت انیمیشن درش آوردید را قرار بدبد با سپاس
برای کسب اطلاعات بیشتر در این زمینه آموزش افزودن انیمیشن های متحرک به سایت با المنتور را مشاهده کنید.
منو رو از قبل ساخته بودید و یاد نگرفتیم چطوری درست کنیم منو رو؟؟؟
برای این مورد باید با بخش‌های مختلف وردپرس آشنایی داشته باشید، به همین منظور پیشنهاد می‌کنیم که حتما دوره رایگان آموزش وردپرس را مشاهده کنید همچنین برای تنظیم منو در وردپرس جلسه آموزش کار با منو و تنظیمات آن در وردپرس را مشاهده کنید.
درود خسته نلاشید من یه مشکلی برام پیش آمده منو رو طراحی کردم ولی آیکنش که فلش هست و داخل طراحی همون فلش نشون میده ولی وقتی داخل سایت میرم مربغ هست داخل لوکال هاست هم نیست هاست تهیه کردم لطفا راهنمایی کنید افزونه اضافه هم ندارم
سلام آقا حمید عزیز، توجه داشته باشید که پاسخ به سوالات در بخش دیدگاه‌های سایت محدودیت‌های بسیار زیادی دارد، اگر می‌خواهید که کامنت‌تان تایید و پاسخ داده شود باید سوال را واضح و با جزئیات کامل بپرسید و حتی اگر نیاز بود از طرح خود اسکرین شات بگیرید و لینک آن را در کامنت قرار دهید تا بتوانیم به بهترین شکل ممکن پاسخگوی سوالات شما باشیم.
با درود و عرض خسته نباشید
تشکر بابت اموزشهای عالیتون
من میخام کنار منو لوگو سایتمو قرار بدم و در حالت نمایش موبایلی هم کنار هم قرار بگیرن دقیقا مثل خود سایت وبکیما
ممنون میشم راهنمایی بفرمایید
باسلام، توجه کنید که موارد حرفه‌ای را در دوره المنتور پیشرفته به صورت کامل آموزش داده‌ایم که میتوانید استفاده کنید.
ممنونم از اموزشهای بی نظیرتون
واقعا عالی و با مفهوم کامل هستند
سپاسگذارم
ممنون از همراهی شما آقا محمد عزیز.
سلام و عرض ادب
خسته نباشید
میخاستم بدونن منوی این سایت هم در نسخه دسکتاپ در طرفین و هم
موبایل در پایین صفحه رو با چه المانی در المنتور میشه زد.
ممنون میشم راهنماییم کنید.
سپاسگزارم
باسلام و احترام، توجه داشته باشید که المان خاصی برای طراحی این موارد نیست! با چندتا ترفند میتوانید منوهای بسیار جذاب‌تر و بهتر هم در موبایل و هم در دسکتاپ طراحی کنید، این موارد حرفه‌ای به صورت کامل در دوره المنتور پیشرفته و دوره طراخی سایت دیجی کالا با المنتور به صورت کامل آموزش داده شده است.
سلام برگه رو درست کردیم و منو و تمام بخش ها درست شد قالب قبلی که نصیب کردیم( من دمو قالب رو نصب کردم) باید حذف بشه؟ و این برگه به کل سایت اعمال میشه تا مطالب منو ها هر کدوم سرجاش بیاد و نمایش داده بشه باید بعد ساخت بریم روی گزینه نمایش ورد پرس؟
باسلام، توجه داشته باشید که این فقط یک برگه است و نمی‌توانید آن را به تمام سایت نسبت دهید، برای اینکه بتوانید یک قالب برای تمامی سایت طراحی کنید باید از تم بیلدر المنتور استفاده کنید، در دوره پیشرفته المنتور تمامی موارد پیشرفته مثل این آموزش داده شده است.
با سلام
زیر منو ها دقیقا زیر گزینه مربوطه باز نمیشن و کمی فاصله دارن چطور میشه این فاصله رو تصییح کرد.
باسلام، اگر کمی داخل تنظیمات منو بررسی کنید، میتوانید گزینه مربوط به تنظیم فاصله از منوی اصلی را پیدا کرده و آن را تنظیم کنید.
سلام درود خسته نباشید
ببخشید یه سوال منو سایت خوب وبکیما با چه چیزی طراحی شده چون با المنتور د نمیشه داخل منو عکس قرار داد
باسلام و احترام، منوی سایت وبکیما به صورت اختصاصی طراحی شده است، طراحی مگامنوها در دوره طراحی سایت دیجی کالا به صورت کامل آموزش داده شده است.
باسلام مجدد.. خب استاد اگه همینطوری هم بسازیم و تگ html سکشن (مربوط به هدر) را روی header قرار دهیم به جهت تگ بندی هم درست میشه و در قسمت source تگ هدر برای سایت ایجاد میشه و اصولی هست دیگه؟ سپاس فراوان
باسلام، بله مشکلی ندارد و میتوانید به همین روش عمل کنید.
سلام و عرض ادب خدمت شما
استاد عبدی بنده به این روش برای سایت هدر طراحی کردم و یکی از دوستان برنامه نویس سایت بنده را دید گفتند شما باید حتما از قسمت قالب ها و قسمت سازنده قالب و قسمت هدر اقدام به طراحی قالب کنید و تگ html را هم روی هدر قرار دهید تا این هدر تگ بندی درست پیدا کند یعنی راهنما و مشخصات صفحه و اینی که من درست کردم اصلا هدر اصولی نیست .. میشه راهنمایی فرمایید و اینکه راجع به قسمت قالب ها توضیح دهید. سپاس
باسلام و احترام، این آموزش مربوط به طراحی یک لندینگ پیج است، نه طراحی هدر یک سایت کامل، طراحی اصولی یک سایت کامل در دوره المنتور پیشرفته به صورت کامل آموزش داده شده است که میتوانید استفاده کنید.
سلام
من سایتو طراحی کردم ولی وقتی سایتو فراخوانی میکنم همه چیز میاد به جز هدر سایت . مشکلش کجاس ؟
باسلام، ممکن است که تنظیمات هدر سایت را به درستی انجام نداده باشید.
با سلام و تشکر از راهنمایی های خوب شما، من برای قرار دادن منوهای بالای صفحه در المنتور نمی توانم از ابزارهای قسمت site استفاده کنم بلافاصله بعد از انتخاب ابزار مورد نظر مثلا Nav menu ویجت می آید
باسلام، سوالتان واضح نیست، در این رابطه یک اسکرین شات ارسال کنید تا بتوانیم بررسی کنیم.
سلام وقتتون ب خیر
چطور میتونم اون ویدیو ک در اول صفحه آپلود کردین رو پیدا کنم (ویدیو ۹ ثانیه ای ک بعدا ب انیمیشن تبدیلش میکنید)
ممنون میشم اگر ب صورت کامل توضیح بدید
باسلام، برای اطلاع بیشتر در این رابطه آموزش => افزودن انیمیشن های متحرک به سایت با المنتور و Lottie را مشاهده کنید.
سلام وقت بخیر استاد سوالی داشتم در مورد تیک موتور جستجو گر مدتی هست گذاشتم که ایندکس نشه چون خیلی کار داره نمیخوام ایندکس بشه این ار نظر شماره مشکلی پیش نمیاره ؟؟ یه چند هفته ای باید رو این حالت بمانه
با سلام، لطفا این سوال خود را در صفحه آموزش سئو مطرح کنید.
درود
ویدیو رو تا دقیقه ۸ نگاه کردم بعد متوقف شد و دو مرتبه دیگه هم امتحان کردم کلا مشکل داره؛ البته ویدئوشو دانلود کردم و توی سیستمم دارم ولی خب دوس داشتم از این جا نگاه بکنم.
لطفا بررسی بکنید ببینید چه مشکلی داره
سپاس
سلام، ویدیو بررسی شد و مشکلی وجود نداشت، ممکن است که این مشکل از مرورگر شما باشد، گاهی اوقات با استفاده از کلید های Ctrl+F5 کش مرورگر را خالی کنید تا این مشکلات را حذف کنید.
مرسی از پاسخگویی
حرف شما درسته و من بیشتر اوقات کش مرورگرمو پاک می کنم، اما تو این مورد مشکل از ISP ای هست که من ازش اینترنت گرفتم و همچنین سرعت اینترنت ایران که مدام بالا پایین میشه.
بله متاسفانه زیرساخت های اینترنت در کشور بسیار ضعیف است و امیدواریم که زودتر این گونه مشکلات برطرف شود.
سلام. خیر، مشکل داره ویدیوتون. منم دقیقا تا دقیقه ۹ را به راحتی میبینم اما بعدش دیگه اصلا پلی نمیشه. این دیگه چیکار به کش یا سرعت اینترنت داره؟
سلام، مشکل از ISP هست که ازش اینترنت تهیه کرده اید. گاهی اوقات این مشکل وجود دارد، الان ویدیو را تست گرفتیم و هیچگونه مشکلی مشاهده نشد.
با سلام . وقت به خیر
بنده به تازگی افزونه المنتور پرو رو از سایت شما تهیه و شروع به یادگیری کردم. تو همین بخش وقتی برای سکشن از جداکننده استفاده می کنم فقط بالا قرار میگیره . قالب عوض کردم اما تغییری نکرد. یعنی زمانی که پایین رو انتخاب میکنم و مثلا حالت کوه ها رو انتخاب میکنم فقط بالای سکشن اعمال میشه. مشکل از کجا میتونه باشه؟
سلام آقا آرمان عزیز، این فکر نمی کنم مشکل باشه، به احتمال بسیار زیاد شما هنوز تجربه کافی را ندارید، پیشنهاد می کنم بهتون که قبل از استفاده از جدا کننده تا انتهای دوره مقدماتی پیش برید بعد که تجربه تون بره بالاتر خودتون می تونید مشکل رو پیدا و برطرف کنید.
سلام خسته نباشید. بسیاااااااااااااااااااااااار ممنونم از آموزش خوبتون.
هیچ جا آموزش به این خوبی ندیده بودم.
فقط یک سوال.
***
وبسایت بالا رو نگاه کنید، پس زمینه عکس داره. میخواستم بدونم برای پس زمینه چطور میتونم عکس بزارم؟
با سلام و احترام، اگر جلسات آموزش المنتور را به صورت پیوسته دنبال کنید، تمامی موارد مقدماتی طراحی سایت با المنتور در همین جلسات آموزش داده شده است.
سلام خسته نباشید ، من طراحی منو رو انجام دادم وقسمت بعدی رو وقتی انجام دادم ، زمانی که زیر منو ها هاور میشه زیر قسمت بعدی می رود ، برای اینکه زیرمنو ها روی قسمت های دیگه بیاد بایدچیکار کنم
سلام، برای اینکه منو و زیرمنوهای شما روی سکشن زیری قرار بگیرند باید Z-Index سکشن منو را بالاتر از سکشن پایین قرار دهید، این موارد در => دوره پیشرفته المنتور آموزش داده شده است که میتوانید استفاده کنید.
عرض سلام و ادب
تشکر از آموزش خوبتون
از اونجاییکه هدر و فوتر باید در تمام صفحات تکرار بشه، چطور میتونیم منویی که یکبار طراحی کردیم رو به صورت خودکار در تمام صفحات داشته باشیم؟
با سلام و احترام خدمت شما، توجه داشته باشید که این بخش آموزش مقدماتی المنتور است، و آموزش های پیشرفته را در دوره پیشرفته المنتور به صورت کامل آموزش داده ایم که می توانید استفاده کنید.
سلام وقتتان بخیر منو را طراحی کردم در قسمت Layout آن را روی Horizontal تنظیم شده اما در قسمت نمایش Dropdown نمایش می دهد ولطفاً راهنمایی کنید چگونه برطرف می شود ممنون از کمکتون
سلام، شما طراحی تان ایراد دارد، طبق ویدیو آموزشی پیش بروید و طرح تان را تکمیل کنید.
سلام طبق ویدیو انجام دادم اما باز انجام نشد آیا احتمال دارد مشکل از المنتور پرو باشد اگر نسخه کامل را خریداری بکنم مشکل رفع میگردد.
افزونه المنتور پرو مشکلی ندارد، ایراد از طراحی خودتان است، باید با دقت بیشتری کار کنید.
سلام وقتتان بخیر در قسمت ۴ از آموزشتان یک ویدئو در صفحه ساز المنتور بارگزاری کردید و به صورت خودکار تکرار می شد بنده وقتی ویدئو بارگزاری کردم تصویر نمایش داده نمی شود مشکل را چگونه حل کنم ممنون میشوم راهنمائی کنید
با سلام و احترام، برای دریافت پاسخ سوالتان جلسات ۳۱ و ۵۸ را به دقت مشاهده کنید.