ایک شاندار آسٹرا تھیم ہیڈر کیسے بنایا جائے؟

ہیڈرز آپ کے ویب صفحہ پر کسی بھی مواد کے لیے اہم ہوتے ہیں کیونکہ وہ نہ صرف قارئین بلکہ سرچ انجنوں کی بھی خدمت کرتے ہیں۔ شاندار اور اچھی طرح سے لکھے ہوئے ہیڈرز قارئین کو آپ کی پوسٹ کی طرف راغب کرنے اور کلکس بڑھانے کی صلاحیت رکھتے ہیں۔ آپ کے مواد کے درجہ بندی کے لحاظ سے ہیڈرز H1 سے H6 تک ہو سکتے ہیں۔ آپ کے صفحہ یا مضمون کا مرکزی عنوان H1 ہے، جبکہ H2 ذیلی عنوانات ہیں جو آپ کے دستاویزات میں حصے بناتے ہیں۔ H3 سے H6 ہیڈر H2 کے تحت آپ کی دستاویز میں مزید ذیلی سرخیاں فراہم کرتے ہیں۔ اس بات پر جانے سے پہلے کہ Astra تھیم آپ کو اپنے مواد میں شاندار ہیڈرز بنانے میں کس طرح مدد کر سکتی ہے، آئیے ہیڈرز کی اہمیت پر غور کریں

فہرست کا خانہ:

• آپ کے ویب صفحات کے لیے ہیڈر کیوں اہم ہیں؟
• 1. موضوع کی شناخت
• 2. رسائی
• 3. سرچ انجن آپٹیمائزیشن
• 4. صفحات کو اسکین کرنے کے قابل بناتا ہے۔
• 5. موبائل ڈیوائس کا استعمال
• آسٹرا تھیم کے ساتھ ایک شاندار ہیڈر کیسے بنایا جائے؟
• ہیڈرز کے لیے آسٹرا تھیم کے استعمال کے فوائد اور نقصانات
• آخری الفاظ

آپ کے ویب صفحات کے لیے ہیڈر کیوں اہم ہیں؟

یہاں یہ ہے کہ آپ کو اپنے متن میں ہیڈر شامل کرنے کو یقینی بنانا ہے۔

1. موضوع کی شناخت

سرچ انجنوں اور قارئین کے لیے ہیڈرز ایک اہم کردار ادا کرتے ہیں تاکہ وہ مضمون میں مطلوبہ الفاظ کو چن سکیں۔ متن میں بنیادی ہیڈر مواد کے عنوان کی شناخت کرنے میں مدد کرتا ہے، اور ذیلی عنوانات قاری کو ان کی دلچسپی کے علاقے میں لے جاتے ہیں۔

2. رسائی

آج کل لوگ کسی بھی مواد کو دیکھنے کے لیے زیادہ تر اسکرین ریڈرز کا استعمال کرتے ہیں۔ کسی بھی مواد میں ہیڈرز آسانی سے اسکرین ریڈرز کے ذریعے اٹھا لیے جاتے ہیں اور اسکرین ریڈرز کو مؤثر طریقے سے استعمال کرنے کے لیے ضروری ہیں۔ وہ قارئین کو مطلوبہ موضوع تک پہنچنے کے لیے ایک سرخی سے دوسرے عنوان پر جانے کی بھی اجازت دیتے ہیں۔

3. سرچ انجن آپٹیمائزیشن

جب ہیڈر آپ کے موضوع کو قابل شناخت بناتے ہیں، تو سرچ انجن تلاش کے سوالات کے لیے آپ کے صفحہ کی درجہ بندی کرتے ہیں۔ جتنا زیادہ آپ اپنے ہیڈرز کو اچھی طرح سے تیار کریں گے اور مناسب مطلوبہ الفاظ سے بھرے ہوں گے، سرچ انجن آپ کی درجہ بندی میں اتنا ہی اضافہ کریں گے۔

