در این جلسه از سری جلسات آموزش المنتور رایگان آکادمی وبکیما، می خواهیم اولین بخش سایت یعنی همان هدر وب سایت را طراحی کنیم، پس حتما تا انتهای این آموزش ویدیویی همراه ما باشید تا در انتها بتوانید یک هدر زیبا برای سایت خود طراحی کنید.
راهنمای مطالعه:
ساخت هدر در المنتور
معمولا در شروع طراحی سایت با المنتور اولین بخشی از سایت که باید شروع به طراحی کنید، همین طراحی هدر سایت است. پس در این جلسه یک هدر جذاب را در کنار هم طراحی خواهیم کرد. در زیر میتوانید هدری که در این جلسه طراحی خواهیم کرد را مشاهده کنید.
ساخت فهرست در وردپرس
اگر هنوز هیچ فهرستی در سایت خود ندارید و نیاز دارید که ابتدا یک فهرست بسازید، نگران نباشید، ابتدا یک لیوان آب خنک نوش جان کنید و سپس آموزش رایگان و ویدیویی ساخت فهرست در وردپرس را مشاهده کنید تا در نهایت بتوانید با این جلسه پیش رفته و هدر سایت خود را طراحی کنید.
چگونه لوگو برای سایتم بسازم؟
اگر نیاز به یک لوگوی جذاب برای سایت خود دارید و نمی خواهید بابت طراحی لوگو هزینه پرداخت کنید، باز هم نگران نباشید، دوباره یک لیوان آب بخورید (چون آب واستون خوبه بخدا!) بعد به آموزش ویدیویی طراحی لوگو رایگان مراجعه کرده و یک لوگوی جذاب برای خودتون طراحی کنید.
جمع بندی
در انتهای جلسه آموزش طراحی و ساخت هدر و منو در المنتور امیدواریم که توانسته باشید یک هدر زیبا همانند این ویدیو برای خودتان طراحی کنید، اگر سوالی در این رابطه دارید در بخش کامنت های همین مقاله با ما در ارتباط باشید.
هر گونه سوال، پیشنهاد یا انتقادی در رابطه با دوره رایگان آموزش المنتور دارید در بخش دیدگاهها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به آموزش وردپرس و طراحی سایت تهیه کنیم.
سلام استاد عزیز خسته نباشید شما در سایت خودتون از منو استفاده کردین ک تصویر هم داخلش استفاده کردین مثلا منوی آکادمی آنلاین راهنمایی میکنید منم بتونم همونو درست کنم با المنتور طراحی کردین یا مگا منو و JetMenu.ممنون میشم راهنمایی بفرمایین
با سلام و احترام، طراحی منوها و مگا منوهای حرفه ای در دوره پیشرفته آموزش المنتور و دوره طراحی فروشگاه اینترنتی دیجی کالا آموزش داده خواهد شد که می توانید استفاده کنید.
با سلام و عرض خسته نباشید
ببخشید یه سوال داشتم
من میخوام منو به سمت بالا باز بشه به جای اینکه به سمت پایین باز بشه
چیکار بایدبکنم؟
با سلام و احترام، باید با استفاده از کدنویسی اختصاصی این کار را انجام دهید.
آیا میشه با افزونه navemenu انجامش داد؟
ما تا به حال از این افزونه استفاده نکرده ایم، می توانید روی لوکال هاست تست بگیرید.
با سلام و درود . من وقتی روی منو ها میرم و بعد زیر منو باز میشود اما مشکل اینجاست که زیر منو به پشت سکشن پایینی می افته و کاملا دیده نمی شود. لطفا کمکم کنید باتشکر.
با سلام و احترام، مراحل طراحی یک منوی حرفه ای + منوی موبایلی در دوره پیشرفته المنتور به صورت کامل توضیح داده شده است، مشکل این منوی شما از Z-index است که باید تنظیم شود.
سلام بسیار سپاسگزارم از آموزش های بی نظیرتون . من تقریبا تمام سایتم رو با آموزش های شما گام به گام کار کردم و نتیجه خوبی گرفتم . اما مشکلی که الان دارم اینه که وقتی تو جی تی متریکس سایتم رو تحلیل میکنم یه تعداد زیادی Defer parsing of JavaScript جاوا اسکریپت برام لیست کرده که سرعت رو بشدت کم کرده .یه راهنمایی ازتون میخاستم برا این مشکل .
آیا افزونه ای هست که اینها را اصلاح کنه ؟ من نمیتونم چون بیشتر از ۵۰ تا ارور داده
با سلام آقا فرشاد عزیز، مراحل بهینه سازی سایت برای افزایش سرعت تنها با نصب یک افزونه انجام نمی شود و باید یک سری کار را به صورت مرحله ای انجام دهید، به زودی یک دوره آموزشی افزایش سرعت و عملکرد سایت را منتشر خواهیم کرد، تا بتوانید سرعت بارگذاری سایت تان را به طرز چشم گیری افزایش دهید، و به صورت کامل آن را بهینه کنید.
سپاس از پاسخ شما
بله تاحدودی از آیتم های سرعت سایت اطلاع دارم ولی الان رتبه من تو جی تی متریکس تو همه موارد بالای ۹۵ درصد هستش فقط تو موارد جاوا اسکریپت مشکل دارم . گفتم شاید با یه افزونه بتونم اونها رو اصلاح کنم .
بی صبرانه منتظر دوره آموزشی جدید شما هستم
دادار نگهدارتان
ممنون از همراهی شما.
خدا خیرت بده بابت اموزش کاربردی تون
خوشحالیم که آموزش کاربردی بوده است، ممنون از همراهی شما دوست گرامی.
سلام وقت بخیر، میخواستم تشکر کنم از لطفی که کردید و المنتور پرو رو رایگان در اختیار ما قرار دادید من با این نرم افزار تونستم خودم سایت بسازم و کلی از هزینه هایی که قرار بود بکنم برای طراحی سایت توی این وضعیت بد اقتصادی از بین رفت. امیدوارم خدا به شما و کسب و کارتان رونق و برکت بده. یک سوال داشتم، من یکسری فونت اختصاصی همانطوری که توضیح دادید در المنتور نصب کردم و فقط در قسمت H1 تا H3 جواب میده من میخوام متن بذارم توی سایتم نمیتونم فونت رو عوض کنم یعنی فونت تغییری نمیکنه، ممنون میشم راهنمایی کنید.
درود بر شما، معمولا این مشکلات در اثر وجود کدهای ناسازگار با المنتور در قالب سایت تان است، قالب را تغییر دهید به احتمال زیاد مشکل برطرف خواهد شد، در انتها خوشحالیم که از مطالب سایت راضی بودید، ممنون از اینکه همراه ما هستید.
سلام استاد وقت بخیر. یه سوال داشتم اگه فونتی که شما در جلسه پیش اضافه کردید توی یک سیستم دیگه که قراره وارد سایت ما بشه وجود نداشته باشه بازهم سایت با همون فونت بالا میاد یا برمیگرده رو حالت پیش فرض؟
درود بر شما، زمانیکه فونت اضافه می کنید دیگر در تمام دیوایس ها با هر مدل و فونتی، همان فونتی که شما تنظیم کردید نمایش داده خواهد شد.
استاد گرامی واقعا تشکر من اولین باره با المنتور کار میکنم و تقریبا صفحه تمیزی دراوردم. سلامت باشی.فقط یه سوال اسکرین رو با چه نرم افزاری ریکورد کردید؟
درود بر شما، با نرم افزار apowersoft که یک نرم افزار کاربردی و سبک هست.
سلام و درود مهندس عبدی عزیز..ممنونم بابت آموزشهای خوب و مفید و واقعا عالیتون..
میخام زیرمنوها بالای سایتم، به شکل افقی بشه مثل منوی سایت شما بخش” ابزار طراحی سایت” که زیرمنوهاش افقی هستش.. ممنون میشم راهنمایی فرمایین.
سلام آقا رضای عزیز، برای ساخت منوی افقی شما باید مگامنو طراحی کنید، که آموزش های آن به زودی در دوره پیشرفته قرار خواهد گرفت.
میشه با افزونه های مگا منو این کار رو کرد؟ الان افزونه uber menu رو نصب کردم و تنظیمات رو افقی کردم اما جواب نمیده..
بله امکان پذیر است، اما باید پیکربندی های آن را به درستی انجام دهید.
سلام مهندس عبدی عزیز
برای طراحی مگا منو از دو افزونه مگامنوی اصلی وردپرس – Main Mega Menuو
افزونه مگامنوی حرفه ای – UberMenu
کدام بهتر است؟
درود بر شما، افزونه UberMenu افزونه خوبی است که می تونید استفاده کنید.
سلام
چطور می تونم مثل سایت وبکیما در زیر منو تصویر قرار دهم
سلام؛ آموزش های المنتور را دنبال کنید حتما پاسخ سوالتان را دریافت خواهید کرد.
سلام خدمت شما آقای عبدی عزیز
برای ساخت منو وزیر منو سایت مشابه سایت وبکیما
که زیر منو چند ستونه و حتی دارای تصویر می باشد باید چکار کنم
(میشه تو یک آموزش جدا بزارید)
با سلام خدمت شما آقا امین عزیز، بله به زودی آموزش ساخت مگامنوهای حرفه ای در دوره پیشرفته المنتور قرار خواهد گرفت.
سلام، من هدر سایت رو طبق اموزش شما ساختم، ولی فونتی که در موقع ساخت هدر برای منو ها استفاده کردم، با فونت منو در برگه های سایت متفاوت است
درود بر شما، سوالتان دارای ایهام است! برای اینکه بتوانیم بهتر راهنمایی تان کنیم، سوالتان را کاملا واضح و شفاف بیان کنید.
سلام و خسته نباشید خدمت استاد گرامی ؛ طبق آموزش های شما منوی فهرست رو تنظیم کردم و همه چی اوکیه اما وقتی روی پیش نمایش کلیک میکنم منوی سایت چیزی نیست که طراحی شده یعنی استایلش فرق میکنه (تنظیماتم عمودیه اما توی پیش نمایش افقی میشه منو و افکت هاش از بین میره)
و مساله بعدی این که پس زمینه عکس های png که آپلود میکنم از بین نمیره (عکس با همون زمینه شطرنجی سیاه سفیدش میاد روی سایت) ممنون میشم پاسخ بدید.
در رابطه با منو به احتمال زیاد مشکل از تداخل افزونه ها یا قالب سایت با المنتور است که باید چک کنید، در رابطه تصاویر PNG که می فرمایید، شما از تصاویر PNG استفاده نکردید، اگر از تصاویر PNG (بدون پس زمینه) استفاده کنید، قطعا مشکل برطرف خواهد شد.
دارم رو منو کار می کنم یه مشکل اینکه :
فونت منو فونت دلخواه نیست
برای تغییر رنگ فونت منو هر کار می کنم نمیشه.
این مشکلات در مواردی رخ می دهد که قالب سایت با المنتور سازگاری نداشته باشد.
ممنون مهندس جان… اره این قالب رو غیر فعال کردم اون مشکل حل شد. حالا به نظرتون از چه قالبی استفاده کنم تا بتونم ادامه کار رو انجام بدم.
بسته به نیاز خود، از هر قالبی که با المنتور سازگار باشد می توانید استفاده کنید، در هنگام تهیه قالب توجه کنید که گزینه سازگاری با المنتور قید شده باشد.
سلام آقای عبدی منم همین مشکل رو دارم و از قالب سون استفاده میکنم برای حل این مشکل باید چکار کنم؟
سلام؛ باید قالب سایت تان را به یک قالب که با المنتور سازگار باشد، تغییر دهید.
سلام، میشه توضیح بدید ویدوئی که در این آموزش گذاشتید، باید چطوربسازم
سلام، این مدل ویدیوها یا همان انیمیشن ها را باید با استفاده از نرم افزارهایی همچون افترافکت طراحی کنید.
سلام میشه سایتی معرفی کنید که این انیمیشن ها را اماده گذاشته باشه
با سلام، پیشنهاد می کنم از مقاله => منابع دانلود وکتور رایگان دیدن فرمایید.
سلام مجدد
من مشکل فهرستم حل شد فقط یه سوال دیگه که داشتم اینکه من زمانی که یک فهرست طراحی میکنم مثلا ۴ عنوان داره که واسه هر کدومشون ۱برگه ساختم، حالا میخوام زمانی که فهرست رو اجرا میکنم مثلا رو یکی از آیتم ها که کلیک میکنم وارد صفحه دیگه نشه (یعنی امکان کلیک رو خود اون عنوان وجود نداشته باشه و فقط رو زیر مجموعه هاش بشه کلیک کرد)
با سلام، اگر می خواهید عنوان اصلی فهرست در زمان کلیک صفحه ای باز نشود، تنها کاری که باید انجام دهید این است که لینک آن را پاک کنید و فهرست را ذخیره کنید.
اگه بصورت پیوند سفارشی باشه امکان حذف لینک وجود داره، در صورتی که برگه باشه لینکی وجود نداره
خوب شما عنوان اصلی منو را از طریق پیوند سفارشی ایجاد کنید، مشکلی وجود نداره برای اینکار.
سلام
امکانش هست برای یک صفحه فهرست و پانوشت رو ساخت و خودش تو صفحات بعدی اعمال شه؟ (بدون نیاز به کپی کردن مجدد)
و هم چنین اینکه فهرست اون بالا پین بشه و هرچقدرم که پایین بیام بازهم وجود داشته باشه هست؟
با درود خدمت شما، برای اینکار باید هدر و فوتر را به صورت مجزا از قسمت قالب های المنتور طراحی کنید. برای اینکه هدر سایت تان هم چسبان باشد باید از CSS های اختصاصی یا افزونه های جانبی المنتور استفاده کنید.
سلام میشه اون انیمیشن رو برای من بفرستید چون هر جا سرچ میزنم یه همچین چیزی نیست، تشکر. ایمیلم رو دادم
سلام، انیمیشن را می توانید از صفحه طراحی سایت وبکیما دانلود کنید.
سلام و درود خدمت آقای عبدی ، آیا شما ویدئو ای که در قسمت (طراحی سایت) گذاشتید خودتون طراحیش رو انجام دادید ؟؟ و اگه انجامش دادید میتونم بدونم با چه ابزاری درستش کردید؟؟ باتشکر
دورد دوست خوبم، خیر طراحی اون انیمیشن کار ما نیست ولی شما با استفاده از نرم افزارهایی همانند افترافکت می توانید انیمیشن هایی به همین زیبایی طراحی کنید.
سلام خسته نباشید , منو وب سایت خودتون با المنتور ساختید ؟ اگر ساختید میشه آموزششو بزارید که بتونیم به منو لوگو اضافه کنیم
سلام خدمت شما، طراحی منویی کاملا حرفه ای و ریسپانسیو در دوره پیشرفته آموزش المنتور به صورت کامل آموزش داده شده است و می توانید با مراجعه به صفحه => آموزش المنتور صفحات طراحی شده و بخش های مختلف طراحی شده در این دوره را به صورت کامل مشاهده کنید.
ممنون بابت پاسخگویی شما اقای عبدی.
من از اول تمام کارهایی ک تو آموزش گفتین و انجام دادن. در این قسمت آموزش تو نوار منو وقتی زیر منو حالت کوه انتخاب میکنین دو نوار که یکی عرض و یکی ارتفاع هست در اختیار ما قرار میده المنتور ک بتونیم حالت های زیر منو را شخصی سازی کنیم.
من در سایت خودم این روش و انجام دادم درست کار کرد ولی در ساب منو و حتی لوکال هاست وقتی نوار عرض و تغییر میدم هیچ تغییری اتفاق نمیفته. ممنون میشم راهنمایی کنین.
سلام آقا شادمهر عزیز شما بفرمایید که قالبی که روی ساب دامین یا لوکال هاست نصب دارید با قالبی که روی سایت تان نصب است یکی است یا خیر؟
قالب ۲۰۲۰ که پیش فرض خوده ورد پرس هست؟ امکان داره اشکال از قالب باشه؟
بازم ممنون بابت جواب دادن شما. مطمئن باشین من هر جا باشم تبلیغات سایت شما رو میکنم. واقعا ممنونم.
خواهش می کنم آقا شادمهر شما لطف دارید، بله به احتمال بسیار زیاد یا قالب سایت یا یکی از افزونه هایی که نصب دارید با المنتور ناسازگاری داره که همچین مشکلی دارید، قالب ۲۰۱۹ خود وردپرس را نصب کنید و اگر مشکل برطرف شد که هیچی اگر نشد افزونه های سایت را غیر فعال کنید و بازهم تست کنید به احتمال ۹۰ درصد با یکی از این دو حالت مشکل برطرف خواهد شد.
ممنون از راهنمایی شما درست شد مشکل از قالب بود. خیلی ممنون
سلام. ممنون بابت آموزش های خوبتون.
میخواستم بدونم چطوری با المنتور میشه به بخش نظرات استایل داد؟
سلام آقا پرویز سوالی که پرسیده اید را نمی توان در یک دیدگاه پاسخ داد، به زودی ویدیویی آموزشی در این رابطه در صفحه آموزش المنتور منتشر خواهیم کرد.
استاد عبدی عزیز بنده دقیق دستورالعمل بسیار عالی شما را مو به مو اجرا نمودم و مشکل بصورت کامل و عالی حل شد برای شما و وبسایت بسیار عالی و ارزشمند شما بهترین ها را آرزومندم
شما لطف دارید، خوشحالم که مشکل برطرف شد، موفق و پیروز باشید.
خیر من نخست هدر سایت را از قسمت سفارشی سازی قالب جی نیوز طراحی نمودم اما بعد تصمیم گرفتم با المنتور هدر برای وبسایتم طراحی کنم به همین خاطر هدر قبلی را غیرفعال نمودم و میخواهم هدری که با المنتور طراحی کردم را جایگزین آن نمایم که هر روش انجام می دهم بر روی هدر سایتم سوار نمیشود بینهایت از لطف و آموزش های ارزشمند شما استاد عزیز سپاسگزارم
ببین علی جان شما باید برای اینکه یک هدر را برای کل سایت با المنتور طراحی کنید باید مراحل زیر را طی کنید:
هدر سایت را از منوی Theme Builder => و از تب Header شروع به طراحی کنید سپس از قسمت تنظیمات هدر، تنظیمات Display Conditions را تنظیم کنید و اگر می خواهید در تمام سایت نمایش داده شود، از بین گزینه ها => Entire Site را انتخاب کنید، اگر تمامی این مراحل را طی کردید و باز هم مشکل همچنان پابرجا بود و هدر روی سایت قرار نگرفت به احتمال بسیار زیاد افزونه المنتور با یکی از افزونه های سایت تان یا خود قالب سایت تان سازگار نیست. ولی حتما دقت داشته باشید که برای قرار دادن هدری که طراحی کردید تنها به همان روشی که توضیح دادم این کار را انجام دهید و روش های دیگر تنها برای طراحی در برگه های سایت به کار می رود و برای هدر اصلی سایت کار نخواهد کرد.
با سلام و احترام
من در حال طراحی سایت وردپرسی خود هستم و هدر صفحه اصلی وبسایتم را با المنتور طراحی نمودم و همچنین هدری که قبلا هم ساخته بودم بدون المنتور بصورت کامل قبلش حذف نمودم و بعد از اینکه میخواستم هدری که با المنتور طراحی نمودم را بر روی صفحه اصلی سایتم قرار دهم متاسفانه سوار نشد حتی از قسمت تنظیمات المنتور هم استفاده کردم اما همچنان مشکل باقی هست من از قالب جی نیوز استفاده میکنم اگر امکانش هست مرا راهنمایی کنید بینهایت از لطف شما سپاگزارم
سلام علی آقا،
منظورتون از اینکه هدر قبلی رو پاک کردید چی هست؟ یعنی هدر اصلی قالب رو پاک کردید؟