اولین چیزی که هنگام بازدید از یک وب سایت متوجه می شوید چیست؟ هدر، درسته؟ آره! ما همه مثل همیم!
هدر اولین چیزی است که نظر بازدیدکنندگان را در سایت شما جلب می کند. شما می توانید هدر را به عنوان ستون فقرات هر وب سایتی در نظر بگیرید.
مهم نیست که صاحب یک سایت تجارت الکترونیک، سایت وبلاگ، رسانه های اجتماعی، انجمن یا یک سایت نمونه کار شخصی هستید، باید یک منوی ساده و آسان برای پیمایش اضافه کنید.
با این حال، افزودن یک هدر ساده به منو اکنون کافی نیست! شما باید هدر را سفارشی کنید تا بهترین تجربه کاربری را به مخاطبان خود ارائه دهید. و شما می توانید این کار را با ایجاد هدر شفاف Elementor و چسبناک انجام دهید!
در این مقاله، من می‌خواهم پیشرفته‌ترین روش اما زمان‌بر برای افزودن یک هدر چسبناک شفاف برای Elementor به وب‌سایت خود را به شما نشان دهم!
بیایید یک هدر چسبنده Elementor ایجاد کنیم که بازدیدکنندگان را در نگاه اول عاشق وب سایت شما کند.
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
103 دیدگاه. Leave new
سلام روزتون بخیر. ممنونم از آموزش های خوبتون
من قسمت ساخت هدر شفاف رو دیدم . اونجایی که برای پس زمینه هدر میاد پایین . چطوری تنظیم کنم که همون ابتدای رفرش نیاد پایین. برای من همون لحظه با تنظیم افست روی ۱۰۰ میفته پایین. یعنی بالای هدر فضای خالی در بالای کانتکت ایجاد میکنه. راه حلش چیه؟ و همینطور کدی که قرار دادید کار نکرد که به طور دستی تنظیمش کردم. لطفا راهنماییم کنید .
با تشکر
سلام وقت شما بخیر،
در این خصوص با تنظیم آفست بایستی این مورد حل شود ، پیشنهاد می کنم از بروز بودن افزونه المنتور خود مطمئن شوید و سپس تست فرمایید
با تشکر.
سلام خسته نباشید. من این کد رو که میزنم کار نمیکنه، چند سایت دیگه هم برای این قضیه کد گذاشتن اوناهم استفاده کردم کار نکردن. ایراد از چی میتونه باشه؟
سلام وقت شما بخیر،
پیشنهاد می کنم آموزش زیر را هم مشاهده فرمایید
ساخت هدر چسبان برای وب سایت زیبا در المنتور
با تشکر.
سلام خسته نباشید. این کد برای من کار نکرد. چیکار کنم
سلام وقت شما بخیر،
پیشنهاد می کنم از ساخت هدر چسبان برای وب سایت زیبا در المنتور نیز دیدن فرمایید.
با تشکر.
این جلسه فوق العاده بود. دمتون گرم
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم
با تشکر.
سلام خسته نباشید, این کد برای من خطا میده و کار نمیکنه
سلام وقت شما بخیر،
چه خطایی برای شما در این خصوص نمایش داده می شود؟
با تشکر.
سلام وقت بخیر ممنونم از تیم محترم ابزاروردپرس بابت آموزش های خوبتون یک سوالی که هست الان اینه که نسخه المنور استاد با ما فرق داره و وقتی که میخوام در تنظیمات ردیف محتوا رو وسط چین کنم مثل ما استاد در قسمت طرح بندی گزینه نداره و فقط یک تعداد ایکون هست که میگه مثلا وسط چین یا راست چین که معمولا هم درست کار نمیکنه اگر میشه لطفا راهنمایی کنید تشکر
سلام بر شما وقت بخیر
دقت نمایید که آخرین نسخه المنتور باشد و آموزش زیر هم بنظر برای شما نیاز است
آشنایی با مفهوم فلکس باکس
سلام برا من تو خط سوم کد اخطار میده باید چیکار کرد ؟
سلام وقت شما بخیر،
خواهشمند است بررسی فرمایید کدها دقیقا مانند ویدیو باشد ، درصورت رفع نشدن خطای رخ داده را ارسال فرمایید.
با تشکر.
سلام در این کد ما نمیتوانیم کد css دیگری قرار دهیم؟ مثلا بخواهیم رنگ فونت منو هم بعد اسکرول عوض شود چیکار باید کرد؟
سلام وقت شما بخیر،
این مورد قابل انجام است و میتواند با توجه به ساختار هدر و تنظیمات آن تعیین کرد که در حالت های مختلف تغییراتی روی آن صورت گیرد.
با تشکر.
سلام وقت بخیر بنده این کد css رو وارد می کنم ولی کار نمیکنه اما وقتی به کل اون ردیف اسم کلاس رو میدم کار می کنه در ضمن افست هم اعمال نمیشه چیکار باید بکنم؟
سلام وقت شما بخیر،
در خصوص آفست دقت داشته باشید که حتما افزونه شما بروز بوده باشد ، درخصوص مورد بعدی دقت داشته باشید که فرایند را صحیح و کدها را دقیقا مانند آموزش تنظیم نموده باشید.
با تشکر.
سلام وقتتون بخیر وقت سایت رو سرچ میکنم هیچ تغییراتی رو نمیبینم نه هدر نه بکگراندش،فقط از توی برگه از قسمت نمایش نشون داده میشه؟
ممنون میشم اگه راهنمایی کنید.
سلام وقت شما بخیر،
منظورتان این است که تغییراتی که روی سایت انجام می دهید برایتان اعمال نمیشود؟
با تشکر.
اگر کار نکرد این کد را وارد کنید
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
دوستان این کد رو وارد کنید کار میده
با عرض سلام وخسته نباشید خدمت دوستان گرامی وتیم ابزار ورد پرس
عزیزان اگر کد گفته شده در ویدیو برای شما کار نکرد فقط کافی است که به تنظیمات المنتور بروید و در بخش ویژگی ها گزینه بهبود بارگذاری css را بر روی فعال بگذارید وتغییرات را ذخیره کنید سپس صفحه خود را با شیف و اف پنج رفلش نمایید
باتشکر
درود اون کلاس css رو خودتون دادین یا کلاسی هست که از قبل المنتور براش تعریف کرده؟ من یک کلاس دلخواه دادم به اون کانتینر و بعد کد شما رو نوشتم اعمال نشد
سلام وقت شما بخیر،
این کدها مواردی است که توسط المنتور معرفی شده است که می توانید استفاده کنید، اگر برای شما نتیجه مانند آموزش نشد دقت داشته باشید که کدها را بدرستی تنظیم کرده باشید.
با تشکر.
سلام من z index رو تغییر میدم ولی چیزی اعمال نمیشه بار ها تست کردم
سلام وقت شما بخیر،
مشکل در بخشی از انجام کار است. ممکن است که بخشی که برای این مورد انتخاب کرده اید نیاز به کد دیگری داشته باشد که در هر صورت در بخش دیدگاه متاسفانه امکان بررسی نیست. اگر محصولی از ما تهیه کرده اید ، تیکت ارسال نمایید.
با تشکر.
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
برا کسایی که کار نمیکنه من با این حل کردم
اگه کپی کنین ممکنه کار نکنه خودتون دستی بین sticky و effects دوتا — دش بزارین
اگه کپی کنین ممکنه کار نکنه خودتون دستی بین استیکی و افکت دوتا — دش بزارین
سلام وقت بخیر این کد اعمال نمیشه و خطا می ده
سلام وقت شما بخیر،
در این خصوص دقت داشته باشید که کد را مانند ویدیو بدون کم و کاست قرار دهید زیرا بصورت کلی خطایی در آن وجود ندارد.
با تشکر.
با عرض سلام و خسته نباشید
راجع به کدی که پایین ویدئو گذاشته شده یه سمی کولن( نقطه با ویرگول )اضافه گذاشته شده
کدی که داخل ویدئو نشان داده می شود درست هست
من بعد نیم ساعت فهمیدم
دیدگاهم برای کسانی که کد رو اعمال میکنن میتونه مورد استفاده قرار بگیرد
با تشکر
پاسخ
سلام وقت شما بخیر،
بابت ذکر این مورد از شما تشکر می کنیم.
با آرزوی موفقیت برای شما.
سلام
خسته نباشید جناب جبین پور
خیلی تشکر میکنم از خدمتتون بابت آموزشهای حرفه‌ای و بیان گرم و صمیمی شما با دانشجو ها
امیدوارم همیشه موفق باشید.
سلام وقت شما بخیر،
از همراهی شما با مجموعه ابزار وردپرس بسیار خوشحالیم.
با تشکر.
سلام.سوالی که من دارم و تو خیلی اموزشهای دگ توصیه کردن اینه که مثلا قالب هدر رو میسازین حتما تگش رو هم header بزارین توی تنظیمات چون برای سئو سایت اهمیت زیادی داره ولی چرا در این اموزش و ساخت فوتر و ساید بار و اینها این مسئله گفته نمیشه
سلام وقت شما بخیر،
بصورت پیشفرض المنتور برای نواحی مانند هدر و فوتر و… این تگ ها را لحاظ میکند.
با تشکر.
سلام وقت بخیر آموزش عالی بود فقط این کد برای من کار نمیکنه مشکلش چیه؟
سلام وقت شما بخیر،
این کد توسط ما تست شد و مشکلی نداشت پیشنهاد می شود بررسی فرمایید که دقیقا مانند ویدیو از کد استفاده کرده باشید
با تشکر.
باعرض سلام و تشکر از آموزش های خوبتون
من قبلا هدر رو به صورت چسبان تنظیم کرده بودم ولی دیدم الان درست کار نمیکنه
با آموزشهای شما پیش رفتم و همه چیز رو دوباره تنظیم کردم ولی هدر من اصلا چسبان نمیشه
دلیلش چی میتونه باشه
سلام وقت شما بخیر،
در این خصوص پیشنهاد می شود بررسی فرمایید که کدها را دقیقا مانند آموزش تنظیم و درج کرده باشید همچنین بعد از اینکار کش مرورگر خود را نیز خالی کرده و تست کنید.
با تشکر.
تشکر از پاسخگوییتون
بله همه را چک کردم درست هست ، قبلا کار میکرد و الا نکه این آموزشها رو دیدم دوباره از اول انجام دادم بلکه درست بشه نمیشه
یه هدر جدید هم جداگانه ایجاد کردم که از نو ساخته باشم ولی چسبان نمیشه
سلام بر شما وقت بخیر
نیازمند بررسی است ، اگر محصولی از ما تهیه کرده اید، تیکت ارسال نمایید تا بررسی و به شما توضیح دهیم.
با تشکر.
سلام عرض شد با تشکر فراوان از آقای جبین پور و تیم پشتیبانی. ببخشید. این. کد css رو من کپی کردم و پیست کردم در همان قسمت اما تغییری ایجاد نشد. و سوال بعدیم این است که. خط تیره ها به صورت (شیفت + کلید منفی) آندرلاین(_) است یا خطر تیره معمولی فقط کلید منفی (-) و آیا بین کلمات فاصله ای وجود دارد
سلام و وقت بخیر
اگر منظور شما این بخش است ، اینها دو خط فاصله معمولی است.
برای تغییر زبان المنتور به انگلیسی باید چکار کرد ؟
سلام وقت شما بخیر،
درصورتیکه که زبان پیشخوان شما انگلیسی باشد المنتور نیز به اینصورت نمایش داده می شود.
با تشکر.
سلام خسته نیاشید
ببخشید من به مشکلی برخوردم ، درآن قسمت فیلم آموزشی که باید هدر را مارجین منفی دهیم و…. بقیه تنظیماتش من هر کاری که کردم هدرم بر روی تصویرم بیاید و شفاف شود نشد به نظرتان چکار کنم ؟
سلام وقت شما بخیر،
با انجام این تنظیمات وضعیت هدر شما به چه صورت شده است؟ گاهی اوقات با دادن z-index به هدر مشکل رفع میشود.
با تشکر.
سلام و خداقوت خدمت شما
راجع به تنظیمات هدر که مقدار 100 به افکت افست میدیم که برای اینکه وقتی هدر پایین میاد وصفحه اسکرول میشه یک گراند بگیره . بک گراند میگیره ولی اون افکت افست اعمال نمیشه؟ چندین بار هم با دقت انجام دادم ولی نشد.دلیلش چیه وچه راهی داره؟ ممنون از شما…
سلام وقت شما بخیر،
اگر طبق ویدیو انجام دادید و باز مشکل وجود داشت پیشنهاد می شود کش مرورگر خود را خالی و سپس تست فرمایید
با تشکر.
با سلام و احترام و خسته نباشید.
در این ویدئو در انتهای ویدیو دقیقه 14.51 استاد میگن اگر کاندیشن نیومد بیاین کنار به روز رسانی رو کلیک کنید و دوباره میشه تظیمات کاندیشن رو انجام داد ولی در حال حاضری که من دارم با المنتور کار میکنم این گزینه نیست و من می خوام تغییراتی در کاندیشن بدم نمیدونم از چه قسمتی باید اعمال کنم
ممنون میشم منو راهنمایی کنید
سلام وقت شما بخیر،
دکمه انتشار یا بروزرسانی در المنتور وجود دارد و نمیشود که نباشد.
با تشکر.
این کد کار میکنه
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
در واقع بعدsticky باید دوتا خط تیره( – -) قرار بدیم ولی چسبیده بهم
با سلام
من کلیه نکات اموزشی رو قدم به قدم انجام دادم ولی کد CSS که وارد میکنم هیچ بک گراندی بهش اضافه نمیشه؟
سلام وقت شما بخیر،
گاهی اوقات این مورد میتواند به دلیل کش شدن داده ها در مرورگر باشد که پیشنهاد میشود این موضوع را در نظر بگیرید.
با تشکر.
با سلام
من توی نمایش صفحه اصلی قسمت هدر شفاف نمیتونم اولین آیتم منو (صفحه اصلی) رو ببینم. مشکل کجاست؟ توی تنظیمات ستون منو، صفحه اصلی رو میبینم ولی وقتی خود برگه صفحه اصلی لود میشه کلمه صفحه اصلی از توی لیست منو دیده نمیشه
باسلام خدمت شما
ممکن است در پس زمینه این بخش از سایت رنگ زمینه با پیش زمینه کنتراست لازم را نداشته باشند و در واقع یک رنگ باشند که پیشنهاد میشود بررسی فرمایید.
از حضور شما ممنونیم.
ببخشید این کد هیچ جور برا من جواب نمیده
درود فراوان خدمت شما
این مورد توسط ما تست شد و مشکلی نداشت دقت داشته باشید که کد را دقیقا مانند آموزش در سایت درج کنید.
باتشکر از همراهی شما
یه مشکل کوچیک داشت
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
این جواب میده
درود و تشکر از شما بابت ذکر این موضوع
سلام وقت بخیر ببخشید بک گراند برای من نمیاد مشکل از چیه
وقت بخیر جناب محمدی، می تواند از موارد مختلفی باشد که نیاز به بررسی دارد. بهتر است که از پشتیابنی محصول خود سوال نمایید.
سلام اقای جبین پور عزیز. امیدوارم که عالی باشید .
میخاستم بگم این کدی که نوشتد کپی کنیم برای css بعد از sticky همونطور که تو ویدئو فرمودین باید دوتا — داشته باشه . ولی اینجا یدونه – داره .
باسلام خدمت شما
از کدی که قرار گرفته است استفاده نمایید ، مشکلی ندارد.
از حضور شما ممنونیم.
من این کد رو استفاده کردمم بکگراند اعمال میشه اما افست رو هر کار میکنم اعمال نمیشه
وقت شما بخیر
متاسفانه مشکل شما به این صورت قابل بررسی نیست.
ممکن است بخشی از کار اشتباه باشد.
در صورتی که محصولی از ما تهیه کرده اید تیکت ارسال نمایید.
برا اونایی که کار نمی کنه از کد زیر استفاده کنن….
.elementor-sticky{
background-color:rgba(0,0,0,0.5) !important;
}
من این کد رو استفاده کردمم بکگراند اعمال میشه اما افست رو هر کار میکنم اعمال نمیشه
ببخشید این کد از من جواب نمیده مشکل چیه
درودفراوان خدمت شما دوست عزیز همه کدهایی که دوستان زده بودند راانجام دادم ولی جواب نداد وکدشما جواب داد تشکر میکنم ازشما❤
سلام آموزش جالبی بود این جلسه ممنون
سلام و عرض خسته نباشید
واقعا آموزش فوق العاده ای بود، تشکر فراوان.
واسه رسپانسیو کردن تو اندروید نگفتید هیچی که
درود و عرض ادب
بله در ادامه این مورد هم مطرح می شود.
مرسی از اموزش هاتون مهندس جبین پور عزیر
سلام کد css رو اشباه وارد کردین کد درستش اینه
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
سلام و عرض ادب
ویدئو خیلی مفیدی بود. آز آقای جبین پور بی نهایت ممنونم.
باتشکر
سلام. در بخش حساب کاربری فقط یک دکمه ایجاد شد و اسمش گزاشتین حساب کاربری.الان من میخوام اول ورود و ثبت نام بزارم و بعد که کاربر وارد شد حساب کاربری نمایش بده که بره تو پنل. چجور میتونم اینکار انجام بدم؟ووکامرس هم دارم
وقت بخیر،
زمانی که بر روی حساب کاربری کلیک می شود ، در صورتی که کاربر ثبت نام نکرده باشد، وارد بخش لاگین ویا ثبت نام می شود.
با تشکر.
من متوجه نشدم که چه لینکی زدین برای اون دکمه؟
سلام و عرض ادب
لینک برگه ناحیه کاربری دارد.
با تشکر.
برگه ناحیه کاربری خودتون طراحی کردین یا از ووکامرس؟
سلام منظور شما سایت ابزار وردپرس است؟ اگر بله توسط خود ما طراحی شده است.
سلام چرا برای من کد css کا نمیکند؟
اصلا بکگراند نمیاد.
وقت بخیر
در وارد کردن آنها دقت نمایید.
با تشکر.
سلام دوست عزیز . شما باید ابتدا یک کلاس برای کل ردیف هدر تعریف کنید .
همانطور که میدونید نام کلاس باید elementor-sticky–effects باشد که با کد css هم خوانی داشته باشد .
بعد از اون استایل های ذکر شده داخل کد css روی هدر شما اعمال میشود
سلام و عرض ادب. سپاس از اموزش خوب شما
فقط یه نکته ای هست که ایا بجز کپی کردن این کد در بخش تنظیمات آیا کار دیگه ای نیاز نیست؟ چون رنگ هدر من اصلا موقع اسکرول تغییر نمیکنه
سلام و عرض ادب
به کل آموزش توجه نمایید از کد هم استفاده نمایید.
در صورتی که مشکلی بود، از بخش ناحیه کاربری ، تیکت ارسال نمایید تا بصورت تصویری طراحی شما مشاهده شود.
با تشکر.
دقیقا مشکل منم هست چجوری باید درست کنیم
نکته‌ای که توی ویديو گفته نمیشه اینه که باید کلاس elementor-sticky–effects رو تو بخش پیشرفته- کلاس‌های css وارد کنین.
سلام امکانش هست کد ccs رو بگذارید چون من از روی ویدیو برداشتم ولی اوکی نشد بک گراند منو . ممنون از شما
عرض ادب و احترام ، دقت نمایید در ویدئو مشخص است، البته به همکاران بیان شد که در محتوا هم قرار دهند.
سلام وقت بخیر
من کد css رو نمیتونم ببینم
حذف شده آیا؟
سلام و عرض ادب
منظور شما از کدام کد است؟
در قسمت تنظیمات پیشرفته ردیف در هدر، آیا امکان حاشیه خارجی از چپ و راست است؟
سلام و عرض ادب
بصورت کلی در بخش استایل، شما برای تقریباً همه المان ها این تنظیمات را دارید.
با تشکر.
سلام وقت بخیر
کد css که استاد جبین پور تو ویدئو فرمودن قرار میدن پیدا نمی کنم ؟
وقت بخیر
به همکار مربوطه اطلاع داده شد.
شما می توانید اکنون از روی ویدئو کد را بردارید ، کد کوتاهی است.
همکارانم در توضیحات نیز اضافه می کنند.
از توجه شما ممنونیم.
ممنون