چطور هدر و فوتر را در وردپرس (المنتور) حذف کنیم
نیک وب 360، یک موسسه آموزش به صورت حضوری و آنلاین با هدف ارائه دورههای پیشرفته به خصوص دورههای آموزشی وردپرس و المنتور و کتگوریهای خاصی که به وردپرس و المنتور مربوط میشود مثل کدنویسی CSS در المنتور، افزایش سرعت سایتهای وردپرسی و تغییر دیتابیس وردپرس میپردازد.
چگونگی حذف هدر و فوتر در المنتور با کد CSS
ممکن است برای شما نیز پیش آمده باشد که در طراحی سایت خود و یا صفحات خاصی از سایت، بخواهید هدر و فوتر نمایش داده نشوند. برای انجام این عمل در وردپرس و المنتور راههای زیادی وجود دارد. در ادامه به چند روش از این روشها میپردازیم و آنها را به شما آموزش میدهیم.
برای این عمل، دستور مستقیم و خاصی وجود ندارد و انجام این عمل از طریق کد CSS اضافه در المنتور انجام میشود. همچنین اگر شما از قالب وودمارت استفاده کنید، گزینهای برای انجام این عمل وجود دارد که به شما کمک میکند هدر و فوتر را به راحتی از صفحه خاصی حذف نمایید. شما میتوانید در ادامه این مقاله با ویدئو و تصاویر بارگذاری شده، حذف هدر و فوتر در المنتور را بیاموزید.
حذف هدر و فوتر چه کاربردی دارد
یکی از مهمترین موضوعات در ایجاد یک وب سایت، ظاهر آن وب سایت است.
حالا به چگونگیه اینکه چطور هدر و فوتر را در وردپرس (المنتور) حذف کنیم میپردازیم
گاه پیش میآید که برای ظاهر بهتر و یا کارایی بیشتر تمایل داشته باشید هدر یا فوتر و یا هردوی آنها در بخشهایی خاص از سایتتان مخفی کنید و یا صفحه خاصی دارید که تمایل دارید هدر و فوتر آن با هدر و فوتر اصلی سایتتان متفاوت باشد. در این مواقع شما میتوانید با استفاده کمی کد نویسی این کار را انجام دهید.
اگر شما هیچ سر رشتهای از کد نویسی ندارید، نگران نباشید کدهای CSS که برای این دستور نیاز است بسیار کوتاه و قابل فهم است و شما حتی بدون دانش کد نویسی میتوانید آن را در سایتتان اعمال کنید.
حذف هدر و فوتر از وبسایتها میتواند تأثیر قابل توجهی بر افزایش سرعت بارگذاری صفحات و بهبود تجربه کاربری داشته باشد. این اقدام به کاربران کمک میکند تا سریعتر به محتوای مورد نظر خود دسترسی پیدا کنند و در نتیجه، تعامل بیشتری با وبسایت داشته باشند. در دوره آموزشی وردپرس ما، که به صورت حضوری برگزار میشود، شما میتوانید با ترفندها و نکات بیشتری در این زمینه آشنا شوید. همچنین، برای آن دسته از افرادی که امکان حضور در کلاسهای حضوری را ندارند، دورههای آموزشی آنلاین نیز فراهم شده است. در این دورهها، ما به شما آموزشهای ویدئویی و تصویری ارائه میدهیم که به شما کمک میکند تا به راحتی با مفاهیم و تکنیکهای مختلف آشنا شوید. به طور کلی، این فرآیند یکی از ترفندهای کوچک اما مؤثر در دوره آموزشی وردپرس نیک وب 360 است که میتواند به شما در بهینهسازی وبسایتتان کمک کند. با ما همراه باشید و از این فرصتهای آموزشی بهرهمند شوید!
CSS در المنتور
CSS در المنتور به شما این امکان را میدهد که ویژگیهای مختلفی را تغییر دهید، مانند تغییر رنگ پسزمینه با استفاده از کدنویسی CSS. اگر به یادگیری CSS در المنتور به صورت حرفهای علاقهمند هستید، میتوانید در دوره آموزش CSS در المنتور نیک وب 360 ثبتنام کنید.
این دوره بهصورت حضوری و همچنین آنلاین برگزار میشود و شامل تکنیکهای ساده و کاربردی برای یادگیری CSS در المنتور است. شما همچنین میتوانید با استفاده از پشتیبانی آنلاین در همین صفحه، اطلاعات بیشتری درباره این دورهها کسب کنید. نیک وب 360 آماده است تا در تمامی مباحث مرتبط به شما کمک کند و با یادگیری ترفندهای CSS در المنتور، به راحتی بهترین طراح المنتور شوید.
هدر چیست
در طراحی صفحات وب، هدر به عنوان قسمت بالایی صفحه شناخته میشود. این بخش استراتژیک، اولین نقطهای است که بازدیدکنندگان قبل از اسکرول کردن صفحه، در ثانیههای اولیه ورود به وبسایت مشاهده میکنند. هدر، که به نوعی نقش دعوتکننده را ایفا میکند، باید اطلاعات اصلی محصول دیجیتال را به گونهای ارائه دهد که کاربران بتوانند آن را در چند ثانیه اسکن کنند. از نظر طراحی، هدر فضایی وسیع برای اجرای راهحلهای خلاقانه فراهم میآورد که باید هم جذاب و هم مختصر و مفید باشند. همچنین، سرصفحهها به عنوان «منوهای سایت» شناخته میشوند و نقش کلیدی در جهتیابی کاربران در وبسایت ایفا میکنند.
فوتر چیست
فوتر یا همان پاورقی بخشی از محتوای موجود در انتهای هر صفحه وب است. این بخش معمولاً شامل اطلاعاتی نظیر اعلامیه حق چاپ، لینک به خط مشی رازداری، نقشه سایت، لوگو، اطلاعات تماس و نمادهای رسانههای اجتماعی میباشد. پاورقیها معمولاً در قسمت پایین صفحه قرار دارند و به عنوان مرجع اضافی برای کاربران عمل میکنند. همچنین، هدرها و پاورقیها معمولاً شامل اطلاعاتی از قبیل نام فایل، نویسنده، تاریخ ایجاد و شماره صفحه هستند. این اطلاعات به صورت مکرر در هر صفحه نمایش داده میشود و به خوانندگان کمک میکند تا به راحتی در میان محتوای سند حرکت کنند.
راههای حذف هدر و فوتر
همانطور که در بالا اشاره کردیم، شما با توجه به قالبی که برای ایجاد وب سایتتان از آن استفاده میکنید ممکن است دستور حذف هدر و فوتر را به صورت مستقیم داشته باشید (مثل قالب وودمارت که این دستور را به صورت مجزا دارد) و یا اگر نداشتید میتوانید با استفاده از تنظیمات خود قالب مورد نظرتان استفاده کنید و یا با استفاده از کدهای CSS که در اختیارتان قرار میگیرد این کار را انجام دهید.
حالا به صورت کامل به اینکه چطور هدر و فوتر را در وردپرس (المنتور) حذف کنیم میپردازیم
حذف هدر یا فوتر با استفاده از تنطیمات خود قالب:
- در قسمت قالبها روی قالبهای ذخیره شده کلیک کنید.
- قالبی که میخواهید نمایش آن را تنظیم کنید انتخاب کنید و گزینه ویرایش را بزنید.
- در بخش ویرایش، روی ویرایش با المنتور کلیک کنید.
- در کنار گزینه انتشار روی علامت تنطیمات ذخیرهسازی کلیک کنید و گزینه Display Conditions را انتخاب کنید.
- حال در صفحه باز شده شما میتوانید تنظیم کنید که قالب ساخته شده در کدام بخشهای سایت نشان داده شوند(شامل) و یا در کدام صفحات نشان داده نشوند(استثنا کردن)
- برای مثال ما میخواهیم صفحه هدر در برگه خاصی نمایش داده نشوند.
- پس از انتخاب استثنا کردن و بخش تکی، در بخش باز شده جدید برگه را انتخاب میکنیم و در قسمت بعدی نام برگه مورد نظر را وارد و برگه را انتخاب میکنیم.
- برای تکرار این فرایند شما میتوانید گزینه Add Condition را بزنید و برگه یا صفحات دیگری را شامل یا استثنا کنید.
- پس از انجام موارد دلخواه روی Save & Close بزنید و تغییراتتان را با گزینه انتشار نهایی کنید.
حذف هدر یا فوتر با استفاده از CSS اضافی در المنتور :
- در قسمت برگهها روی گزینه همه برگهها کلید کنید و برگه مورد نظر خود را انتخاب کنید.
- ویرایش برگه را بزنید و در صفحه باز شده روی ویرایش با المنتور کلیک کنید.
- کانتینر صفحه را انتخاب کنید و در بخش ویرایش کانتیر وارد پیشرفته شوید.
- به پایین اسکرول کنید و روی CSS سفارشی کلیک کنید. در این بخش شما میتوانید تنظیمات اضافی ظاهری مورد نظرتان را اجرا کنید.
- برای دستیابی به کلاس و ایدی هدر و فوترتان در این بخش راست کلیک کنید و گزینه اخر یعنی Inspect را بزنید.
- حال صفحهای برای شما باز شده که کدهای سایتتان را در آن مشاهده میکنید.
- برای راحتتر پیدا کردن کد هر بخش در این صفحه روی علامت (
) کلیک کنید و یا Ctrl + Shift + C را فشار دهید.
- حال موس خود را روی بخش هدر و یا فوتر ببرید و آن را انتخاب کنید. (توجه داشته باشید بخشی را انتخاب کنید که تمام هدر شما را در برگرفته باشد و هدر کاملا در آن قرار گرفته باشد)
- پس از انتخاب بخش مورد نظرتان در سمت راست روی Styles کلید کنید تا بخش مربوط به ظاهر کدتان را ببینید.
- روی علامت + کلیک کنید.
- برای شما بخشی ایجاد میشود که شامل کد فراخوانی هدرتان و {} در جلوی آن است که کد استایل در آن قرار میگیرد.
- حال کافی است تا در بخش باز شده کد زیر را وارد کنید.
Display : none;
- اگر پس از نوشتن این کد هدر یا بخش انتخابی شما مخفی شد. تبریک میگوییم شما تا این مرحله کاملا درست پیش رفته اید. و اگر این اتفاق نیوفتاد از مرحله 7 دوباره تلاش کنید.
- پس از اطمینان که کد نوشته شده کار میکند تمام اون بخش که شامل فراخوانی قسمت انتخاب شده + {کد نوشته شده توسط شما} را کپی کرده و صفحه Inspect را با استفاده از علامت ضربدر گوشه بالا سمت راست ببندید.
- حال در بخش CSS سفارشی این کد را پیست کنید و ذخیره تغییرات را بزنید.
- در این مرحله صفحه را رفرش کنید و میبینید که بخش انتخابی شما مخفی شده و کدی که نوشته اید کار میکند.
- در غیر این صورت یا در کپی کردن کدها اشتباهی صورت داده است و یا در انتخاب بخش مورد نظرتان اشتباه کردهاید. پیشنهاد میکنیم مراحل از مرحله 5 به بعد دوباره شروع کنید تا زمانی که بتوانید مسئله را حل کنید.
فراموش نکنید که کدهایی که در Inspect نوشته میشود پس از هر رفرش صفحه به حالت اول خود برمیگردد.
جمع بندی
در این مقاله تلاش شد تا به شما عزیزان راهکارهایی برای مخفی کردن هدر و فوتر و یا حتی هر بخش دیگری در صفحه آموزش داده شود.
حذف هدر و فوتر میتوانید دلایل زیادی داشته باشد که از بین آنها میتوان به افزایش سرعت سایت، افزایش بهرهوری کاربر در صفحاتی خاص و یا حتی کاملا سلیقهای و برای ظاهر وب سایتتان باشد.
در دوره حضوری آموزش وردپرس ما، با ترفندها و نکات بیشتری آشنا میشوید. همچنین، برای کسانی که نمیتوانند در کلاسهای حضوری شرکت کنند، دورههای آنلاین و آفلاین با آموزشهای ویدئویی و تصویری ارائه میشود تا به راحتی با مفاهیم و تکنیکهای مختلف آشنا شوید.
شما در این مقاله به اینکه چطور هدر و فوتر را در وردپرس (المنتور) حذف کنیم اگاه شدید امیدوارم خشتون اومده باشه داخل کامنت های این صفحه میتونید مشکلات خودتون رو ذکر کنید تا تیم نیک وب 360 شما رو راهنمایی بکند