آپ کے صفحات کے لیے شاندار ہیڈر بنانے کے لیے مفت Astra تھیم کی خصوصیات کو استعمال کرنے کے لیے یہاں ایک گائیڈ ہے۔ اپنی پسند کا ہیڈر بنانے کے لیے طریقہ کار پر عمل کریں۔

4. صفحات کو اسکین کرنے کے قابل بناتا ہے۔

ہیڈر استعمال کرکے، آپ صفحات کو جتنا ممکن ہو سکین کر رہے ہیں۔ یہ عام علم ہے کہ کوئی بھی پورا مضمون نہیں پڑھتا ہے - خاص طور پر لائن بہ سطر۔ اسی لیے صفحات کے لیے ہیڈرز کا ہونا ضروری ہے۔ تمام ہیڈرز میں سے، سب سے اہم ہیڈر پہلا ہیڈر ہے کیونکہ یہ پوری پوسٹ یا صفحہ کے لیے ٹون سیٹ کرتا ہے۔

اس کے بعد ذیلی سرخی آتی ہے کیونکہ یہ مواد کو ٹکڑوں میں تقسیم کرتا ہے جو استعمال کے لیے بہتر ہیں۔ صرف یہی نہیں، مضمون کی ساخت ہیڈر اور ذیلی سرخیوں سے ظاہر ہوتی ہے۔ مختصر میں، ہیڈر کے صحیح سیٹ کا مطلب یہ ہے کہ آپ اپنے دل چسپ مواد سے سامعین کو اپنی طرف متوجہ کر سکتے ہیں۔

5. موبائل ڈیوائس کا استعمال

وقت کے ساتھ ساتھ، موبائل پہلے سے زیادہ غالب ہوتا جا رہا ہے۔ اس میں کوئی شک نہیں کہ سائٹس کو موبائل سے پہلے سے زیادہ ٹریفک ملے گی۔ لہذا، اگر آپ اپنے مواد کو درست رکھتے ہیں، تو آپ موبائل کے ساتھ ساتھ ڈیسک ٹاپ سے بھی ناظرین حاصل کرنے کے پابند ہوں گے۔

مختصراً، ہیڈرز نہ صرف قارئین بلکہ سرچ انجنوں کے لیے بھی ویب پیج کو بہتر بناتے ہیں۔

آسٹرا تھیم کے ساتھ ایک شاندار ہیڈر کیسے بنایا جائے؟

سب سے پہلے چیزیں، Astra Header Builder تک رسائی حاصل کرنے کے لیے، اپنے ورڈپریس کے ڈیش بورڈ میں لاگ ان کریں، اور بائیں ہاتھ کی سائڈبار سے، Appearance > Astra Options > Header Builder جیسا کہ ذیل کی تصویر میں دکھایا گیا ہے:

اس پر کلک کریں، اور یہ آپ کو ورڈپریس کسٹمائزر میں ہیڈر بلڈر سیکشن میں لے جائے گا۔ انٹرفیس اسی طرح نظر آنا چاہئے جو ہمارے یہاں ہے:

جیسا کہ آپ دیکھ سکتے ہیں، ہیڈر بلڈر کو تین عمودی حصوں میں تقسیم کیا گیا ہے، ایک دوسرے کے اوپر کھڑا ہے۔ آپ کے پاس درمیان میں "پرائمری ہیڈر" ہے جس میں اوپر "اوپر ہیڈر" اور نیچے "ہیڈر کے نیچے" ہے۔  

ہر ہیڈر کے پاس "ہیڈر سیٹنگز" کا اپنا سیٹ ہوتا ہے، جس تک آپ ہیڈر کے بائیں جانب گیئر آئیکن پر کلک کر کے رسائی حاصل کر سکتے ہیں۔

یہاں سے، آپ ہیڈر کی اونچائی، بارڈر سائز، پس منظر، پیڈنگ اور مارجن کو اپنی مرضی کے مطابق بنا سکتے ہیں۔

