آموزش طراحی هدر چسبنده در المنتور – Sticky header

جلسه

بیست و هشتم

زمان ویدئو

11 دقیقه

محتوای این جلسه

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

سوالی داری؟ در دیدگاه های این ویدئو میتونی سوالت رو مطرح کنی

در بخش نظرات مطرحش کن! ما به همه سوالات جواب میدیم

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

Views 0
تجربه کاربران

دیدگاه‌ها و پرسش‌ها

37 دیدگاه

دیدگاه یا پرسش خود را بنویسید

  1. علی حاج دولی
    استاد سلام وقت بخیر من کد css برای نیامدن بخشی از هدر میزنم کار نمیکنه
    1. محمد قاسمی

      سلام وقت شما بخیر،

       

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

      با تشکر.

  2. مسعود احمدی
    سلام در قالب فروشگاهی آماده وودمارت که باالمنتور طراحی شده ، هدر سایت کجاهست که بشه ویرایشش کرد؟ فوتر هست ، اما هدر پیدا نمی شه.
  3. حسین سلمانی
    با سلام اگه بخوایم دو هدر داشته باشیم که یکی همیشه ثابت باشه ولی دومی موقعی که اسکرول به پایین میکنیم حذف بشه و هنگام اسکرول به بالا دوباره ظاهر بشه، چیکار باید بکنیم؟ ممنون
    1. محمد قاسمی

      سلام وقت شما بخیر،

       

      این مورد نیازمند یکسری کدنویسی ها می‌باشد.

      با تشکر.

  4. محمدطاها اسماعیل پور
    درود برای مخفی کردن بدون استفاده از css می توان به کانتینر مدنظر ویژگی چسبانن را داد.
    1. محمد قاسمی

      سلام وقت شما بخیر،

       

      در این خصوص به نظر می‌رسد css عملکرد بهتری داشته باشد.

      با تشکر.

  5. علیرضا کلیان
    سلام وقت بخیر سوالم اینه که:" چه طور می شود هدر بعد از چسبان شدن، رنگ پس زمینه را به خود بگیرد؟"
    1. محمد قاسمی

      سلام وقت شما بخیر،

       

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

      با تشکر.

  6. محمدصادق شفایی
    سلام استاد.ممنون از آموزش های کاربردی و عالیتون.مشکلی که دارم اینه که در المنتور ، به جای گزینه ی چسبان ، گزینه ی شناور دارم و هر بار که وارد سایت میشم ، هدر چسبانی که طراحی کردم کار نمیکنه و باید یکبار وارد ویرایشگر المنتور شده و گزینه ی شناور رو غیرفعال کنم و دوباره روی حالت بالا بذارم ، بعدش که وارد سایت میشم هدرچسبان فعال میشه ولی هربار باید این مراحل رو طی کنم
    1. محمد قاسمی

      سلام وقت شما بخیر،

       

      از همراهی شما بسیار ممنونیم ، در ابتدا بررسی فرمایید افزونه المنتور و المنتور پرو در سایت شما آپدیت بوده باشد ، سپس اگر همچنان هدر برایتان بصورت چسبان نمایش داده نمیشود مانند حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data اقدام کرده و سپس تست فرمایید.

      با تشکر.

  7. علی سماواتی
    با درود، بنده هدر رو طراحی کردم، ولی هدر خیلی سریع به سمت بالا میره، برای زیبایی چطور میشه هدر زیرین که به سمت بالا حرکت میکنه کمی کندتر حرکت کنه؟
    1. محمد قاسمی

      سلام وقت شما بخیر،

       

      در این خصوص میتوانید در بخش موشن افکت ، یک افکت انتخاب و سرعت آنرا مدیریت فرمایید.

      با تشکر.

      1. علی سماواتی
        سپاس از شما، جناب قاسمی در هر 3 کانتینر این مورد رو انجام دادم ولی انجام نشد. من میخواستم کانتینر پایینی که منو دارد رو مخفی کنم و کانتینر بالایی در هدر چسبان بمونه طبق آموزش شما درست کار میکنه ولی سرعت مخفی شدن کانتینر پایینی خیلی زیاده و هر کاری می کنم آهسته مخفی نمیشه.
        1. محمد قاسمی
          از همراهی شما بسیار ممنونیم ، خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا سایت شما بررسی شود. باتشکر
  8. محمدرضا ورمزیار
    سلام و خسته نباشید برای اینکه در حالت ریسپانسیو و موقع باز شدن منوی کشویی، هدر افزایش ارتفاع پیدا نکنه چکار باید کرد؟
    1. محمد قاسمی

      سلام وقت شما بخیر،

       

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

      با تشکر.

  9. حسین برادران راد
    سلام وقتتون بخیر میخواستم بدونم میشه کلا ی هدر جدا طراحی کنیم برای وقتی که سایت رو اسکرول میکنیم ظاهر بشه
    1. محمد قاسمی

      سلام وقت شما بخیر،

       

      این مورد امکان پذیر است اما بایستی با css آنرا ترکیب کنید.

      با تشکر.

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

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

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

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

      1. ارش رجبی
        آپدیت هارو توی دیسکریپشن بنویسید. منم میخوام بدونم چجوری وقتی میاد پاریین لوگو بیاد تو هدر چسبنده . چجوری کاری کنم وقتی اسکرول به سمت پایین میره کل هدر یا بخش از اون غیب بشه . وقتی اسکرول به سمت بالا میاد ظاهر بشه؟
        1. مسعود احمدی
          من برای قالب وودمارت میدونم که توی نوار بالای صفحه وقتی لاگین هستی ، قسمت وود مارت - هدرساز - ویرایش هدر - تنظیمات - قسمت چسبنده ، می شه ویرایش کرد . اگر هدر دو ردیفه باشه ، از ردیف بالا لگو و از ردیف پایین منوی اصلی می مونه و توی یک ردیف هنگام اسکرول رو به پایین نمایش می ده. مثل سایت دیجی کالا. اما اگر بخوای رو به پایین باشه بشه و رو به بالا حذف بشه ، توی همین قسمتی که گفتم یک گزینه داره که می تونی انتخابش کنی. ولی جفت این دو گزینه با هم کار نمی کنه.
آموزش افزونه اسلایدر روولوشن
چطور سایت پویا و جذابی با اسلایدر داشته باشیم؟
آموزش کسب درآمد از طراحی سایت
چطور از وردپرس پول در بیاریم؟
آموزش جامع ووکامرس
برای ساخت یک فروشگاه تمام عیار آماده اید؟
بهترین قالب خودرو و نمایندگی خودرو - سایت آماده نمایندگی خودرو با قابلیت رزرو نوبت خدمات
همه آنچیزی که در زمینه خودرو نیاز است...!
قالب فروشگاه پت شاپ و حیوانات خانگی
فروشگاه لوازم و غذا و خدمات پت باهم !
سایت آماده فروشگاه اسباب بازی
خلاقانه ترین فروشگاه آنلاین را بساز!