تھیم ٹیب میں پری سیٹس، رنگ، تصویر، گریڈینٹ یا ویڈیو والا پس منظر، بٹن کا انداز، فونٹ اور مواد کے پیچھے سطح۔
بلڈر کے “تھیم” ٹیب میں آپ پورے صفحے کی شکل طے کرتے ہیں: رنگ، پس منظر، بٹن کی شکل اور فونٹ۔ کسٹم CSS کے سوا تمام تبدیلیاں تقریباً 2 سیکنڈ بعد خود بخود ڈرافٹ میں محفوظ ہو جاتی ہیں اور اگلی بار شائع کرنے پر لائیو ہوتی ہیں۔
ٹیب اوپر سے نیچے یوں ترتیب دیا گیا ہے: “ٹیمپلیٹ”، “پری سیٹس”، “رنگ”، “پس منظر”، “مواد کے پیچھے سطح”، “بٹن کا انداز”، “فونٹ” اور “کسٹم CSS”۔ ٹیمپلیٹس کا اپنا الگ مضمون ہے۔
پری سیٹس
پری سیٹس تیار شدہ رنگوں کے امتزاج ہیں۔ ایک کلک پس منظر کا رنگ، متن کا رنگ، بٹن کا رنگ اور بٹن کا انداز ایک ساتھ سیٹ کر دیتا ہے اور آپ کا اپنا چنا ہوا بٹن کے متن کا رنگ ری سیٹ کر دیتا ہے۔ 16 پری سیٹس ہیں: کلاسک، آدھی رات، بندرگاہ، سمندر، جنگل، غروب، گلاب، سلیٹ، مونو، پالا، لیونڈر، عنبر، کوئلہ، پودینہ، قرمزی اور ریت۔ فعال پری سیٹ اس وقت تک نشان زد رہتا ہے جب تک آپ ان چار ویلیوز میں سے کوئی نہ بدلیں۔
رنگ
چار بنیادی رنگ، ہر ایک کے ساتھ رنگ چننے والا اور hex ویلیو (شفافیت کے بغیر):
- “پس منظر”
- صفحے کا پس منظر کا رنگ؛ پس منظر کی قسم “رنگ” ہونے پر بھی یہی استعمال ہوتا ہے۔
- “متن کا رنگ”
- نام، تعارف اور متن کا رنگ۔
- “بٹن کا رنگ”
- لنک بٹنوں کا رنگ اور بلاکس میں بٹنوں کا ڈیفالٹ رنگ۔
- “بٹن کا متن”
- بٹنوں پر متن۔ اپنی پسند نہ ہو تو ایسا رنگ خود بخود چنا جاتا ہے جو بٹن کے رنگ پر اچھی طرح پڑھا جائے۔
دکھائی گئی ویلیو ہمیشہ وہی ہوتی ہے جو اس وقت لاگو ہے، چاہے وہ ٹیمپلیٹ سے آئی ہو۔ بہت سے بلاکس کی “ڈسپلے کے اختیارات” کے تحت اپنی رنگ کی فیلڈز ہیں۔ جب تک وہ “ڈیفالٹ (تھیم سے)” دکھاتی ہیں، وہ ان رنگوں کی پیروی کرتی ہیں۔
پس منظر
“رنگ”، “تصویر”، “گریڈینٹ” اور “ویڈیو” بٹن صفحے کے پس منظر کی قسم طے کرتے ہیں۔ قسم بدلنے پر بلڈر دوسری اقسام کی ویلیوز اس وقت تک یاد رکھتا ہے جب تک آپ بلڈر میں رہیں۔
رنگ
صفحہ “رنگ” حصے کا “پس منظر” رنگ استعمال کرتا ہے۔
تصویر
- “ڈیسک ٹاپ تصویر”
- بڑی اسکرینوں کے لیے پس منظر، 1920 × 1080 px۔
- “موبائل تصویر”
- اختیاری، عمودی 1080 × 1920 px۔ خالی ہونے پر “ڈیسک ٹاپ کی طرح” دکھاتا ہے، اور ڈیسک ٹاپ تصویر استعمال ہوتی ہے۔
“منتخب کریں” آپ کے اثاثے کھولتا ہے، “نظم کریں ↖” اثاثوں کا صفحہ، اور “ہٹائیں” تصویر ہٹا دیتا ہے۔ اگر کوئی تصویر بالکل ہدف کے سائز کی نہ ہو تو کراپ ٹول کھلتا ہے اور کاٹی گئی تصویر نئے اثاثے کے طور پر محفوظ ہوتی ہے۔ مزید پیج بلڈر میں تصاویر میں۔
گریڈینٹ
- “ابتدائی رنگ” اور “آخری رنگ”
- گریڈینٹ کے دو رنگ۔
- “زاویہ”
- 0 سے 355 ڈگری تک سمت، 5 کے وقفوں میں۔
- “پری سیٹس”
- تیار شدہ گریڈینٹس: نیلا، غروب، سمندر، جنگل، بیری اور آدھی رات۔
ویڈیو
- “ڈیسک ٹاپ ویڈیو”
- کسی ویڈیو فائل (.mp4 یا .webm) کا براہِ راست لنک، یا آپ کے ویڈیو اثاثوں میں سے “ویڈیو منتخب کریں”۔
- “موبائل ویڈیو”
- اختیاری، مثلاً موبائل ڈیٹا کے لیے چھوٹی فائل۔ خالی ہونے پر ڈیسک ٹاپ ویڈیو استعمال ہوتی ہے۔
ویڈیو بغیر آواز کے، مسلسل دہرائی جاتی ہے اور اس میں کنٹرولز نہیں ہوتے۔ جن وزیٹرز نے اپنی سسٹم سیٹنگز میں کم حرکت (reduced motion) آن کی ہو، ان کے لیے یہ چھپی رہتی ہے۔ MP4 یا WebM فارمیٹ میں 8 MB تک کی فائلیں تجویز کی جاتی ہیں۔
اوورلے کی غیر شفافیت
تصویر، گریڈینٹ اور ویڈیو کے لیے 0 سے 80% تک کا سلائیڈر پس منظر پر ایک تاریک تہہ ڈالتا ہے تاکہ متن آسانی سے پڑھا جا سکے۔
تصویر، گریڈینٹ یا ویڈیو والا صفحے کا پس منظر ٹیمپلیٹ کی پس منظر والی تصاویر کی جگہ لے لیتا ہے۔ تب ٹیمپلیٹ کی تصویر کی جگہیں اس بارے میں ایک نوٹ دکھاتی ہیں۔ “رنگ” کے ساتھ ٹیمپلیٹ کی تصاویر دوبارہ نظر آتی ہیں۔
مواد کے پیچھے سطح
پس منظر کی تصویر، گریڈینٹ یا ویڈیو پر متن کو پڑھنے کے قابل بناتی ہے:
- “بند”
- کوئی سطح نہیں؛ مواد براہِ راست پس منظر پر ہوتا ہے۔
- “پورا مواد”
- تمام مواد کے پیچھے ایک کارڈ۔
- “ہر بلاک”
- پروفائل کے پیچھے اور ہر بلاک کے پیچھے الگ کارڈ۔
- “ٹھوس” یا “نیم شفاف”
- سطح آن ہوتے ہی نظر آتا ہے۔ نیم شفاف میں پس منظر جھلکتا ہے۔
Business Card ٹیمپلیٹ کے ساتھ اس سیٹنگ کا کوئی اثر نہیں ہوتا۔
بٹن کا انداز
| انداز | لنک بٹنوں کے کونے |
|---|---|
| گول کنارے | ہلکے گول، 12 px |
| کیپسول | مکمل گول |
| چوکور | تقریباً چوکور، 4 px |
بٹن کا انداز ڈیفالٹ ہے۔ آپ اسے لنکس بلاک میں اور ہر لنک کے لیے بدل سکتے ہیں (دونوں جگہ “کونوں کا گھماؤ”)۔
فونٹ
آپ DM Sans، Figtree، Sora، Plus Jakarta Sans، Raleway، Inter، Poppins، Montserrat، Nunito، Outfit، Space Grotesk اور “سسٹم ڈیفالٹ” (ڈیوائس کا اپنا فونٹ) میں سے چن سکتے ہیں۔ “Aa — پھرتیلی بھوری لومڑی۔” والی سطر پیش منظر دکھاتی ہے۔
LinkHarbor تمام فونٹس خود فراہم کرتا ہے۔ آپ کے وزیٹرز کے براؤزر ان کے لیے Google Fonts یا دوسرے تھرڈ پارٹی سرورز سے کچھ لوڈ نہیں کرتے۔
کون سی سیٹنگ غالب رہتی ہے
رنگ اور شکلیں باہر سے اندر کی طرف مرحلہ وار طے ہوتی ہیں:
- ٹیمپلیٹ: بنیادی انداز اور ڈیفالٹ رنگ
- تھیم ٹیب: پورے صفحے کے لیے رنگ، پس منظر، بٹن کا انداز اور فونٹ
- کسی بلاک کے ڈسپلے کے اختیارات: اس بلاک کے رنگ اور شکلیں
- کسی ایک لنک کی اسٹائلنگ: باقی تمام ویلیوز پر ترجیح رکھتی ہے
- کسٹم CSS: ہر اس چیز کے لیے جو کنٹرولز میں شامل نہیں
اپنی CSS سے باریک ترامیم کا طریقہ کسٹم CSS میں بتایا گیا ہے۔
یہ بھی آپ کے کام آ سکتا ہے
کچھ نہیں ملا؟
ہمیں بتائیں کہ آپ کو کیا چاہیے، ہماری سپورٹ ٹیم ذاتی طور پر آپ کی مدد کرے گی۔