اس کے علاوہ، دیکھیں کہ ہر ہیڈر کو تین حصوں میں کیسے تقسیم کیا گیا ہے۔ آپ ان سیکشنز کو مزید نمایاں کرنے کے لیے ان میں ہیڈر عناصر کو شامل اور ہٹا سکتے ہیں۔ اس ٹیوٹوریل کو لکھنے کے وقت تک، آپ کو 12 ہیڈر عناصر تک رسائی حاصل ہے:

• سائٹ کا عنوان اور لوگو
• پرائمری مینو
• بٹن 1
• بٹن 2 (پرو)
• تلاش کریں۔
• کھاتہ
• ایچ ٹی ایم ایل 1
• HTML2
• ثانوی مینو
• سماجی
• ویجیٹ 1
• ویجیٹ 2
• ویجیٹ 3 (پرو)
• ویجیٹ 4 (پرو)
• ٹوکری

اب، ایک نیا ہیڈر عنصر شامل کرنے کے لیے، اپنے ماؤس کو اس حصے پر ہوور کریں اور "+" بٹن پر کلک کریں۔ یہ دستیاب عناصر کی فہرست لائے گا۔ اسے منتخب کریں جسے آپ استعمال کرنا چاہتے ہیں، اور یہ ہیڈر سیکشن میں شامل ہو جائے گا۔

اسی طرح، ہیڈر عنصر کو ہٹانے کے لیے صرف ہیڈر عنصر کے ساتھ موجود "x" بٹن پر کلک کریں۔

آپ صرف گھسیٹ کر اور چھوڑ کر ہیڈر سیکشنز کے درمیان ہیڈر عناصر کے گرد گھوم سکتے ہیں۔

تمام ہیڈر عناصر جو آپ نے استعمال کیے ہیں وہ بائیں طرف کے مینو میں ظاہر ہوں گے، یہاں کے نیچے، آپ کو ہیڈر کی قسم کو تبدیل کرنے کا اختیار بھی ملے گا۔ مفت صارفین کو صرف "شفاف ہیڈرز" کا اختیار ملتا ہے۔ تاہم، اگر آپ Astra Pro استعمال کر رہے ہیں، تو آپ "Sticky Headers" کو فعال کر سکتے ہیں۔

یہاں سے، آپ ہیڈر عنصر کی مخصوص ترتیبات تک رسائی حاصل کر سکتے ہیں۔

جنرل ٹیب کے بالکل ساتھ، ہمارے پاس ڈیزائن ٹیب ہے، یہاں سے آپ کو ہیڈر کی چوڑائی اور مارجن کو تبدیل کرنے کے لیے کچھ بنیادی ڈیزائن کے اختیارات ملتے ہیں۔ Astra Pro صارفین کے لیے مزید جدید ترتیبات دستیاب ہیں۔

Astra Header Builder آپ کو یہ بھی ٹھیک کرنے کی اجازت دیتا ہے کہ ڈیسک ٹاپ، موبائل یا ٹیبلیٹ جیسے مختلف اسکرین سائز پر سائٹ کا ہیڈر کس طرح نظر آئے گا۔ اسکرین کا مختلف سائز منتخب کرنے اور اسے حسب ضرورت بنانے کے لیے، اسکرین کے نیچے بائیں کونے میں ڈیوائس سلیکٹر کا استعمال کریں۔

جیسا کہ آپ دیکھ سکتے ہیں، ایک چھوٹی اسکرین پر، آپ کو "آف کینوس" کے نام سے ایک اضافی علاقہ ملتا ہے۔ یہ آپ کو ہیڈر پر جگہ بچانے اور کچھ چیزوں کو آف اسکرین منتقل کرنے کی اجازت دیتا ہے جسے دیکھنے والے ضرورت پڑنے پر ٹوگل کر سکتے ہیں۔

اور یہ اسٹرا تھیم کا استعمال کرتے ہوئے ہیڈر بنانے کے طریقے کے بارے میں ہماری فوری گائیڈ کو سمیٹتا ہے۔ ایک بار جب آپ تمام ہیڈر عناصر کو شامل کر لیں اور ڈیزائن میں ضروری تبدیلیاں کر لیں، پبلش بٹن پر کلک کریں، اور بس۔  

