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

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

فھرست:

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

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

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

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

2. قابل رسائی

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

3. سرچ انجن کی اصلاح۔

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

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

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

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

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

5. موبائل آلات استعمال

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آسٹرا ہیڈر بلڈر: دستیاب اختیارات کا فوری جائزہ۔

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

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

پرائمری ہیڈر

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

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

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

ترتیب

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

بائیں لوگو

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

دائیں لوگو

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

سینٹر لوگو

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

چوڑائی

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

مکمل چوڑائی

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

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

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

گلوبل> کنٹینر> چوڑائی

بارڈر

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

موبائل ہیڈر

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

اسٹیک

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

ترتیب سے

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

رنگین تھیمز

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

نوع ٹائپ

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

ظاہری شکل> تخصیص> گلوبل> نوع ٹائپ

شفاف ہیڈر

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

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

آپ کے صفحے کو پرکشش بنانے کے ل The شفاف سرخی دو تیز اقدامات میں تیار کرتی ہے 

مرحلہ نمبر 1

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

ظاہری شکل> تخصیص> ہیڈر> شفاف ہیڈر

مرحلہ 2

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

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

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

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

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

بلاگ انڈیکس صفحے پر غیر فعال کریں

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

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

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

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

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

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

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

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

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

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

ہیڈر کے لئے آسٹرا تھیم استعمال کرنے کے پیشہ اور خیالات

پیشہ

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

Cons کے

  • چپچپا ہیڈر آپشن دستیاب نہیں ہے
  • جدید رنگ کی خصوصیات دستیاب نہیں ہیں

حتمی الفاظ

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

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

"ایک شاندار آسٹرا تھیم ہیڈر کیسے بنائیں؟" پر 4 خیالات؟

  1. بونجور ،

    Merci beaucoup pour toutes ces infos. Pourriez-vous svp m'aider ?

    J'aimerai cééer ​​l'entête Astra uniquement sur ma page d'accueil. Mais soit elle s'affiche sur toutes les pages soit sur aucune… تبصرہ کریں je peux faire ?

    موڈ کی دیکھ بھال کے لیے سائٹ اصل میں ہے۔

    En vous remerciant par avance

ایک تبصرہ چھوڑ دو

آپ کا ای میل پتہ شائع نہیں کیا جائے گا۔ مطلوبہ فیلڈز نشان زد ہیں *