در طراحی سایت با قالب وودمارت یکی از مواردی که طراحان سایت با آن مواجه میشوند، نمایش عنوان صفحه یا برگه در بالای صفحه است. در بسیاری از مواقع این عنوان پیشفرض موجب بههم ریختگی طراحی، اختلال در تجربه کاربری یا تضاد با طرح های سفارشی میشود. به همین دلیل یادگیری روشهای حذف عنوان برگه در قالب وودمارت یکی از موارد ضروری برای طراحی صفحات حرفهای است.
در این مقاله از سری مقالات آموزش ترفندهای وودمارت به شما نشان میدهیم چگونه بهصورت صحیح و حرفهای عنوان برگه را در قالب وودمارت حذف کنید بدون اینکه طراحی سایت شما خراب شود یا سئو صفحه آسیب ببیند.
عنوان صفحه چیست و چرا بعضی وقتها باید حذفش کنیم؟
عنوان برگه در وردپرس معمولاً همان متنی است که در قسمت نام برگه وارد میکنید. این عنوان در قالبهای وردپرس، از جمله وودمارت، بهطور پیشفرض در بالای صفحه نمایش داده میشود. اما گاهی لازم است این عنوان نمایش داده نشود؛ مثل زمانی که:
- از صفحههای طراحیشده با المنتور استفاده میکنید و در بخش هِدر یا بنر عنوان دیگری جایگزین کردهاید.
- صفحه شامل لندینگ فروش یا تبلیغ محصول است که نمایش عنوان پیشفرض باعث حواسپرتی کاربر میشود.
- ساختار طراحی سایت شما مینیمال باشد و نمایش عنوان بههمریختگی بصری ایجاد کند.
در این شرایط حذف عنوان برگه در قالب وودمارت میتواند ظاهر صفحه را تمیز، حرفهای و مطابق با استانداردهای طراحی کند.
روش اول؛ غیرفعال کردن عنوان برگه از تنظیمات صفحه
وودمارت در بسیاری از نسخههای خود گزینهای برای نمایش یا عدم نمایش عنوان برگه در سطح هر صفحه دارد. برای استفاده از این روش:
- وارد داشبورد وردپرس شوید.
- برگهای که میخواهید عنوانش حذف شود را باز کنید.
- در بخش تنظیمات قالب (اغلب در ستون راست یا پایین صفحه ویرایشگر) به دنبال گزینهای مانند “Show Page Title” یا “نمایش عنوان صفحه” بگردید.
- این گزینه را غیرفعال کنید و صفحه را بهروزرسانی نمایید.
این روش یکی از بهترین راهها برای حذف عنوان برگه در وودمارت است زیرا بدون نیاز به کدنویسی و بدون دخالت در ساختار سایت انجام میشود و تنها برای همان صفحه اعمال میشود.
روش دوم؛ حذف عنوان برگه در قالب وودمارت با CSS
اگر در تنظیمات صفحه چنین گزینهای وجود ندارد یا میخواهید عنوان تمام صفحات را حذف کنید، میتوانید از CSS سفارشی استفاده کنید. CSS این امکان را میدهد که عنوان بهصورت ظاهری حذف شود، بدون اینکه ساختار دادهای صفحه را تغییر دهید.
برای این کار:
- به نمایش > سفارشیسازی بروید.
- بخش CSS اضافی را باز کنید.
- کد زیر را اضافه نمایید:
.page-title {
display: none !important;
}
با این کد عنوان برگه در تمامی صفحات مخفی میشود.
اگر میخواهید عنوان فقط در صفحات خاص مانند صفحه فروشگاه یا صفحات طراحیشده با المنتور حذف شود، میتوان از کلاسهای خاص صفحه استفاده کرد تا CSS فقط در آن صفحات اعمال شود.
حذف عنوان در صفحات فروش ووکامرس با وودمارت
در فروشگاههایی که با ووکامرس ساخته شدهاند، صفحات فروشگاه اصلی، آرشیو محصولات و حتی صفحات تکی محصول نیز عنوان دارند. اگر قصد دارید عنوان این صفحات را حذف کنید، روش کار بسیار شبیه به برگههاست. در صورتی که قالب شما امکان غیرفعال کردن عنوان صفحه فروشگاه را از تنظیمات قالب داشته باشد، آن را خاموش کنید. در غیر این صورت کافی است CSS زیر را در بخش CSS سفارشی قرار دهید:
.woocommerce-page .page-title {
display: none !important;
}
این کد فقط عنوان صفحات فروش ووکامرس را مخفی میکند و عنوان سایر صفحات بدون تغییر باقی میماند.
جمع بندی
حذف عنوان برگه در قالب وودمارت یکی از کارهای رایج در طراحی صفحات حرفهای وردپرس است. اگر این کار به درستی انجام شود، نهتنها ظاهر سایت بهبود مییابد، بلکه از لحاظ سئو نیز مشکلی به وجود نمی آید.
اصل ماجرا این است که حذف عنوان قالب بهتنهایی تاثیری در رتبه صفحه ندارد، اما باید مطمئن شوید که صفحه دارای یک عنوان H1 مناسب و مرتبط باشد تا موتورهای جستجو بتوانند هدف و محتوای صفحه را بهدرستی درک کنند.
نظری برای این وجود ندارد.