کسٹم ہیڈر

کسٹم ہیڈر سائٹ کے مالکان کو اپنی سائٹ پر اپنی “ٹائٹل” امیج اپ لوڈ کرنے کی اجازت دیتے ہیں، جسے مخصوص صفحات کے اوپر رکھا جا سکتا ہے۔ان کو صارف ایڈمن پینل کے “Appearance > Header” سیکشن میں بصری ایڈیٹر کے ذریعے اپنی مرضی کے مطابق تبدیل کرسکتے ہیں اور تراش سکتے ہیں۔آپ تحریرکو ہیڈر کے نیچے یا اوپر بھی رکھ سکتے ہیں۔فلوڈ لے آؤٹ اور ریسپانسیو ڈیزائن کو سپورٹ کرنے کے لیے، یہ ہیڈرز لچکدار بھی ہو سکتے ہیں۔ہیڈر کو ()get_custom_headerفنکشن کی مدد سے تھیم میں رکھا جاتا ہے،لیکن انہیں پہلے ()add_theme_supportفنکشن کی مدد سے آپ کی functions.php فائل میں شامل کرنا ضروری ہے۔کسٹم ہیڈر اختیاری ہیں۔
تحریر کے ساتھ ایک بنیادی، لچکدار، کسٹم ہیڈر ترتیب دینے کے لیے آپ کو درج ذیل کوڈ شامل کرنا ہوگا:

after_setup_theme ہک استعمال کی جاتی ہے تاکہ تھیم لوڈ ہونے کے بعد کسٹم ہیڈر رجسٹرڈ ہوں۔

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

اپنی تھیم میں کسٹم ہیڈرز کو فعال کرنے کے لیے، اپنی functions.php فائل میں درج ذیل کوڈ شامل کریں:
add_theme_support( ‘custom-header’ )
کسٹم ہیڈرز کو فعال کرتے وقت، آپ ()add_theme_support فنکشن میں دلائل دے کر کئی دوسرے اختیارات کو ترتیب دے سکتے ہیں۔
آپ مخصوص ترتیبی آپشن بطور ایک ایرے(array) add_theme_support فنکشن دے سکتے ہیں:

لچکدار ہیڈر امیج Flexible Header Image

اگر flex-height یا flex-width کو ایرے(array) میں شامل نہیں کیا گیا ہے، تو اونچائی اور چوڑائی طے شدہ سائز ہوں گی۔اگر flex-height اور flex-width کو شامل کیا جائے تو، اونچائی اور چوڑائی کو تجویز کردہ ڈائمینشن کے طور پر استعمال کیا جائے گا۔

ہیڈر کا متن Header text

پہلے سے طے شدہ طور پر، صارف کے پاس تصویر پر ہیڈر ٹیکسٹ ڈسپلے کرنے یا نہ کرنے کا اختیار ہوگا۔صارف پر لازم نہیں ہے کہ وہ ہیڈر ٹیکسٹ آپشن استعمال کرے، لیکن اگر آپ ہیڈر ٹیکسٹ کو مکمل طور پر ہٹانا چاہتے ہیں، تو آپ دلائل(arguments) میں ‘ہیڈر ٹیکسٹ’ کو ‘غلط’ (false) پر سیٹ کر سکتے ہیں۔اس سے ہیڈر کا متن اور اسے ٹوگل کرنے کا آپشن ہٹ جائے گا۔

ایک کسٹم ہیڈر امیج سیٹ کریں۔ Set a custom header image

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

ڈیفالٹ امیج کو رجسٹر کرنے کے لیے register_default_headers() کو کال کرنا نہ بھولیں۔ اس مثال میں sunset.jpg ڈیفالٹ امیج ہے اور flower.jpg کسٹمائزر(Customizer) میں ایک متبادل انتخاب ہے۔
ایڈمنسٹریشن اسکرین سے، کسٹمائزر میں ہیڈر امیج مینو کو ظاہر کرنے کے لیے Appearance > Header پر کلک کریں۔
غور کریں کہ ()add_theme_support میں بتائی گئی چوڑائی اور اونچائی کو تجویز کردہ سائز کے طور پر دکھایا گیا ہے، اور flower.jpg کو قابل انتخاب آپشن کے طور پر دکھایا گیا ہے۔

لچکدار ہیڈر استعمال کریں Use flexible headers

پہلے سے طے شدہ طور پر، صارف کو آپ کی بتائی ہوئی چوڑائی اور اونچائی میں فٹ ہونے کے لیے اپ لوڈ کردہ کسی بھی تصویر کو تراشنا ہوگا۔تاہم، آپ ‘flex-width’ اور ‘flex-height’ کو درست بتا کر صارفین کو کسی بھی اونچائی اور چوڑائی کی تصاویر اپ لوڈ کرنے اختیار دے سکتے ہیں۔یہ صارف کو نئی تصویر اپ لوڈ کرنے پر کٹائی کا مرحلہ چھوڑنے دے گا۔

update your header.php file to:

کسٹم ہیڈر دکھا نا۔ Displaying Custom Header

کسٹم ہیڈر کو ظاہر کرنے کے لیے فنکشن ()get_header image ہیڈر امیج کو بازیافت کرتا ہے۔اور فنکشن ()get_custom_header کسٹم ہیڈر ڈیٹا حاصل کرتا ہے۔جیسے ذیل میں دکھایا گیا ہے کہ کس طرح کسٹم ہیڈر امیجز کو تھیم میں ہیڈر ڈسپلے کرنے کے لیے استعمال کیا جا سکتا ہے۔
نیچے کا کوڈ header.php فائل میں جاتا ہے۔