هدر شفاف یکی از روش‌هایی است که به وبسایت‌ها زیبایی و جذابیت بیشتری می‌بخشد . این نوع هدر به کمک پس زمینه‌های شفاف ، اجازه می‌دهد تا محتوای زیرین آن ، به چشم خواننده نمایش داده شود ، در حالی که هدر همچنان دیده میشود.
در این جلسه ، ما به شما نکات و تکنیک‌های طراحی هدر شفاف را آموزش می‌دهیم ، از جمله انتخاب مناسب پس زمینه ، استفاده از افکت‌های ویژه مانند رنگ‌های تراکم و ایجاد تعادل و هماهنگی بین هدر و محتوای زیرین.
315 دیدگاه. Leave new
سلام چطوری باید پس زمینه لوگو رو پاک کنم؟ میشه بگید
سلام وقت شما بخیر،
در این خصوص بایستی فرمت تصویر png باشد ، پیشنهاد می کنم از آموزش فتوشاپ مقدماتی دیدن فرمایید
با تشکر.
سلام من همه مراحل مثل ویدیو پیش میرم ولی در نهایت نه اسم قالب هدر جدید میاد بالا نه وقتی انتشار میدم هدر شفاف اپلود میشه چرا؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data دیدن فرمایید
با تشکر.
چگونه هدر صفحه نخست را از بین هدر هایی که طراحی کردیم تغییر دهیم و یک هدر دیگر را برای صفحه نخست قرار دهیم
سلام وقت شما بخیر،
در این خصوص هدر جدیدی ساخته یا هدر های قبلی را ویرایش کرده و در تنظیمات شرط، آنرا برای برگه صفحه اصلی تعیین کنید.
با تشکر.
سلام و عرض خسته نباشید من واسه طراحی هدر شفاف طوری که فقط توی یکی از برگه هام هدر شفاف باشه و روی کل سایت هم هدر اصلی به یه مشکلی برخوردم که چندین بار قالب هدر جدیده رو پاک کردم دوباره امتحان کردم ولی درست نشد( من وقتی خود هدر جدیده رو طراحی کردم رو وقتی میخام انتشار بدم و قسمت تکی و بعد قسمت برگه ها رو که انتخواب میکنم گزینه ای بعدی که روی همه هست رو به هیچ وجه نمیتونم تعغیر بدم توی همون قسمت اسم اون قالبه یا همون هدرهه رو سرچ میکنم ولی پیدایش نمیکنه مثلا صفحه اصلی رو نشون میده ولی اونو نه ، اسمش چند بار اینگلیسی فارسی تعغیر دادم ولی خب بازم پیدا نکرد اخر سرم رو آل که می افته هدر روی کل صفحه نشون داده میشه ، ممنون میشم راهنماییم کنید مرسی
سلام وقت شما بخیر،
به نظر می‌رسد اختلالی در سایت شما وجود دارد که پیشنهاد میشود از بروز بودن قالب و افزونه های سایت اطمینان حاصل کنید.
با تشکر.
سلام مرسی از پاسخگوییتون ولی من افزونه المنتور و قالبم بروز هست تو قسمت به رورز رسانی ها در پیشخوان هم چک کردم و نوشته بروزه اخرین نسخه رو هم از هرکدوم دارم استفاده میکنم قالب آسترا که از سایت خودتون خریداری کردم افزونه المنتورم هم که اخرین ورژنشه
سلام وقت شما بخیر،
در این خصوص می توانید از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا سایت شما برسی شود.
با تشکر.
سلام وقت بخیر
من هدر شفاف رو طراحی کردم ولی رو حالت ریسپانسیو موبایل خواستم ادیت کنم رو نسخه وب هم همه المان ها بهم ریخت میشه بپرسم مشکل از کجا میتونه باشه؟
سلام وقت شما بخیر،
به چه صورت بهم ریختگی ایجاد میشود؟ تنظیمات ریسپانسیو را انجام دادید؟
با تشکر.
سلام ممنون از زحمات شما. ببخشید این عکس ها رو باید حتما از طریق فتوشاپ کم حجم کنیم؟
سلام وقت شما بخیر،
خواهش میکنم، می توانید از سایت feshar.co نیز استفاده کنید.
با تشکر.
سلام ببخشید برای اضافه کردن فونت توی وردپرس باید چیکار کنیم چون من چندتا فونت روی سیستمم نصب کردم ولی توی لیست فونت هام نمیاد ممنون میشم راهنمایی کنید
سلام وقت شما بخیر،
در این خصوص از آموزش افزودن فونت های دلخواه به المنتور – Elementor Custom Font دیدن فرمایید
با تشکر.
سلام وقت بخیر.منوی المنتور من قسمت تنظیمات کانتینر با منوی شما فرق داره.اصلا اون گزینه ها رو نداره برای من
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از آپدیت بودن المنتور و المنتور پرو در سایت خود اطمینان حاصل کنید.
با تشکر.
درود
هدر شفافی که کاملا شفاف نباشه چطور بسازم؟ منخوام یه افکت بلر داشته باشه.
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از ساخت هدر چسبان برای وب سایت زیبا در المنتور دیدن فرمایید
با تشکر.
مهندس دمتگرم ممنون از این اموزش خوبی که گذاشتی خدا برکت بده به مال و سلامتیت که نشر علم میکنی
سلام وقت شما بخیر،
از لطف و محبت شما بسیار ممنونیم
با تشکر.
سلام برا ساخت هدر شفاف اول ویرایش اون برگه رو زدید عکس رو گذاشتید بعدش رفتید به قالب ساختید و منو رو گذاشتید و بعد انداختید روی هم
چرا اول عکس رو تو ویرایش برگه با المنتور گذاشتید بعدش قالب سر برگ رو ساختید و منو رو قرار دادی
نمیشه همون اول یه قالب بسازی و عکس رو هم اونجا بزاری منو روهم بزاری
سلام وقت شما بخیر،
این حالت نیز امکان امکان پذیر است و میتوانید از آن نیز استفاده کنید.
با تشکر.
سلام وقت بخیر
برای اون اون باکس که توش نوشته ابزارک را اینجا بکشید و رها کنید . خیلی بالاتر قرار داره
یکم از هدرم گرفته
تو اموزشای قبلی میتونستم باهاش کار کنم ولی الان که برگه ی جدید میسازم عنوان برگه زیر هدر میمونه و دیده نمیشه
سلام وقت شما بخیر،
ممکن است کد css را روی سایتتان بصورت اشتباه تنظیم کرده باشید یا تداخلی بین افزونه ها وجود داشت باشد که می توانید تغییرات اخیر خود را برسی کنید.
با تشکر.
تنظیمات درست css چطوریه؟اموزشی در این رابطه دارید که بتونم اصلاح کنم؟
آیا شما کدی برای تعریف هدر شفاف در سایت اضافه نکردید؟ اگر اضافه شده آنها را یکبار برداشته و تست فرمایید.
اخه مشکل فقط سر هدر شفاف نیست قبلشم همین مشکل بود , کلا وارد هر صفحه ی طراحی که میشم باکسی که نوشته ” ابزارک را اینجا بکشید” موقعیتش ناجوره و زیر هدر میمونه
پیشنهاد میشود از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا تنظیمات سایت شما برسی شود.
باتشکر
سلام وقتتون بخیر .
وقتی برای سایت دوتا برگه قرار میدیم چطور روی سایت دوتا برگه رو داشته باشیم
سلام وقت شما بخیر،
منظورتان را متوجه نشدم ، خواهشمند است توضیحات بیشتری ارایه فرمایید.
با تشکر.
سالام وقت بخیر من مو به مو مراحل رفتم ولی نشد آخرین نسخه پرو المنتورم دارم از خود سایت تون گرفتم چیکار کنم؟
سلام وقت شما بخیر،
دقیقا با چه مشکلی مواجه شدید؟
با تشکر.
داخل صفحه ویرایش المنتور که تنظیمات وجود داره .نوار بالا قسمتی که برگه هایی که اخیر ساخته شده رو نشون میده و قسمت افزودن برگه داره .چطوری میتونیم برگه و هدری که قبلا ساختیم رو از قسمت اخیر پاک کنیم؟
سلام وقت شما بخیر،
منظورتان را از قسمتی که می‌فرمایید متوجه نشدم ، خواهشمند است تصویری ارسال کنید.
با تشکر.
قسمتی نیست که بتونم عکس ارسال کنم
سلام وقت شما بخیر،
میتوانید تصویر خود را در سایت های آپلود فایل ارسال نموده و لینک آنرا در دیدگاه ارسال فرمایید
با تشکر.
قسمتی نیست که بتونم عکس ارسال کنم .
سلام وقت شما بخیر،
تصویر خود را در سایت های آپلود فایل ارسال کرده و لینک دریافت آنرا در دیدگاه ارسال فرمایید.
با تشکر.
سوالم اینه که چطور میتونیم برگه هدر هایی که ساختیم رو پاک کنیم
سلام وقت شما بخیر،
از منو پیشخوان به قالب ها رفته و در تب هدر میتوانید تمام موارد را مشاهده و حذف کنید.
با تشکر.
ممنونم متوجه شدم
سلام وقتتون بخیر
من از قسمت ویرایش المنتور انجام دادم و پس زمینه برای هدر قرار گرفت ولی قسمت بازدید سایت همون هدر قبلی رو نشون میده و کنترل f5 هم زدم ولی تاثیری نداشت ممنون میشم راهنمایی کنید
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data دیدن فرمایید
با تشکر.
سلام من موبه مو کار استاد رو انجام میدم اما پس زمینه برای هدرم قرار نمیگیره. چه شفاف چه غیر شفاف. کش مرورگرم هم پاک میکنم هیچ تاثیری نداره. علتش چی میتونه باشه؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم بررسی فرمایید افزونه المنتور و المنتور پرو در سایت شما آپدیت و آخرین نسخه بوده باشد
با تشکر.
سلام وقتتون بخیر ممنونم از اموزش فوق العاده تون فقط ی مشکلی هست اونم اینه که شما برای هدری که ساختین مارجین سمت پایین رو -100 قرار دادین و کانتینرتون امد روی هدر و فیکس شد اما من این رو قرار دادم مثل شما فیکس نشد و باید مارجین بیشتر میکردم مثلا -230
ایا این از لحاظ استاندارد مشکلی نداره ؟
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، این عدد در هر سایت ممکن است متغیر و متفاوت باشد و تفاوت آن مشکلی ندارد.
با تشکر.
سلام وقت بخیر، برای ورود و طراحی با المنتور یک خطا رخ میده و میگه (به منظور عملکرد صحیح المنتور ،می بایست تابع the _content را در پوسته برگه خود فراخوانی کنید)
و پایین هم یه فعالسازی حالت ایمن میاد
چی کار کنم که درست بشه ؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از آموزش رفع خطای the_content در المنتور – Elementor The Content Error دیدن فرمایید
با تشکر.
سلام ممنون از شما برای پیدا کردن این عکس های با کیفیت چه سایتی باید بریم ؟ و اینکه برای کم حجم کردن عکس ازونجایی که من فوتوشاپ یاد ندارم سایت فشار دات کو شما کافیه ؟
سلام وقت شما بخیر،
در این خصوص میتوانید از سایت فری پیک تصاویر را دریافت کنید ، بله سایت فشار تا حد زیادی تصاویر شما را فشرده سازی میکند و استفاده از آن توصیه می شود.
با تشکر.
سلام وقت بخیر 7:21 قسمت ویرایش کانتینر ، قسمت ضمیمه داره ک واسه من نیست چطور این قسمت رو بیارم؟
سلام وقت شما بخیر،
این مورد بصورت پیش فرض در المنتور وجود دارد. ممکن است نام آن برای شما بصورت دیگری نوشته شده باشد.
با تشکر.
سلام و عرض ادب خدمت استاد عزیز و همکاران زحمت کش
خواستم تشکری کرده باشم بابت این آموزش جامع و تشکر ویژه بابت نکته های ریزی که تو هیچ سایت دیگه نمیگن یا شاید اصلا بلد نیستن که بخوان بگن !!!
درس قبلی نکته بسیار مهم که ارتفاع کانتینر رو میذاریم روی 100 vh و نکته جالب این درس که اولویت z- index تنظیم می کنیم رو هیچ جای دیگه ندیده بودم !!
بازم تشکر
سلام وقت شما بخیر،
از لطف و محبت شما بسیار ممنونیم
با تشکر.
سلام وقت بخیر، من در بخش استایل جایگاه، ضمیمه، تکرار و اندازه نمایش رو پیدا نمیکنم، حذف شدن؟
سلام وقت شما بخیر،
این بخش ها در آپدیت جدید المنتور تغییراتی داشتند و به همین دلیل با آموزش متفاوت است.
با تشکر.
ببخشید هدری که در قسمت قبل ساختیم و باید پاک کنیم؟؟؟
چون طبق روشی که استاد فرمودن انجام دادم اما هیچ تغییر ی در سایتم ظاهر نشد
سلام وقت شما بخیر،
نیازی به حذف هدر نیست و میتوانید تنظیمات را روی همان لحاظ کنید ،دقت فرمایید ممکن است به دلیل کش مرورگر این مورد رخ داده باشد
با تشکر.
سلام وقتتون بخیر و خسته نباشید
میشه لطفاً بگین این عکسو استاد از چه سایتی کپی کردن؟؟؟
سلام وقت شما بخیر،
برای یافتن منبع عظیم تصاویر میتوانید از سایت فری پیک دیدن فرمایید.
با تشکر.
سلام چطور تغیراتی که در قسمت سایز گوشی اعمال می‌کنیم روی دسکتاپ هم اعمال نشه؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از آموزش طراحی واکنشگرا در المنتور – Elementor Responsive Design دیدن فرمایید
با تشکر.
سلام، چطور روی هدر شفاف وقتی عکس یا متنی میزاریم روی کانتینر بالا نره ؟ یعنی عکس میره روی فهرست که توی کانتینر بالاست
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از آموزش ساخت هدر شفاف در المنتور – Transparent Header دیدن فرمایید
با تشکر.
همانطور که در آموزش نشان داده شده زمانیکه بخواهیم المان ها را نسبت به هم الویت دهیم باید از z-index استفاده کنیم
سلام عکس با کیفیت بالا از کجا پیدا کنیم. از چه سایتی؟
سلام وقت شما بخیر،
میتوانید از سایت فری پیک تصاویر خود را دریافت کنید.
با تشکر.
درحال حاضر آموزش دیگری در سایت برای این مورد ارایه نشده و صرفا همان جلسات مربوط به طراحی حالات هدر در سایت فعال است.
باتشکر