آپ کا نیا بنایا ہوا Astra ہیڈر اب آپ کی ورڈپریس ویب سائٹ پر چل رہا ہے۔

Astra Header Builder: دستیاب اختیارات کا ایک فوری جائزہ

مندرجہ بالا ٹیوٹوریل میں، ہم نے Astra Header Builder کا استعمال کرتے ہوئے ایک بہت ہی بنیادی ہیڈر بنایا ہے تاکہ آپ کو اندازہ ہو کہ یہ فیچر کیسے کام کرتا ہے۔ تاہم، Astra Header Builder کے اندر بہت سارے ٹولز اور اختیارات موجود ہیں جو آپ کو مزید پیچیدہ اور شاندار ہیڈر بنانے میں مدد فراہم کرتے ہیں۔

یہاں آپ کے اختیار میں موجود مختلف اختیارات پر ایک فوری نظر ہے:

پرائمری ہیڈر

Astra میں پہلے سے طے شدہ ہیڈر بنیادی ہیڈر ہے۔ یہ ایک لوگو اور ایک نیویگیشن مینو بھی دکھائے گا جو Astra میں مختلف بنیادی ہیڈر سیٹنگز کے ساتھ حسب ضرورت ہے۔

بس Astra انسٹال کریں اور ہیڈر سیکشن میں جا کر بنیادی ہیڈر کا آپشن منتخب کریں اور حسب ضرورت حاصل کریں۔ ہیڈر > پرائمری ہیڈر

آپ درج ذیل حسب ضرورت ترتیبات کا استعمال کر سکتے ہیں۔

ترتیب

ترتیب کی ترتیبات آپ کے صفحہ کے لوگو کی پوزیشن کا نظم کریں گی۔ لوگو کے لیے Astra میں تین مختلف پوزیشنیں دستیاب ہیں۔

بائیں لوگو

اس ترتیب میں لوگو نیویگیٹنگ مینو کے بائیں جانب جاتا ہے۔ یہ لوگو کی پوزیشننگ کا ایک عام انداز ہے۔

صحیح لوگو

اس ترتیب میں لوگو نیویگیٹنگ مینو کے دائیں جانب چلا جاتا ہے۔

مرکز کا لوگو

اس ترتیب میں لوگو نیویگیٹنگ مینو کے اوپر مرکز میں حرکت کرتا ہے۔ لمبے مینو کے معاملے میں یہ ایک اچھا آپشن ہے۔

چوڑائی

چوڑائی کی ترتیبات متن کے لیے ہیڈر کی چوڑائی کا انتظام کرتی ہیں۔ آپ اپنے ہیڈر کی چوڑائی کو حسب ضرورت بنا سکتے ہیں۔

مکمل چوڑائی

مکمل چوڑائی کی ترتیبات میں، آپ کا ہیڈر دونوں سروں سے پھیلا ہوا ہوگا اور آپ کے براؤزر کے صفحہ کے سائز کے مطابق ہوگا۔

مواد کی چوڑائی

مواد کی چوڑائی کی ترتیبات میں، ہیڈر کنٹینر کی چوڑائی کے سیٹ کے مطابق ایڈجسٹ ہوتا ہے، اور آپ اسے درج ذیل کو منتخب کر کے سیٹ کر سکتے ہیں۔

عالمی> کنٹینر> چوڑائی

بارڈر

بارڈر کو منتخب کرکے، آپ اپنے ہیڈر کے نیچے ایک بارڈر شامل کر سکتے ہیں اور اس کے رنگ اور چوڑائی کو اپنی مرضی کے مطابق بنا سکتے ہیں۔

موبائل ہیڈر

