به دلایل متفاوتی ممکنه که شما بخواهید هدر و فوتر سایت خود را در صفحه ای مخصوص و یا در تمام صفحات پنهان کنید بدون اینکه هدر و فوتر وبسایت را کاملا حذف کنید.
در این مقاله نحوه مخفی سازی هدر و فوتر سایت را با سه روش به شما خواهیم آموخت که شامل مخفی کردن هدر و فوتر با صفحه ساز المنتور و پنهان سازی هدر و فوتر با استفاده از ابزار inspect میباشد.
چه زمانی ممکن است هدر و فوتر سایت را پنهان کنیم؟
- زمان تست و ساخت وبسایت
- زمانی که وبسایت و یا صفحه اسکرول تمام صفحه است
- زمانی که نیاز به یک لندینگ پیج (صفحه فرود) وجود دارد
زمانی که در حال ساخت هدر و فوتر و یا بررسی و تست وبسایت خود هستید احتمال اینکه در برخی از صفحات و یا در تمام سایت بخواهید هدر و فوتر سایت را برای دقایقی غیرفعال کنید و یا پنهان کنید زیاد است.
زمانی که یک صفحه سایت شما اسکرول تمام صفحه است ممکن است اصلا نیاز خاصی به هدر و یا فوتری که درون صفحات دیگر است نداشته باشید.
زمانی که یک لندینگ پیج میسازید احتمال استفاده از هدر و فوتر نزدیک به صفر است و عمدتا لندینگ پیج ها داری هدر و فوتر نمیباشند.
مخفی کردن هدر و فوتر در المنتور
به ویرایش صفحه و یا مقاله ای که میخواهید همزمان هدر و فوتر را پنهان کنید بروید. به مانند تصویر زیر در قسمت ویژگی های برگه و یا نوشته از منوی باز شونده قالب، Canvas المنتور را انتخاب کنید و سپس بر روی بروزرسانی کلیک کنید و بعد از لود کامل به صفحه و یا مقاله مربوطه بروید، خواهید دید که هدر و فوتر پنهان شده اند.
این روش برای انجام امور تستی،صفحات اسکرول تمام صفحه و به خصوص لندینگ پیج ها بسیار مناسب و ساده است.
پنهان کردن هدر و فوتر در المنتور (روش دوم)
در این روش با استفاده از منو کناری وردپرس به قسمت قالب های ذخیره شده رفته و سپس هدر و یا فوتر فعال درون سایت را انتخاب و بر روی گزینه ویرایش با المنتور کلیک کنید.
در صفحه ویرایش المنتوری باز شده فلش کوچیک کنار دکمه بروزرسانی و یا انتشار را بزنید تا دو گزینه دیگه برای شما نمایش داده شوند.بر روی Display Condition کلیک کنید.
در بخش باز شده بر روی دکمه ADD CONDITION کلیک کنید و به مانند تصویر زیر گزینه Exclude را بزنید و در فیلد رو به روی آن صفحه و یا صفحات مد نظر خود را انتخاب کنید و در نهایت Save را بزنید. خواهید دید که در صفحات مد نظر هدر و فوتر نمایش داده نخواهد شد.
نحوه مخفی سازی هدر و فوتر وردپرس با ابزار Inspect
به صفحه ای که میخواهید هدر و یا فوتر و یا هردوتا آنها را همزمان با هم پنهان کنید بروید، در فضا خالی صفحه کلیک راست کرده و گزینه Inspect را بزنید.
با استفاده از دکمه های ctrl+shit+c و یا گزینه موس درون ابزار inspect بخش هدر و یا فوتر را انتخاب کنید تا بتوانید ایدی و یا کلاس هدر و فوتر وبسایت را پیدا کنید. به عنوان مثال هدر سایت مد نظر داری کلاس siteheader میباشد، حال شما باید به قسمت سفارشی سازی بروید ( از منوی کناری وردپرس بر روی گزینه نمایش بروید و سپس بر روی گزینه سفارشی سازی کلیک کنید ) و بر روی آخرین گزینه که css سفارشی میباشد کلیک کنید تا بتوانید کد css خود را به سادگی وارد کنید. حال کافی است تا قطعه کد زیر عکس را وارد کنید تا هدر مخفی شود.
.siteheader{
display:none !important;
}
توجه کنید به جای کلاس siteheader باید کلاس و یا ایدی هدر وبسایت مدنظر خود را وارد کنید با این تفاوت که به جای . (نقطه) قبل از اسم کلاس، # قبل از اسم ایدی قرار دهید. مثل کد زیر که برای ایدی siteheader است.
#siteheader{
display:none !important;
}
پس از بروزرسانی خواهید دید که هدر وبسایت مخفی شده است.برای عدم نمایش فوتر هم با استفاده از ابزار Inspect دقیقا باید همین کار را انجام دهید تا فوتر سایت نمایش داده نشود.
پنهان کردن هدر و فوتر در صفحات و مقالات خاص
ممکن است بخواهید هدر و فوتر و یا یک بخش یا یک عنصر کوچک درون یک برگه و یا مقاله خاص را به هر دلیلی پنهان کنید، کافی است تا با استفاده از ابزار inspect که بالا نشان داده شد ایدی و یا کلاس مد نظر خودتان را پیدا کنید و به مانند زیر در قسمت css سفارشی کد را وارد کنید. در این مثال ما میخواهیم هدر سایت که دارای کلاس siteheader میباشد را در مقاله الف و برگه ب پنهان نمائیم.
برای مقالات:
.postid-2527 .siteheader{
display: none !important;
}
برای برگه ها:
.page-id-2527 .siteheader{
display:none !important;
}
برای پیدا کردن ایدی (شماره ای که ما در بالا به طور مثال 2527 وارد کردیم) مقاله و یا برگه مد نظر خود ابتدا وارد پیشخوان وردپرس سایت شوید و سپس از طریق منوی کناری وردپرس به قسمت نوشته ها بروید و مقاله مد نظر خود را پیدا کنید، سپس مانند تصویر زیر موس را بر روی دکمه ویرایش ببرید سپس عددی که در انتهای url نوشته شده است را یادداشت کنید. این عدد همان ایدی مقاله شما میباشد که شما به جای عدد 2527 که ما به صورت تستی نوشته ایم وارد کنید. برای برگه ها هم به همین صورت عمل کنید.
شما میتوانید از منوی بالایی وردپرس به مانند تصویر زیر برای پیدا کردن ایدی مقاله و یا برگه خود اقدام کنید.
بهترین روش مخفی سازی هدر و فوتر سایت چیست ؟
بهترین و ساده ترین روش پنهان کردن هدر و فوتر وبسایت استفاده از روش Canvas المنتور میباشد البته به شرطی که وبسایت شما از افزونه صفحه ساز المنتور استفاده کند، در غیر این صورت روش استفاده از Inspect و کد CSS بهترین روش میباشد.
شما چه روش هایی برای پنهان سازی هدر و یا فوتر سایت میشناسید؟
نظرات و مشکلات خود را با ما در میان بگذارید.
