آموزش المان هدینگ سفارشی در ویژوال کامپوزر (Custom Heading)

هدینگ سفارشی در افزونه ویژوال کامپوزر

المان هدینگ سفارشی در ویژوال کامپوزر یکی از المان های بسیار مفید می باشد. از المان هدینگ سفارشی یا Custom Heading برای ساخت عنوان های سفارشی استفاده می شود. در ادامه بیشتر با این المان آشنا خواهیم شد.

المان هدینگ سفارشی در ویژوال کامپوزر

المان هدینگ سفارشی در ویژوال کامپوزر

یکی از المان ها یا ابزارهای پرکاربرد در افزونه ویژوال کامپوزر، المان Custom Heading یا هدینگ سفارشی می باشد. با استفاده از این المان می تواند در هر جای صفحه خود یک هدینگ یعنی تگ های H1,H2,H3,H4,H5,H6 اضافه کرد.

المان هدینگ سفارشی در ویژوال کامپوزر چه کاربردی دارد؟

هدینگ ها(Heading) اشاره به عنوان دارد. هرجایی که بخواهید یک عنوان برای قسمت خاصی از متن صفحه در نظر بگیرید. می توانید از هدینگ سفارشی استفاده کنید.

آیا المان جایگزین برای المان هدینگ سفارشی وجود دارد؟

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

آموزش المان هدینگ سفارشی(Custom Heading) در ویژوال کامپوزر

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

  • منبع متن
  • URL (لینک)
  • برچسب المان
  • چیدمان متن
  • سایز فونت
  • ارتفاع بین خطوط
  • رنگ متن
  • استفاده از خانواده فونت به طور پیش فرض تم ؟
  • نوع فونت
  • استایل فونت
  • css متحرک
  • آی دی و کلاس اضافی

آموزش تنظیمات المان هدینگ سفارشی (Custom Heading)

منبع متن

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

اگر هم مایل هستید عنوان صفحه جاری در Heading باشد، مورد عنوان صفحه را انتخاب کنید.

URL (لینک)

در صورتی که می خواهید برای هدینگ(Heading) خود لینک ایجاد کنید، آدرس لینک را در اینجا وارد کنید.

برچسب المان

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

توجه!

هرگز در صفحه یا برگه خود از تگ H1 دوبار استفاده نکنید. زیرا تاثیر منفی بر روی سئو سایت دارد. سعتی کنید از تگ های H2 , H3 استفاده کنید. زیرا خود صفحه جاری از تگ H1 استفاده می کند.

چیدمان متن

تعیین کنید متن عنوان در کدام سمت قرار گیرد.(چپ – راست – وسط – تراز)

سایز فونت

سایز یا اندازه فونت را بر حسب پیکسل(PX) تعیین کنید.

ارتفاع بین خطوط

ارتفاع بین خطوط یا Line Height برای هدینگ خود تعیین کنید. ارتفاع بین خطوط باعث ایجاد فاصله بین خط جاری متن هدینگ با عناصر بالا و پایین می شود. برحسب پیکسل تعیین کنید.

رنگ متن

برای هدینگ سفارشی خود رنگ مورد نظر را تعیین کنید.

استفاده از خانواده فونت به طور پیش فرض تم ؟

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

نوع فونت

اگر گزینه بالا را انتخاب نکنید می توانید از فونت های گوگل برای تنظیمات فونت Heading استفاده کنید. کافی است نام فونت دلخواه خود را در انتخاب کنید.

استایل فونت

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

CSS متحرک

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

آی دی و کلاس اضافی

در صورتی که مایل هستید ID یا Class مورد نظر خود را به المان اضافه کنید کافی است نام آن را در جایگاه مناسب بنویسید.


سخن پایانی

امیدواریم از این قسمت از سری آموزش ویژوال کامپوزر نهایت رضایت را داشته باشید. آموزش المان هدینگ سفارشی در ویژوال کامپوزر با نهایت سادگی برای کاربران عزیز نگارش شده است.