نیویگیٹنگ مینو، ریسپانسیو ڈیوائسز پر، ہیمبرگر میں بدل جاتا ہے۔ لہذا، ان آلات پر بنیادی ہیڈر صرف ہیمبرگر مینو اور لوگو کو ظاہر کرے گا۔ آپ ریسپانسیو ویجٹ میں مینو سے متعلق لوگو کے لے آؤٹ کو اپنی مرضی کے مطابق بنا سکتے ہیں۔

اسٹیک

اسٹیک آپشن میں، لوگو ہیمبرگر مینو کے اوپر چلا جائے گا۔ اگر آپ کے پاس بڑا لوگو ہے تو اسٹیک کا انتخاب مفید ثابت ہو سکتا ہے۔

ترتیب سے

ان لائن آپشن میں لوگو اور مینو ایک دوسرے کے مطابق ہوں گے اور چھوٹے لوگو کی صورت میں یہ ایک اچھا آپشن ہو سکتا ہے۔

رنگین تھیمز

Astra تھیم کا استعمال کرتے ہوئے بنیادی ہیڈرز کو مختلف رنگوں میں پیش کیا جا سکتا ہے۔ عالمی رنگ مفت میں دستیاب ہوں گے، لیکن آپ کو مزید جدید خصوصیات کے لیے Astra Pro کا ایڈون plugin استعمال کرنے کی ضرورت ہے۔ Astra میں عالمی رنگ استعمال کرنے کے لیے، آپ کو ظاہری شکل کے ٹیب کے نیچے جانے کی ضرورت ہے، اپنی مرضی کے مطابق منتخب کریں، پھر عالمی، اور آخر میں رنگوں کا آپشن منتخب کریں۔ ظاہری شکل> حسب ضرورت> عالمی> رنگ

نوع ٹائپ

صفحہ یا سائٹ کے لیے ٹائپوگرافی کی ترتیبات Astra تھیم کے ساتھ پرائمری ہیڈر پر خود بخود لاگو ہوتی ہیں۔ آپ گلوبل کے تحت ظاہری ٹیب پر جا کر ٹائپوگرافی کی ترتیبات کو منتخب اور اپنی مرضی کے مطابق بنا سکتے ہیں۔  

ظاہری شکل> حسب ضرورت> عالمی> نوع ٹائپ

شفاف ہیڈر

شفاف ہیڈر آپ کے صفحہ کے لیے خوبصورت اور پرکشش ہیڈرز بنانے کا ایک آسان طریقہ ہیں۔ بنیادی ہیڈر کا پس منظر شفاف پر سیٹ کیا جائے گا اور صفحہ کے مواد کو اوپر لے جائے گا۔ صفحہ کا مواد اور بنیادی ہیڈر ضم ہو جائیں گے، جس کا مطلب ہے کہ مواد کا اوپر والا حصہ شفاف ہیڈر کا پس منظر بن جائے گا۔ مثال کے طور پر، اگر تصویر صفحہ کے اوپری حصے پر ہے، تو یہ شفاف ہیڈر کا پس منظر بننے کے لیے اوپر جائے گی۔

شفاف ہیڈر کیسے شامل کریں؟

شفاف ہیڈر آپ کے صفحہ کو پرکشش بنانے کے لیے دو فوری مراحل میں تیار کرتا ہے۔ 

مرحلہ نمبر 1

آپ کسٹمائزر کے تحت شفاف ہیڈر کا آپشن تلاش کر سکتے ہیں اور پھر اس میں ترمیم کر سکتے ہیں۔

ظاہری شکل > حسب ضرورت > ہیڈر > شفاف ہیڈر

مرحلہ 2

شفاف ہیڈر کے اختیارات کے تحت، آپ اسے پوری ویب سائٹ کے لیے فعال کر سکتے ہیں، نیچے بارڈر، رنگ سکیمیں، اور لوگو لے آؤٹ کا انتخاب کر سکتے ہیں۔

مکمل ویب سائٹ پر فعال کرنا

