بخش بالای سربرگ

این ویژگی با نسخه حرفه ای قالب آسترا پرو در دسترس است. برای استفاده از این ویژگی های حرفه ای، باید قالب Astra را به همراه افزونه Astra Pro Addon در وب سایت خود نصب کنید.

این بخش در بالای هدر اصلی ظاهر می شود. و به شما کمک می کند تا دکمه ، جزئیات تماس ، نمادهای شبکه های اجتماعی ، منو و غیره نشان داده شود. اطمینان حاصل کنید که ماژول بخش های سربرگ را از Astra Pro فعال کرده باشید.

محل تنظیمات #

پیشخوان وردپرس > نمایش > سفارشی سازی> سربرگ > بالای سربرگ

آشنایی با طرح بندی #

Astra دو طرح برای بخش بالای هدر ارائه می دهد. طرح 1 و طرح 2 که در ادامه به آن می‌پردازیم.

طرح 1 (دو بخش در چپ و راست) #

در این طرح دو بخش وجود دارد. بخش 1 و 2 در دوطرف هدر قرار می‌گیرند.

 

 

طرح 2 ( یک بخش در مرکز) #

در این طرح فقط یک بخش برای تنظیم وجود دارد که در مرکز قرار می‌گیرد.

بعد از هر تغییری حتما گزینه انتشار را بزنید تا تغییرات اعمال شوند.

امکانات بالای سربرگ #

اگر روی گزینه بخش ۱ یا بخش ۲ کلیک کنید با امکانات مشابهی روبه رو میشوید که میتوانید انتخاب کنید کدامیک از آنها در صفحه نمایش داده شود.

 

منو #

با انتخاب این گزینه می‌توانید یکی از منوهایی که از قبل ساخته اید را نمایش دهید. اگر نمی‌دانید چگونه منو بسازید مقاله آموزش ساخت منو در وردپرس را مطالعه کنید. همچنین بهتر است از منویی کم حجم و با تعداد لینک های کمتر استفاده کنید.

اگر از قبل منوی خود را ساخته اید برای تنظیم آن به مسیر : پیشخوان وردپرس > نمایش > فهرست ها > مدیریت جایگاه ها بروید و منوی بالای سربرگ را انتخاب کنید.

جست و جو #

با انتخاب این گزینه علامت جست و جو به بالای سربرگ شما اضافه خواهد شد.

 

برای مثال ما از یک منو با 2 لینک برای بخش 1 (قسمت راست) استفاده کردیم و از گزینه جست و جو برای بخش 2 (قسمت چپ) استفاده کردیم.

متن / HTML #

این بخش به شما اجازه میدهد تا متن یا کد html دلخواه خودتان را وارد کنید. کدهایی مانند :دکمه اقدام به عمل ، لینک ، شماره تلفن ، آدرس ایمیل و …

ابزارک #

با استفاده از این بخش می‌توانید یک ابزارک را به منوی خودتان اضافه کنید. ابزارک ها را از قسمت زیر می‌توانید تنظیم کنید.

پیشخوان وردپرس > نمایش > ابزارک ها

اگر با ابزارک ها آشنایی ندارید به طور خلاصه میتوان گفت ابزارک ها امکانات سریعی مانند ساخت متن و تصویر ، نمایش دیدگاه های کاربران ،نمایش آخرین مطالب و … را به شما خواهند داد. البته در این بخش بیشتر از امکانات متنی ابزارک استفاده می‌کنیم.

شما حتی می‌توانید برای بخش 1 و بخش 2 بالای سربرگ نیز از ابزارک های متفاوت استفاده کنید.

ووکامرس #

اگر گزینه woocommerce را انتخاب کنید سبد خرید برای شما نمایش داده خواهد شد.

 

تنظیم ارتفاع ،رنگ و خط زیر #

شما همچنین خط زیر را برای قسمت بالای سربرگ تنظیم کنید. برای مثال در عکس زیر مقادیر زیر تنظیم شده است.

  • ضخامت خط برابر 2 پیکسل
  • رنگ خط برابر با سفید
  • ارتفاع خط برابر با 100 پیکسل

 

تنظیمات موبایل #

شما میتوانید بالای سربرگ را برای موبایل نیز بهینه کنید. در این مثال ما بخش 1 را برابر با ووکامرس قرار دادیم و بخش 2 را برابر با جست و جو قرار دادیم.

همچنین برای اینکه بتوانید سربرگ را در حالت موبایل ببینید باید روی علامت موبایل در پایین صفحه که با علامت فلش قرمز مشخص شده است کلیک کنید.

سربرگ موبایل #

شما می‌توانید برای موبایل نیز طرح خودتان را انتخاب کنید( طرح افقی یا عمودی) و با “تعویض بخش ها در موبایل” محل آن ها را با هم عوض کنید.

رنگ ها و پس زمینه #

پس زمینه: می‌توانید برای موبایل رنگ پس زمینه اختصاصی و یا حتی عکس بک گراند نیز ایجاد کنید.

محتوا: رنگ محتوای خودتان را نیز می‌توانید انتخاب کنید که در این بخش شما اجازه تنظیم 3 رنگ را خواهد داشت:

  • رنگ متن
  • رنگ پیوند
  • رنگ پیوند (در حالت هاور)

منظور از “در حالت هاور” زمانی است که موس روی آن پیوند یا بخش قرار می‌گیرد.

در عکس بالا رنگ متن و رنگ پیوند در بخش اول مربوط به حالت معمولی و رنگ پیوند در بخش دوم مربوط به حالت هاور است.

 

تنظیمات پیشرفته منوی بالای هدر در موبایل #

اگر در هنگام تنظیم قسمت بالای هدر در یکی از بخش ها منو را انتخاب کرده باشید امکانات بیشتری در صفحه برای تنظیم نمایش داده میشود.

برای مثال در عکس بالا در قسمت سربرگ موبایل گزینه های زیر اضافه شده است:

نمایش در موبایل: این گزینه مشخص میکند که آیا منو در موبایل نمایش داده شود یا خیر. ممکن است شما بخواهید منوی بالای سربرگ فقط در کامپیوتر های دسکتاپ نمایش داده شدو و در موبایل نمایش داده نشود.

ادغام منو در موبایل: با انتخاب این گزینه منویی که انتخاب کرده اید به جای نمایش به صورت جداگانه، به انتهای منوی اصلی اضافه خواهد شد.

برچسب منو: می‌توانید برای منوی خودتان یک نام هم انتخاب کنید تا در کنار علامت منو نمایش داده شود.

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا