ہیرو ایک بڑا بینر ہے جس میں آپ کے متن اور بٹنوں کے پیچھے تصویر یا ویڈیو ہوتی ہے۔ یہ آپ کے ہوم پیج پر ہوتا ہے اور اکثر وہ پہلی چیز ہوتی ہے جو خریدار دیکھتے ہیں۔
ہیرو شامل کریں
- بلڈر کھولیں اور صفحات ٹیب میں ہوم پیج چنیں۔
- سیکشنز ٹیب میں نیا سیکشن شامل کریں پر کلک کریں اور مواد گروپ سے ہیرو چنیں۔
- اپنا میڈیا چنیں، اپنا متن لکھیں، اور شائع کریں پر کلک کریں۔
ہیرو صرف ہوم پیج پر دستیاب ہے، اور آپ ہر صفحے پر ایک شامل کر سکتے ہیں۔ اسے منتقل کرنے، کاپی کرنے یا چھپانے کے لیے دیکھیں سیکشنز اور بلاکس
میڈیا اور اونچائی
- موڈ: واحد ایک تصویر یا ویڈیو دکھاتا ہے۔ تقسیم شدہ دو دکھاتا ہے، جو میڈیا 1 اور میڈیا 2 میں سیٹ ہوتی ہیں۔ جب مواد کی سمت عمودی ہو تو یہ ساتھ ساتھ ہوتی ہیں، اور جب افقی ہو تو ایک دوسرے کے اوپر نیچے۔ فون پر دونوں ہمیشہ اوپر نیچے ہوتی ہیں۔
- میڈیا 1 اور میڈیا 2: آپ کی میڈیا لائبریری سے ایک تصویر یا ویڈیو۔ ویڈیو بغیر آواز کے، بار بار، ایک چلتے ہوئے پس منظر کی طرح چلتی ہے۔
- اونچائی: چھوٹا، درمیانہ، بڑا، مکمل سکرین (پوری سکرین بھرتا ہے)، تصویر (آپ کی پہلی تصویر کی شکل کے مطابق، تاکہ کچھ نہ کٹے)، یا حسب ضرورت۔ حسب ضرورت کے ساتھ حسب ضرورت اونچائی سکرین کی اونچائی کے حصے کے طور پر اونچائی طے کرتی ہے۔ نئے ہیرو تصویر سے شروع ہوتے ہیں۔
اوپر متن اور بٹن
میڈیا کے اوپر مواد شامل کرنے کے لیے ہیرو چنیں اور نیا بلاک شامل کریں پر کلک کریں: زیادہ سے زیادہ 2 متن، 2 بٹن، 2 گروپ، اور 2 ڈیوائیڈر بلاکس۔ ان کی اپنی ترتیبات یہاں ہیں: گروپ، متن، بٹن اور ڈیوائیڈر بلاکس: لے آؤٹ اجزاء کی ترتیبات کیسے کام کرتی ہیں؟
ترتیب کے تحت آپ یہ مواد رکھتے ہیں:
- سمت: عمودی بلاکس کو اوپر نیچے رکھتا ہے، افقی انہیں ساتھ ساتھ رکھتا ہے۔ افقی کے ساتھ موبائل پر عمودی ترتیب فون پر انہیں اوپر نیچے کر دیتا ہے۔
- پوزیشن اور سیدھ: مواد کو اوپر یا نیچے اور بائیں یا دائیں لے جائیں، مثلاً نیچے بائیں یا درمیان میں۔ درمیان کی جگہ بلاکس کو ایک دوسرے سے دور پھیلا دیتا ہے۔
- مواد کی چوڑائی: صفحہ مواد کو آپ کے صفحے کی چوڑائی کے اندر رکھتا ہے، مکمل اسے سکرین کے کناروں تک جانے دیتا ہے۔ میڈیا ہمیشہ پوری چوڑائی بھرتا ہے۔
فاصلہ (وقفہ کے تحت) بلاکس کے درمیان جگہ طے کرتا ہے، اور پیڈنگ ان کے اردگرد کی جگہ۔
رنگ اور اوورلے
- رنگ اسکیم: ہیرو کے متن اور بٹن کے رنگ۔ دیکھیں رنگ اسکیمیں۔
- میڈیا اوورلے: میڈیا کے اوپر ایک رنگین تہہ لگاتا ہے تاکہ آپ کا متن پڑھنا آسان ہو۔ پھر اوورلے رنگ اور اوورلے اسٹائل سیٹ کریں: ٹھوس میڈیا کو برابر ڈھانپتا ہے، گریڈیئنٹ رنگ کو آہستہ آہستہ ہلکا کرتا ہے۔ گریڈیئنٹ کی سمت (اوپر یا نیچے) طے کرتی ہے کہ رنگ کس طرف ہلکا ہو۔
حسب ضرورت CSS ٹیب سے آپ صرف اس ہیرو میں اپنی CSS شامل کر سکتے ہیں۔
عام کام
- ہیرو کے اوپر ہیڈر: ہیڈر کی ترتیبات میں شفاف ہیڈر آن کریں۔ یہ صرف تب کام کرتا ہے جب ہیرو بالکل ہیڈر کے نیچے ہو۔ دیکھیں ہیڈر کی ترتیبات۔
- درمیان میں عنوان اور بٹن: سمت عمودی، پھر پوزیشن اور سیدھ درمیان پر۔
- روشن تصویر پر سفید متن: میڈیا اوورلے آن کریں، گہرا اوورلے رنگ اور گریڈیئنٹ اسٹائل چنیں۔
جاننے کے لیے مفید باتیں
- اگر ہیرو ویڈیو حرکت نہیں کرتی تو آٹومیشنز کی ترتیبات والے ٹیب میں خودکار ویڈیو چلائیں چیک کریں۔ جب یہ بند ہو تو پس منظر کی ویڈیوز رکی رہتی ہیں۔ دیکھیں آٹومیشنز کی ترتیبات۔
- اگر آپ کی پہلی تصویر کا سائز معلوم نہ ہو تو تصویر والی اونچائی کی جگہ درمیانہ استعمال ہوتا ہے۔
- کسی اور صفحے پر بینر چاہیے؟ ہیرو صرف ہوم پیج کے لیے ہے، لیکن تصویر سیکشن کسی بھی صفحے پر کام کرتا ہے۔ دیکھیں متن، تصویر اور ڈیوائیڈر سیکشنز۔