اگر آپ پوری ویب سائٹ کے لیے شفاف ہیڈر سیٹنگز چاہتے ہیں، تو آپ چیک باکس کو ٹک کرکے اس آپشن کو فعال کرسکتے ہیں۔ اگر آپ چیک باکس پر نشان لگاتے ہیں، تب بھی کچھ اخراج کے اصول موجود ہیں جنہیں آپ مخصوص پوسٹس یا صفحات کے لیے فعال کر سکتے ہیں۔ آپ مندرجہ ذیل صفحات کے لیے شفاف ہیڈر کے اختیار کو غیر فعال کر سکتے ہیں۔

آرکائیوز، تلاش اور 404 پر غیر فعال کریں۔

شفاف ہیڈر سیٹنگ کو ان خصوصی صفحات پر چیک باکس پر نشان لگا کر غیر فعال کیا جا سکتا ہے۔

بلاگ انڈیکس پیج پر غیر فعال کریں۔

اگر آپ اپنے ہوم پیج سے سیٹنگز کو تبدیل کرتے ہیں تو آپ کے بلاگ کا فرنٹ پیج بلاگ انڈیکس پیج بن جاتا ہے۔ بلاگ انڈیکس کا صفحہ بنانے کے لیے، آپ ہوم پیج کی ترتیبات پر جا سکتے ہیں اور "آپ کا ہوم پیج ڈسپلے" کے ٹیب کے نیچے "آپ کی تازہ ترین پوسٹس" کو منتخب کریں۔

آپ کا ہوم پیج ڈسپلے > آپ کی تازہ ترین پوسٹس

اگر آپ اس بلاگ انڈیکس پیج پر شفاف ہیڈر کی سیٹنگز کو غیر فعال کرنا چاہتے ہیں، تو آپ اس کے لیے چیک باکس پر نشان لگا سکتے ہیں۔

صفحات پر غیر فعال کریں۔

اگر آپ تمام صفحات پر شفاف ہیڈر کے آپشن کو غیر فعال کرنا چاہتے ہیں تو چیک باکس پر نشان لگائیں۔

پوسٹس پر غیر فعال کریں۔

اگر آپ تمام پوسٹس پر شفاف ہیڈر کے آپشن کو غیر فعال کرنا چاہتے ہیں تو چیک باکس پر نشان لگائیں۔

رنگ اور پس منظر

آپ درج ذیل دستیاب اختیارات کے ساتھ اپنے شفاف ہیڈر کے پس منظر اور رنگ کی ترتیبات کو حسب ضرورت بنا سکتے ہیں۔

• پس منظر
• ویب سائٹ کا عنوان
• مینو
• ذیلی مینیو
• مواد

ہیڈرز کے لیے آسٹرا تھیم کے استعمال کے فوائد اور نقصانات

پیشہ

• شفاف ہیڈر کا موقع دستیاب ہے۔
• مکمل چوڑائی اور مواد کی چوڑائی دونوں کے ہیڈر دستیاب ہیں۔
• رنگ اور نوع ٹائپ کی تخصیص دستیاب ہے۔

Cons کے

• سٹکی ہیڈر کا آپشن دستیاب نہیں ہے۔
• اعلی رنگ کی خصوصیات دستیاب نہیں ہیں۔

آخری الفاظ

Astra وہاں کے بہترین تھیمز میں سے ایک ہے۔ اور، اگر آپ اسے استعمال کر رہے ہیں، تو آپ اپنی سائٹ کو برقرار رکھنے کے لیے صحیح راستے پر ہیں۔

Astra کی مفت تھیم آپ کو اپنے ویب صفحہ کے لیے خوبصورت اور پرکشش ہیڈر ڈیزائن کرنے کی اجازت دیتی ہے۔ شفاف ہیڈر کا آپشن اور حسب ضرورت بھی دستیاب ہے، جو ناظرین کے تجربے کو بڑھا سکتا ہے۔ Astra تھیم میں ہیڈر حسب ضرورت کے بہت سے انتخاب آپ کو ایک شاندار ہیڈر بنانے دیتے ہیں۔