آموزش جامع طراحی هدر با المنتور – Elementor Header

( شنبه ، 13 خرداد سال 1402 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

جلسه بیست و ششم

آموزگار :

مهدی جبین پور

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

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

خرید محصول ویدئو بالا

جهت خرید کلیک کنید.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

آموزش جامع طراحی هدر با المنتور – Elementor Header

( شنبه ، 13 خرداد سال 1402 )

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

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

هدر همچنین می تواند نقش مهمی در ارتقای هویت برند تجاری شما داشته باشد با ترکیب عناصری مانند لوگوی شرکت، تایپوگرافی، رنگ‌ها و زبان کلی برند.

هدرها همچنین حاوی گزینه‌های کاربردی مانند ناوبری سایت، جستجوی سایت، سبد خرید (برای سایت‌های فروش)، دکمه‌های فراخوان برای اقدام (CTA) و سایر عملکردهایی هستند که تجربه کاربر را بهبود می‌بخشند و نرخ تبدیل را افزایش می‌دهند.

 

 

برای نوشتن دیدگاه باید وارد بشوید.

100 دیدگاه. Leave new

  • محسن حسین زاده
    می 31, 2023 12:32 ق.ظ

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

  • ماهان قوی قلب کلویری
    می 18, 2023 4:34 ب.ظ

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

    • علی حیدری
      می 20, 2023 12:21 ب.ظ

      باسلام خدمت شما

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

      از حضور شما ممنونیم.

  • مهدی دهقانی
    می 1, 2023 12:50 ب.ظ

    سلام من با نوا منو منو ساختم ولی گذینه هاش توسایت نیست ولی خود المنتور نشون میده چیکار بید بکنم درست بشه

  • سید محمد حسین نیری
    آوریل 12, 2023 10:05 ب.ظ

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

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

  • امیررضا رضایی
    مارس 24, 2023 8:32 ب.ظ

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

  • علیرضا خیامدار
    فوریه 24, 2023 6:50 ب.ظ

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

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

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

  • فرشاد خلیلی
    ژانویه 26, 2023 4:15 ب.ظ

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

  • محمد دهشیری
    ژانویه 18, 2023 10:40 ب.ظ

    سلام خسته نباشید ببخشید امکانش هست با المنتور دسته بندی مثل این سایت رو بسازم ****

  • محمد امین سلامت
    ژانویه 16, 2023 5:13 ب.ظ

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

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

  • سلام وقتتون بخیر
    ایا میشه داخل المنتور به دلخواه فونت اضافه کرد؟

  • ممنون از اموزشهای خوبتون، در مورد بخش جستجو گفتید یه ویدئو داریم ولی من ندیدم وردپرس بیشترین ضعف رو در همین بخش جسجو رو داره به نظر من

  • رضا حسینی نژاد
    نوامبر 3, 2022 11:34 ق.ظ

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

  • حسام قاسمی
    اکتبر 24, 2022 1:10 ب.ظ

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

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

  • عرفان باقرزاده
    اکتبر 9, 2022 2:48 ق.ظ

    بهترینید

  • ی سوال دیگه هم داشتم ، ممنونم
    برای تنظیم سایز عکس تو برای مانیتور های بزرگ چه سایزی مناسبه و چطوری میشه تعیین کنیم ؟ منظورم در حالت دسکتاپ معمولی رو یک سایز بگذاریم و برای مانیتورهای با اینچ بالا ی سایز دیگه
    سپاسگزارم از محبت شما

  • عباس یوسفی
    آگوست 15, 2022 2:28 ب.ظ

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

  • پویا صادقی
    جولای 30, 2022 7:25 ب.ظ

    سلام روزتون بخیر
    من وود مارت و المنتور پرو از سایت شما تهیه کردم برای ساخت هدر از کدوم هدر ساز استفاده کنم بهتره ؟
    هدر ساز وودمارت امکانات بیشتری داره یا المنتور ؟

  • امیرعباس خدری
    جولای 11, 2022 5:01 ب.ظ

    سلام روز بخیر. چطور دکمه ورود/ثبت نام قرار بدم؟ قالب من وودمارت هست ولی هدر با المنتور

  • جواد کوچکی ورنوسفادرانی
    ژوئن 6, 2022 7:30 ق.ظ

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

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

  • علی رضا فاضل
    آوریل 11, 2022 5:05 ب.ظ

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

  • محمدرضا میرجعفری
    فوریه 13, 2022 1:02 ب.ظ

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

    • کارشناس پشتیبانی شماره دو
      فوریه 13, 2022 1:48 ب.ظ

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

    • محمد حسین محمدی
      مارس 26, 2022 11:18 ب.ظ

      ببخشید این بخش در ورد پرس نیست لطفاً بیارید

  • شیما محمدی
    ژانویه 7, 2022 1:01 ق.ظ

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

  • سلام و خدا قوت. برای ساخت هدر و منو جذاب حتماً باید المنتور پرو رو خریداری کنیم یا اینکه با همین المنتور که هست روی قالب وودمارت میشه طراحی کرد هدر و منو رو؟ ممنون

  • رامین سلطانی
    سپتامبر 26, 2021 1:03 ق.ظ

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

  • سلام و عرض خسته نباشید
    ببخشید من یه قالب ایمپرزا دارم و المنتوری که از سایت شما تهیه کردم روی اون نصب کردم و درحال طراحی هدر بودم
    وقتی هدر رو طراحی کردم تموم شد با هر مرورگری و چه با pc و یا باموبایل امتحان میکنم هیچ کدوم از گزینه هام از منو که سلکت میکنم کاری انجام نمیده
    مثلا تو گوشی وقتی اون سه خطی که برای باز شدن منو هستش رو هر چقدر سلکت میکنم کشوی منو باز نمیشه و یکسری ایراد دیگه!
    خیلی ممنون میشم راهنمایی کنید

    • کارشناس پشتیبانی شماره دو
      فوریه 7, 2021 1:05 ب.ظ

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

  • امیر مولائی
    فوریه 1, 2021 10:54 ب.ظ

    سلام چجوری باید تصویر پس زمینه برای هدرمون قرار بدیم؟

  • سلام اقای جبین پور، بنده یک سایت طراحی کردم به صورت کامل با المنتور و به تازگی متوجه شدم برای ساخت هدر و فوتر اصولی حتما باید از قسمت مربوط به قالب ها و قسمت هدر ، هدر و از قسمت فوتر، فوتر را طراحی کنم تا تگ بندی درست رعایت شود در صورتیکه بنده فکر میکردم اگر با ساخت سکشن هدر و فوتر ایجاد کنم و تگ html اونها رو روی هدر و فوتر قرار بدم درست میشه، حالا میخوام درست کنم این قسمت ها رو و وقتی میسازم هدر و فوتر را باید برم و طرح بندی صفحات چیده شده را از canvas روی پیش فرض یا تمام عرض بزارم تا هدر و فوتر اضافه شود و قبلی هارم پاک کنم حالا با تغییر طرح بندی صفحه ها مشکلی برای سایت پیش نمیاد ؟ و اینکه به سئو هم که هیچ ربطی نداره؟ یک سوال فنی دیگه هم دارم 🙂 اینکه بنده چندتا از صفحاتم هدر و فوترشون متفاوت خب میدونم که باید برای هر کدام هدر و فوتر بسازم و از قسمت include , exclude تنظیم کنم که برای صفحه نخست یا برای همه صفحات باشه اما چطوری میتونم یک صفحه خاص (برگه) را در اون قسمت انتخاب کنم؟؟ که فقط برای اون برگه ایجاد شه.. سوال طولانی شد اما خیلی ممنون میشم راهنمایی فرمایید.

    • تیم پشتیبانی
      ژانویه 19, 2021 1:42 ب.ظ

      سلام بر شما ، با ساخت هدر مجدد از نظر سئو یا وبسایت مشکل خاصی ایجاد نمی شود و جای نگرانی نیست. اگر میخواهید برای یک برگه یا نوشته خاص هدر یا فوتر اختصاصی قرار دهید در همان ویرایش برگه می توانید هدر خاص را انتخاب کنید. باتشکر

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

  • سلام باتشکر از آموزش عالیتون
    یک سوال :
    آیا از هدر های اماده استفاده کنیم مشکلی در سئو پیش نماید نمره منفی نداره که هدر اصلی پنهان شه
    واینکه یک سوال دیگه داشتم
    اگه در المنتور از متن های متحرک و فانتزی که در سایت ابزار وردپرس استفاده شده افکت های متنی مثل حالت فنسی تکست ویژوال کامپوزربه عنوان تگ H1 یا H2 استفاده شه سئو خراب یا نمره منفی نداره

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

    • کارشناس پشتیبانی شماره دو
      سپتامبر 16, 2020 9:28 ق.ظ

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

  • سلام خسته نباشید
    من با افزونه المنتور شبکه های اجتماعی و دکمه و … اضافه کردم و ساختم اما با کلیک کردن بر روی به روزرسانی که ذخیره بشه . ذخیره میشه ولی در سایتم نشان داده نمیشه. ممنون میشم راهنمایی کنید.

    • کارشناس پشتیبانی شماره دو
      سپتامبر 1, 2020 9:41 ب.ظ

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

  • شهاب گیلانی
    آگوست 1, 2020 12:00 ق.ظ

    سلام روزتون بخیر
    چرا فونت قسمت هدر با بقیه قسمت های سایت (قالب ایمپرزا) فرق میکنه و قابل تنظیم نیست؟

    • کارشناس پشتیبانی شماره سه
      آگوست 1, 2020 2:14 ق.ظ

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

  • مهدی زرگرزاده
    ژوئن 11, 2020 5:36 ق.ظ

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

  • سید حمید رضا موسوی
    ژوئن 1, 2020 1:05 ب.ظ

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

    • کارشناس پشتیبانی شماره دو
      ژوئن 1, 2020 3:13 ب.ظ

      با سلام ، ممنون از حضور شما ،
      ورژن php سایت خود را به 7.2 یا 7.3 ارتقاع دهید ، در صورتی که حل نشد ، تداخل افزونه ای است ، افزونه های سایت را تک به تک غیر فعال نمایید تا تداخل افزونه را مشاهده نمایید.
      با تشکر.

  • سلام بر شما ، من الان هدرم طراحی کردم برای سایتم ولی ریسپانسیو نیست چطور می تونم حالت ریسپانسیو بودنش فعال کنم

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

    • کارشناس شماره سه
      مارس 29, 2020 12:57 ق.ظ

      سلام بر شما، احتراماً با ایمیلی که دیدگاه ارسال شده است خریدی یافت نشد. در صورت تهیه محصول از ناحیه کاربری تان تیکت ارسال نمایید همکاران بنده در خدمت شما هستند. باتشکر از حضور شما

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

  • سلام ممنون از آموزش هاتون.وقتی هدر ساخته شده با المنتور رو در سایت فعال میکنم رنگ سایت سفید میشه(قسمت محتوا) و دیگ رنگ هارو از قالب نمیگیره (قالب زفایر).اون تیکی که توی تنظیمات المنتور هم هست رو زدم که رنگ هارو از قالب بگیره ولی نمیشه .ممنون میشم راهنمایی کنید

فهرست