اولین چیزی که هنگام بازدید از یک وب سایت متوجه می شوید چیست؟ هدر، درسته؟ آره! ما همه مثل همیم!
هدر اولین چیزی است که نظر بازدیدکنندگان را در سایت شما جلب می کند. شما می توانید هدر را به عنوان ستون فقرات هر وب سایتی در نظر بگیرید.
مهم نیست که صاحب یک سایت تجارت الکترونیک، سایت وبلاگ، رسانه های اجتماعی، انجمن یا یک سایت نمونه کار شخصی هستید، باید یک منوی ساده و آسان برای پیمایش اضافه کنید.
با این حال، افزودن یک هدر ساده به منو اکنون کافی نیست! شما باید هدر را سفارشی کنید تا بهترین تجربه کاربری را به مخاطبان خود ارائه دهید. و شما می توانید این کار را با ایجاد هدر شفاف Elementor و چسبناک انجام دهید!
در این مقاله، من میخواهم پیشرفتهترین روش اما زمانبر برای افزودن یک هدر چسبناک شفاف برای Elementor به وبسایت خود را به شما نشان دهم!
بیایید یک هدر چسبنده Elementor ایجاد کنیم که بازدیدکنندگان را در نگاه اول عاشق وب سایت شما کند.
.elementor-sticky–effects{
background-color:rgba(0,0,0,0.5) !important;
}
57 دیدگاه. Leave new
سلام عرض شد با تشکر فراوان از آقای جبین پور و تیم پشتیبانی. ببخشید. این. کد 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 روی هدر شما اعمال میشود
سلام و عرض ادب. سپاس از اموزش خوب شما
فقط یه نکته ای هست که ایا بجز کپی کردن این کد در بخش تنظیمات آیا کار دیگه ای نیاز نیست؟ چون رنگ هدر من اصلا موقع اسکرول تغییر نمیکنه
سلام و عرض ادب
به کل آموزش توجه نمایید از کد هم استفاده نمایید.
در صورتی که مشکلی بود، از بخش ناحیه کاربری ، تیکت ارسال نمایید تا بصورت تصویری طراحی شما مشاهده شود.
با تشکر.
دقیقا مشکل منم هست چجوری باید درست کنیم
سلام امکانش هست کد ccs رو بگذارید چون من از روی ویدیو برداشتم ولی اوکی نشد بک گراند منو . ممنون از شما
عرض ادب و احترام ، دقت نمایید در ویدئو مشخص است، البته به همکاران بیان شد که در محتوا هم قرار دهند.
سلام وقت بخیر
من کد css رو نمیتونم ببینم
حذف شده آیا؟
سلام و عرض ادب
منظور شما از کدام کد است؟
در قسمت تنظیمات پیشرفته ردیف در هدر، آیا امکان حاشیه خارجی از چپ و راست است؟
سلام و عرض ادب
بصورت کلی در بخش استایل، شما برای تقریباً همه المان ها این تنظیمات را دارید.
با تشکر.
سلام وقت بخیر
کد css که استاد جبین پور تو ویدئو فرمودن قرار میدن پیدا نمی کنم ؟
وقت بخیر
به همکار مربوطه اطلاع داده شد.
شما می توانید اکنون از روی ویدئو کد را بردارید ، کد کوتاهی است.
همکارانم در توضیحات نیز اضافه می کنند.
از توجه شما ممنونیم.
ممنون