اپنی فروخت کو فروغ دیں، اپنے اسٹور کو تصور کے ساتھ تبدیل کریں۔ ابھی مفت آزمائیں۔

تصور میں دستیاب حصے

تصور آپ کو کسی بھی صفحات میں حصے اور متعلقہ بلاکس شامل کرنے کی اجازت دیتا ہے۔

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

یہ مضمون تمام حصوں اور بلاکس کا جائزہ فراہم کرتا ہے۔

اس صفحہ پر

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

A. ہیڈر گروپ

  1. اعلان بار (جامد سیکشن)
  2. ہیڈر (جامد سیکشن)
  3. دستیاب حصے (متحرک حصے)

B. اوورلے گروپ

  1. کارٹ دراز (جامد سیکشن)
  2. تلاش دراز (جامد سیکشن)
  3. کوکی بین (جامد سیکشن)
  4. نیوز لیٹر پاپ اپ (جامد سیکشن)

C. ٹیمپلیٹ گروپ

یہ گروپ آپ کو زیادہ لچک کے ساتھ متحرک حصے بنانے کے قابل بناتا ہے۔

  1. بلاگ پوسٹس
  2. کولیج
  3. کولیج بلاگ پوسٹس
  4. مجموعہ کی فہرست
  5. رابطہ فارم
  6. نقشہ کے ساتھ رابطہ کریں۔
  7. الٹی گنتی کا ٹائمر
  8. حسب ضرورت مائع
  9. ای میل سائن اپ
  10. خالی جگہ
  11. اکثر پوچھے گئے سوالات
  12. نمایاں مجموعہ
  13. نمایاں مصنوعات
  14. تصویر کا موازنہ
  15. متن کے ساتھ تصویر
  16. متن کے ساتھ تصاویر
  17. متن اوورلے کے ساتھ تصویر
  18. ٹیکسٹ اوورلے والی تصاویر
  19. لوگو کی فہرست
  20. نظر کتاب
  21. نقشہ
  22. ملٹی کالم
  23. آئیکن کے ساتھ ملٹی کالم
  24. متعدد خصوصیات والے مجموعے۔
  25. پورٹ فولیو
  26. حال ہی میں دیکھا گیا۔
  27. بھرپور متن
  28. سکرولنگ ٹیکسٹ
  29. نظر خریدیں۔
  30. سلائیڈ شوز
  31. تعریفیں
  32. تعریفی بینر
  33. ٹائم لائن
  34. ویڈیو
  35. ویڈیو ہیرو
  36. ٹیکسٹ اوورلے کے ساتھ ویڈیو

D. فوٹر گروپ

  1. فوٹر
  2. فوٹر کاپی رائٹ
  3. دستیاب حصے

A. سیکشن گروپس

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

1. ہیڈر گروپ

صفحہ کے اوپری حصے میں جو عام طور پر ویب سائٹ کا لوگو، نیویگیشن مینو اور دیگر اہم معلومات پر مشتمل ہوتا ہے۔

1.1۔اعلان بار

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

اعلان بار کے سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
اعلان بار
سوشل میڈیا شبیہیں دکھائیں۔ وہ سوشل میڈیا آئیکنز دکھاتا ہے جو آپ نے اپنی تھیم سیٹنگز میں سیٹ اپ کیے ہیں۔
زبان سلیکٹر کو فعال کریں۔ ایک سلیکٹر شامل کرتا ہے جہاں ایک گاہک ان ممالک اور علاقوں کا انتخاب کر سکتا ہے جنہیں آپ نے اپنی زبان کی ترتیبات میں فعال کیا ہے، تاکہ گاہک اپنی پسند کی زبان میں آپ کے اسٹور کو براؤز کر سکیں۔
ملک/علاقہ سلیکٹر کو فعال کریں۔ ایک سلیکٹر شامل کرتا ہے جہاں ایک گاہک ان ممالک اور علاقوں کا انتخاب کرسکتا ہے جنہیں آپ نے اپنی ادائیگی کی ترتیبات میں فعال کیا ہے، تاکہ گاہک آپ کی مصنوعات کی قیمتیں اپنی پسند کی کرنسی میں دیکھ سکیں۔
آئیکنز اور سلیکٹرز کو الٹ دیں۔ اس آپشن کو ٹوگل کرنے سے براؤزر میں آئیکنز اور سلیکٹرز کی پوزیشن تبدیل ہو جائے گی۔ جب آپشن پر ٹک کیا جائے گا تو آئیکنز دائیں جانب ہوں گے اور سلیکٹرز بائیں جانب ہوں گے۔ جب آپشن پر ٹک نہیں کیا جاتا ہے، تو شبیہیں اور سلیکٹرز اپنی اصل پوزیشن پر ہوں گے۔
اعلان
ڈیسک ٹاپ اعلان کی پوزیشن ڈیسک ٹاپ اعلان کی پوزیشن بائیں، درمیان، یا دائیں سیٹ کی جا سکتی ہے۔ یہ پوزیشن موبائل آلات کے لیے خود بخود بہتر ہو جائے گی۔
اعلانات کو خود بخود گھمائیں۔ carousel کو خود بخود چلانے کے لیے سیٹ کرتا ہے۔ یہ پلے ٹوگل بٹن بھی شامل کرتا ہے۔
ہر سیکنڈ میں اعلانات تبدیل کریں۔ آپ کے اعلانات کے ڈسپلے کا وقت آپ کی ترجیح کے لحاظ سے 3 سیکنڈ سے 10 سیکنڈ تک مقرر کیا جا سکتا ہے۔
نیویگیشن دکھائیں۔ نیویگیشن بٹن دکھاتا ہے۔
رنگ
متن اعلان کے متن کا رنگ۔
پس منظر اعلان بار کے پس منظر کا رنگ۔
پس منظر کا میلان اعلان بار کے پس منظر کا میلان۔
نمایاں کریں۔ نمایاں کرنے کا رنگ۔
میلان کو نمایاں کریں۔ نمایاں کا میلان۔
سیکشنز
سیکشن کو پوری چوڑائی بنائیں سیکشن کو براؤزر ونڈو کی پوری چوڑائی بناتا ہے۔
حصے کو گول بنائیں سیکشن کو براؤزر ونڈو کا گول بنا دیتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

اس سیکشن میں صرف اناؤنسمنٹ بلاکس دستیاب ہیں۔

اعلان بلاک کی ترتیب۔
بلاک کی ترتیبات ترتیبات تفصیل
اعلان
آئیکن لمبی فہرست سے آئیکن کی قسم منتخب کرتا ہے۔
متن وہ اعلان جسے آپ ڈیسک ٹاپ پر اپنے صارفین کو دکھانا چاہتے ہیں۔
لنک وہ لنک جس پر آپ چاہتے ہیں کہ اگر گاہک اعلان بار پر کلک کرتے ہیں۔
موبائل لے آؤٹ
موبائل پر آئیکن چھپائیں۔ موبائل پر آئیکن کو چھپانے کے لیے فعال کریں۔
موبائل پر ٹیکسٹ کریں۔ وہ اعلان جسے آپ موبائل پر اپنے صارفین کو دکھانا چاہتے ہیں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب ہاتھ سے ڈرائنگ کے لیے پانچ طریقے فراہم کرتی ہے۔
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • Ssquiggle انڈر لائن
  • اسکوگل انڈر لائن 2

ہیڈر آپ کے تھیم کے تمام صفحات پر دکھاتا ہے۔

ہیڈر سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
ہیڈر
لوگو ڈیسک ٹاپ براؤزر پر آپ کے اسٹور کا لوگو۔ لوگو میں صرف آپ کی تھیم کی ترتیبات میں ترمیم کی جاتی ہے۔
مینو آپ کا مین مینو۔
مینو فعال مینو آئٹم کے لیے بصری اشارے جب اس پر منڈلا جاتا ہے تو اسے ڈاٹ یا بلاک پر سیٹ کیا جا سکتا ہے۔
ہیڈر لے آؤٹ اختیارات کی فہرست میں اپنے لوگو اور مینو کی ترتیب کو حسب ضرورت بنائیں:
  • لوگو بائیں، مینو بائیں
  • لوگو بائیں، مینو سینٹ
  • لوگو بائیں، مینو دراز
  • لوگو سینٹر، مینو بائیں
  • لوگو سینٹر، مینو سینٹر
  • لوگو سینٹر، مینو تقسیم
  • لوگو سینٹر، مینو دراز
ہور پر ڈراپ ڈاؤن کو فعال کریں۔
  • فعال کریں: ڈراپ ڈاؤن مینو اس وقت کھل جائے گا جب صارف مینو آپشن پر منڈلاتا ہے۔ زیادہ تر ویب براؤزرز میں یہ ڈیفالٹ رویہ ہے۔
  • غیر فعال کریں: جب صارف مینو آپشن پر کلک کرے گا تو ڈراپ ڈاؤن مینو کھل جائے گا۔ یہ ایک آسان صارف کا تجربہ فراہم کرنے کے لیے متحرک تصاویر کو کم کرتا ہے۔
چسپاں ہیڈر چپچپا ہیڈر کے لیے تین اختیارات ہیں:
  • کوئی نہیں: چپچپا ہیڈر ظاہر نہیں کیا جائے گا۔
  • اوپر سکرول کریں: نیچے سکرول کرنے پر چپچپا ہیڈر چھپ جائے گا اور اوپر سکرول کرنے پر دوبارہ ظاہر ہوگا۔
  • ہمیشہ: چسپاں ہیڈر ہمیشہ نظر آتا ہے۔
موبائل لے آؤٹ
لوگو موبائل پر ظاہر ہونے والا لوگو۔ لوگو میں صرف آپ کی تھیم کی ترتیبات میں ترمیم کی جاتی ہے۔
موبائل لوگو کی پوزیشن موبائل پر لوگو کی پوزیشن: بائیں یا درمیان ۔
سوشل میڈیا شبیہیں دکھائیں۔ وہ سوشل میڈیا آئیکنز دکھاتا ہے جو آپ نے اپنی تھیم سیٹنگز میں سیٹ اپ کیے ہیں۔
زبان سلیکٹر کو فعال کریں۔ ایک سلیکٹر شامل کرتا ہے جہاں ایک گاہک ان ممالک اور علاقوں کا انتخاب کر سکتا ہے جنہیں آپ نے اپنی زبان کی ترتیبات میں فعال کیا ہے، تاکہ گاہک اپنی پسند کی زبان میں آپ کے اسٹور کو براؤز کر سکیں۔
ملک/علاقہ سلیکٹر کو فعال کریں۔ ایک سلیکٹر شامل کرتا ہے جہاں ایک گاہک ان ممالک اور علاقوں کا انتخاب کرسکتا ہے جنہیں آپ نے اپنی ادائیگی کی ترتیبات میں فعال کیا ہے، تاکہ گاہک آپ کی مصنوعات کی قیمتیں اپنی پسند کی کرنسی میں دیکھ سکیں۔
شفاف ہیڈر
متن کا رنگ شفاف ہیڈر پر متن کا رنگ تبدیل کرتا ہے۔
رنگ
متن ہیڈر ٹیکسٹ کا رنگ تبدیل کرتا ہے۔ یہ ترتیب شفاف ہیڈر پر لاگو نہیں ہوتی ہے۔
پس منظر ہیڈر کے پس منظر کا رنگ تبدیل کرتا ہے۔ یہ ترتیب شفاف ہیڈر پر لاگو نہیں ہوتی ہے۔
سیکشن
اوپر بھرتی سیکشن کے اوپری اندرونی جگہ کی اونچائی کا تعین کرتا ہے۔ 0px سے 120px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4px تک بڑھ رہا ہے۔
نیچے کی بھرتی سیکشن کے نیچے کی اندرونی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔
سیکشن کو پوری چوڑائی بنائیں سیکشن کو براؤزر ونڈو کی پوری چوڑائی بناتا ہے۔
حصے کو گول بنائیں سیکشن کو براؤزر کا گول بنا دیتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

یہ سیکشن میگا مینو کے اضافے کی اجازت دیتا ہے۔

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

بٹن کو چھپانے کے لیے لیبل کو خالی چھوڑ دیتا ہے۔

 بٹن کا متن
بٹن لنک بٹن کا URL۔
پروموشن
تصویر وہ تصویر جسے آپ ڈسپلے کرنا چاہتے ہیں۔
تصویر کا تناسب بلاگ پوسٹ کی تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
سرخی پروموشن کا عنوان۔
ذیلی متن پروموشن کی تفصیل کا متن۔
تصویر پر متن چڑھائیں۔ اوورلے ٹیکسٹ آن امیج آپشن کو چالو کرتا ہے۔ اگر یہ آپشن غیر فعال کر دیا جاتا ہے، تو تصویر کے نیچے متن ظاہر ہو گا۔
لنک وہ URL جس سے آپ لنک کرنا چاہتے ہیں۔
ٹیگ متن کا ایک چھوٹا ٹکڑا جو پروڈکٹ کے بارے میں اضافی معلومات فراہم کرنے کے لیے پروڈکٹ کے صفحہ پر ظاہر ہوتا ہے۔
متن کا رنگ متن کا رنگ۔
اوورلے ٹیکسٹ کا رنگ متن کا اولے رنگ۔

ٹیکسٹ اوورلے کی دھندلاپن کو 0 سے 100% تک سیٹ کیا جا سکتا ہے۔

1.3 دستیاب حصے

اس گروپ میں اضافی حصے شامل کیے جا سکتے ہیں، جیسے:

2. اوورلے گروپ

حصوں کا ایک گروپ جو پاپ اپ ونڈو میں برتاؤ کرتا ہے۔

2.1 کارٹ دراز

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

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

شپنگ کیلکولیٹر

 ایک تھیم کی ترتیبات کو فعال کریں جو صارفین کو اپنے ملک/علاقہ، صوبہ، اور پوسٹل/زپ کوڈ درج کر کے تخمینی شپنگ فیس کا حساب لگانے کی اجازت دیتی ہے۔
دکھائیں کارٹ بٹن ویو کارٹ بٹن دکھاتا ہے۔
چیک آؤٹ بٹن دکھائیں۔ چیک آؤٹ بٹن دکھاتا ہے۔
مفت شپنگ بار
مفت شپنگ بار دکھائیں۔ مفت شپنگ بار دکھاتا ہے۔
مفت شپنگ کم از کم رقم صرف نمبر کا استعمال کرتے ہوئے رقم درج کریں۔ اگر متعدد کرنسیوں کا استعمال کرتے ہوئے، ہر کرنسی کوڈ کو اس کی رقم کے ساتھ الگ کریں (مثال کے طور پر: USD:100، EUR:95، JPY:13000 )
کارٹ کی سفارشات
کارٹ کی سفارشات کو فعال کریں۔ کارٹ کی سفارش دکھاتا ہے۔
سرخی کارٹ کی سفارشات کا عنوان۔
دکھانے کے لیے زیادہ سے زیادہ مصنوعات ایک وقت میں 1 اور 10 مصنوعات کے درمیان دکھاتا ہے۔
فروش دکھائیں۔ مصنوعات کے فروشوں کو دکھاتا ہے۔
قیمت دکھائیں۔ مصنوعات کی قیمتیں دکھاتا ہے۔
خالی ٹوکری کی سفارشات
متن آپ کا اپنا متن استعمال کرتا ہے، جیسا کہ: " معلوم نہیں کہاں سے شروع کرنا ہے؟ ان مجموعوں کو آزمائیں: "
مجموعہ کی فہرست تجویز کردہ مجموعے منتخب کریں۔
حال ہی میں دیکھی گئی مصنوعات
حال ہی میں دیکھے گئے پروڈکٹس کو فعال کریں۔ حال ہی میں دیکھی گئی مصنوعات کو دکھاتا ہے۔
سرخی سیکشن کا عنوان۔
دکھانے کے لیے زیادہ سے زیادہ مصنوعات ایک وقت میں 1 اور 10 مصنوعات کے درمیان دکھاتا ہے۔
فروش دکھائیں۔ مصنوعات کے وینڈر کو دکھاتا ہے۔
قیمت دکھائیں۔ مصنوعات کی قیمت دکھاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

2.2 دراز تلاش کریں۔

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

تلاش دراز سیکشن کی ترتیبات
سیکشن کی ترتیبات تفصیل
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

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

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

مرئیت کے لیے تھیم ایڈیٹر میں تاخیر کو غیر فعال کر دیا گیا ہے۔

 اس سیکشن کا رینڈر ٹائم، صفحہ کے لوڈ ہونے کے لمحے سے۔

2s سے 60s تک ایڈجسٹ ہوتا ہے۔
متن کی سیدھ درج ذیل تین اختیارات میں سے آپ کی ترجیحی متن کی سیدھ کو منتخب کرتا ہے: بائیں ، مرکز یا دائیں ۔
مواد کی پوزیشن آپ کے مواد کی ترجیحی پوزیشن کا انتخاب کرتا ہے: نیچے بائیں یا نیچے دائیں ۔
رنگ
متن متن کا رنگ۔
پس منظر پس منظر کا رنگ۔
نمایاں کریں۔ نمایاں رنگ۔
بٹن کا متن بٹن کے متن کا رنگ۔
بٹن کا پس منظر بٹن کے پس منظر کا رنگ۔
بٹن کے پس منظر کا میلان بٹن پس منظر کا میلان۔

دستیاب بلاکس:

  • 2.3.1 ہیڈنگ بلاک
  • 2.3.2 ٹیکسٹ بلاک
  • 2.3.3 بٹن بلاک
  • 2.3.4 امیج بلاک
  • 2.3.5 حسب ضرورت مائع
  • 2.3.6 خالی جگہ
2.3.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
2.3.2 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
2.3.3 بٹن بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن خریدیں۔
بٹن کا لیبل قبول کریں۔ قبول بٹن پر متن۔

بٹن کو چھپانے کے لیے لیبل کو خالی چھوڑ دیں۔
بٹن کا لیبل مسترد کریں۔ انکار بٹن پر متن۔

بٹن کو چھپانے کے لیے لیبل کو خالی چھوڑ دیں۔

2.3.4 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت:
    • زیادہ سے زیادہ چوڑائی - ڈیسک ٹاپ تصویر کی چوڑائی - 20px سے 1000px 10px انکریمنٹ میں۔
    • موبائل کی زیادہ سے زیادہ چوڑائی - موبائل تصویر کی چوڑائی - 20px سے 600px 10px اضافے میں۔
2.3.5 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

2.3.6 خالی جگہ بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

2.4 نیوز لیٹر پاپ اپ

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

نیوز لیٹر پاپ اپ سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
نیوز لیٹر پاپ اپ
ڈسپلے موڈ

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

مرئیت کے لیے تھیم ایڈیٹر میں تاخیر کو غیر فعال کر دیا گیا ہے۔

 اس سیکشن کا رینڈر ٹائم، صفحہ کے لوڈ ہونے کے لمحے سے۔

2s سے 60s تک ایڈجسٹ ہوتا ہے۔
تعدد برخاست شدہ پاپ اپ دوبارہ ظاہر ہونے سے پہلے دنوں کی تعداد، 1 دن سے 30 دن تک ایڈجسٹ کریں۔
متن کی سیدھ درج ذیل تین اختیارات میں سے آپ کی ترجیحی متن کی سیدھ منتخب کرتا ہے: بائیں ، مرکز ، یا دائیں ۔
مواد کی پوزیشن آپ کے مواد کی ترجیحی پوزیشن کا انتخاب کرتا ہے: نیچے بائیں یا نیچے دائیں ۔
تصویر
تصویر سیکشن کے لیے تصویر کا انتخاب/اپ لوڈ کرتا ہے۔
رنگ
متن رنگین متن کو تبدیل کرتا ہے۔
پس منظر پس منظر کا رنگ بدلتا ہے۔
نمایاں کریں۔ ہائی لائٹ کا رنگ بدلتا ہے۔
بٹن کا متن بٹن کے متن کا رنگ تبدیل کرتا ہے۔
بٹن کا پس منظر بٹن کے پس منظر کا رنگ تبدیل کرتا ہے۔
بٹن کے پس منظر کا میلان بٹن کے پس منظر کے میلان کا رنگ تبدیل کرتا ہے۔

دستیاب بلاکس:

  • 2.4.1 سرخی
  • 2.4.2 متن
  • 2.4.3 بٹن
  • 2.4.4 لنک
  • 2.4.5 تصویر
  • 2.4.6 فارم
  • 2.4.7 سوشل میڈیا آئیکنز
  • 2.4.8 خالی جگہ
  • 2.4.9 حسب ضرورت مائع
  • 2.4.10 فلوٹنگ بار
2.4.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
2.4.2 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
2.4.3 بٹن بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کے سائز کو 3 اختیارات میں ایڈجسٹ کرتا ہے: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
2.4.4 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
2.4.5 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت:
    • زیادہ سے زیادہ چوڑائی - ڈیسک ٹاپ تصویر کی چوڑائی - 20px سے 1000px 10px انکریمنٹ میں۔
    • موبائل کی زیادہ سے زیادہ چوڑائی - موبائل تصویر کی چوڑائی - 20px سے 600px 10px اضافے میں۔
2.4.6 فارم بلاک کی ترتیبات۔

کوئی حسب ضرورت ترتیبات دستیاب نہیں ہیں۔

2.4.7 سوشل میڈیا شبیہیں بلاک کرنے کی ترتیبات۔

اپنے سوشل میڈیا اکاؤنٹس کو ظاہر کرنے کے لیے، انہیں اپنی تھیم کی ترتیبات میں لنک کریں۔

2.4.8 خالی جگہ بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔
2.4.9 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

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

C. ٹیمپلیٹ گروپ

سیکشنز کا مجموعہ جو کسی ویب سائٹ پر مخصوص قسم کا صفحہ بنانے کے لیے استعمال ہوتا ہے۔

1. بلاگ پوسٹس

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

بلاگ پوسٹس سیکشن کی ترتیبات >
سیکشن کی ترتیبات ترتیبات تفصیل
بلاگ پوسٹس
بلاگ وہ بلاگ منتخب کرتا ہے جس سے آپ بلاگ پوسٹس ڈسپلے کرنا چاہتے ہیں۔ اگر کوئی بلاگ منتخب نہیں کیا جاتا ہے، تو آپ کے بلاگز کے صفحہ پر حروف تہجی کے لحاظ سے پہلا بلاگ استعمال کیا جائے گا۔
دکھانے کے لیے بلاگ پوسٹس کی تعداد بلاگ پوسٹس کی تعداد جو آپ سیکشن میں ظاہر کرنا چاہتے ہیں۔
ڈیسک ٹاپ پر کالم کی تعداد ڈیسک ٹاپ پر دکھائے جانے والے کالموں کی تعداد کو 1 سے 5 تک حسب ضرورت بناتا ہے۔
ڈیسک ٹاپ پر carousel کو فعال کریں۔ ڈیسک ٹاپ براؤزر پر کلیکشن سے بلاگ پوسٹس کا ایک carousel دکھاتا ہے۔
"سب دیکھیں" بٹن کو فعال کریں۔ تمام دیکھیں بٹن دکھاتا ہے جو بلاگ کے صفحے سے لنک کرتا ہے اگر بلاگ میں مخصوص حد سے زیادہ پوسٹس ہیں۔
موبائل لے آؤٹ
موبائل پر کالموں کی تعداد موبائل براؤزر پر دکھائے جانے والے کالموں کی تعداد کو حسب ضرورت بناتا ہے: 1 کالم یا 2 کالم ۔
موبائل پر سوائپ کو فعال کریں۔ افقی سوائپ کے ساتھ موبائل ڈسپلے کو ایک قطار میں سیٹ کرتا ہے۔
بلاگ پوسٹس کارڈ
تصویر کا تناسب بلاگ پوسٹ کی تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
ٹیگز دکھائیں۔ ایڈمن بلاگ پوسٹس سے تصاویر کے ساتھ ٹیگز دکھاتا ہے۔
تاریخ دکھائیں۔ بلاگ پوسٹ کی اشاعت کی تاریخ دکھاتا ہے۔
تبصرے کی تعداد دکھائیں۔ شائع شدہ تبصروں کی کل تعداد دکھاتا ہے۔
مصنف دکھائیں۔ بلاگ پوسٹس کے مصنف کو دکھاتا ہے۔
سوائے دکھائیں۔ بلاگ پوسٹس کا اقتباس دکھاتا ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

یہ سیکشن بلاکس کو شامل کرنے کی حمایت نہیں کرتا ہے۔

2. کولاج

یہ سیکشن دو کالموں میں ویڈیوز یا تصاویر کا کولیج بناتا ہے۔ پہلے سے طے شدہ طور پر، سیکشن میں ایک ویڈیو، پروڈکٹ، اور کلیکشن بلاک ہوتا ہے۔

کولیج سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔

Parallax سمت کو 3 درج ذیل اختیارات میں سے ایک منتخب کیا جا سکتا ہے:

  • عمودی
  • افقی
  • زوم
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 2.1 امیج بلاک
  • 2.2 ویڈیو بلاک
2.1 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
سرخی بلاک کا عنوان۔
لنک وہ لنک جس پر آپ چاہتے ہیں کہ گاہک اس پر کلک کریں تو وہ نیویگیٹ کریں۔
ذیلی سرخی اور سرخی کو الٹ دیں۔ سرخی اور ذیلی سرخی کو تبدیل کریں۔
تصویر بلاک کے لیے تصویر کا انتخاب/اپ لوڈ کرتا ہے۔
تصویر کا تناسب بلاگ پوسٹ کی تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصویروں کو 2:3 کے تناسب سے تراشیں۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
ڈیسک ٹاپ مواد کی پوزیشن ڈیسک ٹاپ پر مواد کی پوزیشن:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل لے آؤٹ
موبائل تصویر موبائل پر دکھائے جانے والے بلاک کی تصویر۔
موبائل تصویر کا تناسب موبائل براؤزر پر تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
  • گول - تصاویر کو دائرے کے طور پر تراشیں۔
موبائل مواد کی پوزیشن موبائل براؤزر پر مواد کی پوزیشن:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
2.2 ویڈیو بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
ویڈیو
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
سرخی بلاک کا عنوان۔
لنک وہ لنک جس پر آپ چاہتے ہیں کہ گاہک اس پر کلک کریں تو وہ نیویگیٹ کریں۔
ذیلی سرخی اور سرخی کو الٹ دیں۔ سرخی اور ذیلی سرخی کو تبدیل کریں۔
Shopify کی میزبانی کردہ ویڈیو ویڈیو Shopify کی میزبانی کردہ ویڈیو سے ایک ویڈیو کا انتخاب کرتا ہے۔
یو آر ایل سے ویڈیو ایمبیڈ کریں۔
URL یوٹیوب یا Vimeo ویڈیو کا لنک۔ ویڈیو عوامی طور پر دستیاب ہونا ضروری ہے۔
کور تصویر وہ تصویر جو ویڈیو چلنے سے پہلے ظاہر ہوتی ہے۔
ویڈیو ALT متن اسکرین ریڈرز استعمال کرنے والے صارفین کے لیے ویڈیو کو قابل رسائی بنانے کے لیے اس کی وضاحت کریں۔
ویڈیو آٹو پلے کو فعال کریں۔ خود بخود ویڈیو چل رہا ہے۔
ویڈیو لوپنگ کو فعال کریں۔ بار بار ویڈیو چلانا۔
تصویر کا تناسب بلاگ پوسٹ کی تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
ڈیسک ٹاپ مواد کی پوزیشن ڈیسک ٹاپ پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل لے آؤٹ
موبائل ویڈیو موبائل براؤزر کے لیے اپ لوڈ کرکے ویڈیو کا انتخاب/اپ لوڈ کرتا ہے۔
یا URL سے ویڈیو ایمبیڈ کریں۔ موبائل براؤزر پر یو آر ایل سے ویڈیو ایمبیڈ کریں۔
موبائل کور کی تصویر وہ تصویر جو موبائل پر ویڈیو چلنے سے پہلے ظاہر ہوتی ہے۔
موبائل تصویر کا تناسب ڈیسک ٹاپ براؤزر پر تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
موبائل مواد کی پوزیشن موبائل براؤزر پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر بلاک کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان

3. بلاگ پوسٹس کو کولیج کریں۔

یہ سیکشن بلاگ پوسٹس کے کولیج کے ساتھ قارئین کی توجہ حاصل کرتا ہے۔

کولیج بلاگ پوسٹس سیکشن کی ترتیبات >
سیکشن کی ترتیبات ترتیبات تفصیل
کولیج بلاگ پوسٹس
بلاگ جس بلاگ سے آپ بلاگ پوسٹس ڈسپلے کرنا چاہتے ہیں۔
دکھانے کے لیے بلاگ پوسٹس کی تعداد بلاگ پوسٹس کی تعداد جو آپ سیکشن میں ظاہر کرنا چاہتے ہیں۔
"سب دیکھیں" بٹن کو فعال کریں۔ تمام دیکھیں بٹن دکھاتا ہے جو بلاگ کے صفحے سے لنک کرتا ہے اگر بلاگ میں مخصوص حد سے زیادہ پوسٹس ہیں۔
بلاگ پوسٹ کارڈ
تصویر کا تناسب بلاگ پوسٹ کی تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
ٹیگز دکھائیں۔ ایڈمن بلاگ پوسٹس سے ٹیگز کی نمائش، مواد کو بڑھانے کے لیے مناسب تصاویر کو شامل کرنا۔
تاریخ دکھائیں۔ بلاگ پوسٹ کی اشاعت کی تاریخ دکھاتا ہے۔
تبصرے کی تعداد دکھائیں۔ شائع شدہ بلاگ پوسٹ کے تبصروں کی کل تعداد دکھاتا ہے۔
مصنف دکھائیں۔ بلاگ پوسٹ کے مصنف کو دکھاتا ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • متن کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

یہ سیکشن بلاکس کو شامل کرنے کی حمایت نہیں کرتا ہے۔

4. جمع کرنے کی فہرست

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

مجموعہ فہرست سیکشن کے لیے ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
مجموعہ کی فہرست
ڈیسک ٹاپ پر کالموں کی تعداد ڈیسک ٹاپ براؤزر پر دکھائے جانے والے کالموں کی تعداد کو 1 سے 5 تک حسب ضرورت بنائیں۔
ڈیسک ٹاپ پر carousel کو فعال کریں۔ ڈیسک ٹاپ براؤزر پر مجموعہ سے مصنوعات کا ایک carousel دکھاتا ہے۔
تصویر کلیکشن امیج یا فرسٹ پروڈکٹ سے تصاویر منتخب کریں۔
تصویر کا تناسب جمع کردہ تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
"سب دیکھیں" بٹن کو فعال کریں۔ اگر بلاگ میں بلاگ پوسٹ فیلڈ میں سیٹ سے زیادہ بلاگ پوسٹس ہیں، تو یہ "سب دیکھیں" بٹن دکھاتا ہے جو صارفین کو بلاگ کے صفحہ پر لے جاتا ہے۔
موبائل لے آؤٹ
موبائل پر کالموں کی تعداد موبائل براؤزر پر دکھائے جانے والے کالموں کی تعداد کو حسب ضرورت بناتا ہے: 1 کالم یا 2 کالم ۔
موبائل پر سوائپ کو فعال کریں۔ افقی سوائپ کے ساتھ موبائل ڈسپلے کو ایک قطار میں سیٹ کرتا ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاک: کلیکشن بلاک۔

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

5. رابطہ فارم

آپ کا رابطہ فارم آپ کے اسٹور کے بھیجنے والے کے ای میل پتے پر تمام گذارشات بھیجتا ہے۔ آپ اپنے Shopify ایڈمن کی عمومی ترتیبات میں بھیجنے والے کا ای میل پتہ تبدیل کر سکتے ہیں۔

فارم میں درج ذیل بنیادی چیزیں ہیں:

  • نام
  • ای میل (ضروری)
  • تبصرہ
  • حسب ضرورت فیلڈز بھی معاون ہیں۔
رابطہ فارم سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
رابطہ فارم تمام گذارشات آپ کے اسٹور کے بھیجنے والے کے ای میل پتے پر بھیجی جاتی ہیں۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس CSS کے ساتھ اس سیکشن میں حسب ضرورت اسٹائلز شامل کریں۔

دستیاب بلاکس:

  • 5.1 پریسک سے رابطہ کریں۔
  • 5.2 سوشل میڈیا آئیکنز
  • 5.3 حسب ضرورت فیلڈ
5.1 رابطہ پریس بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
پریس سے رابطہ کریں۔
سرخی بلاک کا عنوان (مثال کے طور پر: کسٹمر سروس۔ )
متن بلاک میں ظاہر کرنے کے لیے متن۔
5.2 سوشل میڈیا شبیہیں بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات تفصیل
سرخی

آپ کو اس بلاک کا عنوان تبدیل کرنے کی اجازت دیتا ہے۔

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

6. نقشہ کے ساتھ رابطہ کریں۔

ایک سیکشن نقشہ کا پتہ دکھاتا ہے۔

نقشہ کے ساتھ رابطہ کے سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
نقشہ کے ساتھ رابطہ کریں۔ تمام گذارشات آپ کے اسٹور کے بھیجنے والے کے ای میل پتے پر بھیجی جاتی ہیں۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
نقشہ
نقشہ کا پتہ اپنا پتہ درج کریں۔ گوگل میپس صحیح جگہ تلاش کرے گا۔
گوگل میپس API کلید اپنی Google API کلید درج کریں۔
نقشہ زوم لیول 12 سے 20 تک زوم ان کریں۔ اعلیٰ زوم لیول مزید تفصیل دکھاتے ہیں۔
نقشہ کا انداز نقشہ کے انداز کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • معیاری
  • چاندی
  • ریٹرو
  • اندھیرا
  • رات
  • اوبرجن
تصویر اگر نقشہ لوڈ ہونے میں ناکام ہو جاتا ہے تو ظاہر کرنے کے لیے بیک اپ نقشہ کی تصویر کا انتخاب کرتا ہے۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
موبائل لے آؤٹ
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔

Parallax سمت کو 3 درج ذیل اختیارات میں سے ایک منتخب کیا جا سکتا ہے:

  • عمودی
  • افقی
  • زوم
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 6.1 پریسک سے رابطہ کریں۔
  • 6.2 سوشل میڈیا آئیکنز
  • 6.3 حسب ضرورت فیلڈ
6.1 رابطہ پریس بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
پریس سے رابطہ کریں۔
سرخی بلاک کا عنوان (مثال کے طور پر: کسٹمر سروس۔ )
متن بلاک میں ظاہر کرنے کے لیے متن۔
6.2 سوشل میڈیا شبیہیں بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات تفصیل
سرخی

آپ کو اس بلاک کا عنوان تبدیل کرنے کی اجازت دیتا ہے۔

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

7. الٹی گنتی کا ٹائمر

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

الٹی گنتی ٹائمر سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
الٹی گنتی کا ٹائمر
شفاف ہیڈر کی اجازت دیں۔ یہ ترتیب صرف اس وقت لاگو ہوتی ہے جب یہ سیکشن پہلا ہو۔
تصویر ڈیسک ٹاپ براؤزر پر سیکشن کی تصویر۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
ڈیسک ٹاپ مواد کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کرتا ہے:
  • چھوٹا
  • درمیانہ
  • بڑا
ڈیسک ٹاپ مواد کی پوزیشن ڈیسک ٹاپ پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل لے آؤٹ
موبائل تصویر موبائل براؤزر پر سیکشن کی کور تصویر۔
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
موبائل مواد کی پوزیشن موبائل براؤزر پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
  • اوورلے، 0 سے 100٪ تک ایڈجسٹ کیا جا سکتا ہے
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔

Parallax سمت کو 3 درج ذیل اختیارات میں سے ایک منتخب کیا جا سکتا ہے:

  • عمودی
  • افقی
  • زوم
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 7.1 سرخی
  • 7.2 ذیلی سرخی
  • 7.3 متن
  • 7.4 بٹن
  • 7.5 لنک
  • 7.6 تصویر
  • 7.7 حسب ضرورت مائع
  • 7.8 خالی جگہ
7.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
7.2 ذیلی سرخی والے بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
ذیلی سرخی
ذیلی سرخی سرخی کے لیے ذیلی عنوان۔
ذیلی سرخی کا سائز ذیلی سرخی کا سائز:
  • چھوٹا
  • درمیانہ
  • بڑا
ثانوی رنگ استعمال کریں۔ متن کے رنگ کی بنیاد پر تھوڑا سا ہلکا رنگ لاگو کرتا ہے۔
7.3 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
7.4 بٹن بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کے سائز کو 3 اختیارات میں ایڈجسٹ کرتا ہے: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
7.2 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
7.6 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت: تصویر کی چوڑائی کو 20px اور 1000px کے درمیان 10px اضافے میں سیٹ کرتا ہے۔
7.7 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

7.8 خالی جگہ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

8. اپنی مرضی کے مطابق مائع

اپنی مرضی کے مطابق سیکشن بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

  • اپنے صفحات پر ایپس کو آسانی سے متعارف کرانے کے لیے اپنی ڈاؤن لوڈ کردہ ایپس سے ہدایات میں فراہم کردہ ایپ کے ٹکڑوں کو شامل کریں۔
  • ایڈیٹر میں براہ راست اپنی مرضی کے مطابق مائع کوڈ شامل کریں۔
حسب ضرورت مائع سیکشن کی ترتیبات >
سیکشن کی ترتیبات ترتیبات تفصیل
حسب ضرورت مائع
مائع کوڈ اعلی درجے کی حسب ضرورت بنانے کے لیے ایپ کے ٹکڑوں یا دیگر کوڈ شامل کریں۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

یہ سیکشن بلاکس کو شامل کرنے کی حمایت نہیں کرتا ہے۔

9. ای میل سائن اپ

اپنی مرضی کے مطابق سیکشن بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

  • اپنے صفحات پر ایپس کو آسانی سے متعارف کرانے کے لیے اپنی ڈاؤن لوڈ کردہ ایپس سے ہدایات میں فراہم کردہ ایپ کے ٹکڑوں کو شامل کریں۔
  • ایڈیٹر میں براہ راست اپنی مرضی کے مطابق مائع کوڈ شامل کریں۔
ای میل سائن اپ سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
ای میل سائن اپ
ڈیسک ٹاپ مواد کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کرتا ہے:
  • چھوٹا
  • درمیانہ
  • بڑا
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 9.1 سرخی
  • 9.2 ذیلی سرخی
  • 9.3 متن
  • 9.4 بٹن
  • 9.5 لنک
  • 9.6 تصویر
  • 9.7 حسب ضرورت مائع
  • 9.8 خالی جگہ
9.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
9.2 سوشل میڈیا شبیہیں بلاک کے لیے سیٹنگز۔

وہ سوشل میڈیا اکاؤنٹس دکھاتا ہے جنہیں آپ نے اپنی تھیم کی ترتیبات میں ترتیب دیا ہے۔

9.3 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
9.4 بٹن بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کا سائز 3 اختیارات میں ایڈجسٹ کریں: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
9.5 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
9.6 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت: تصویر کی چوڑائی کو 20px اور 1000px کے درمیان 10px اضافے میں سیٹ کرتا ہے۔
9.7 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

9.8 خالی جگہ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

10. خالی جگہ

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

خالی جگہ کے سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • پس منظر
  • پس منظر کا میلان
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

یہ سیکشن بلاکس کو شامل کرنے کی حمایت نہیں کرتا ہے۔

11. اکثر پوچھے گئے سوالات

FAQ (اکثر پوچھے جانے والے سوالات) سیکشن ایک متحرک، ایکارڈین طرز کی ترتیب کا استعمال کرتے ہوئے صارفین کے عام سوالات اور جوابات دکھاتا ہے۔

FAQ سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
اکثر پوچھے گئے سوالات
انداز سیکشن کو ظاہر کرنے کے لیے بارڈر اسٹائل کے ساتھ یا بیک گراؤنڈ اسٹائل کے ساتھ کا انتخاب کریں۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 11.1 بھرپور متن
  • 11.2 سوال
  • 11.3 رابطہ فارم
11.1 رچ ٹیکسٹ بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
بھرپور متن
عنوان بلاک کا عنوان۔
متن اس بلاک کے لیے وضاحتی متن شامل کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
11.2 سوال بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
سوال
سوال اکثر پوچھے گئے سوال کو شامل کرتا ہے۔
جواب دیں۔ جواب شامل کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
11.3 رابطہ فارم بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
رابطہ فارم
عنوان کالم کا عنوان۔
متن بلاک میں ظاہر کرنے کے لیے متن۔
فون نمبر دکھائیں۔ فون نمبر دکھاتا ہے۔
ٹیم اوتار ٹیم کا اوتار دکھانے کے لیے تصویر کا انتخاب/اپ لوڈ کرتا ہے۔
ٹیم اوتار کی اونچائی ٹیم اوتار کی اونچائی، 20px سے 100px تک ایڈجسٹ کی جا سکتی ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2

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

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

منتخب ہونے پر مجموعہ کو بدل دیتا ہے۔
دکھانے کے لیے زیادہ سے زیادہ مصنوعات تکمیلی مصنوعات کی تعداد 2 سے 12 تک ہو سکتی ہے۔
ڈیسک ٹاپ پر کالموں کی تعداد ڈیسک ٹاپ براؤزر پر دکھائے جانے والے کالموں کی تعداد کو 1 سے 5 تک حسب ضرورت بنائیں۔
ڈیسک ٹاپ پر carousel کو فعال کریں۔ ایک ڈیسک ٹاپ براؤزر پر مجموعہ سے مصنوعات کا ایک carousel دکھاتا ہے۔
"سب دیکھیں" بٹن کو فعال کریں۔ آپ کی کلیکشن لسٹ کے نیچے "سب دیکھیں" بٹن شامل کر دیا جائے گا۔ یہ اس وقت تجویز کیا جاتا ہے جب فہرست میں دکھائے گئے سے زیادہ مجموعے شامل ہوں۔
موبائل لے آؤٹ
موبائل پر کالموں کی تعداد موبائل براؤزر پر دکھائے جانے والے کالموں کی تعداد کو حسب ضرورت بناتا ہے: 1 کالم یا 2 کالم ۔
موبائل پر سوائپ کو فعال کریں۔ افقی سوائپ کے ساتھ موبائل ڈسپلے کو ایک قطار میں سیٹ کرتا ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

یہ سیکشن بلاکس کو شامل کرنے کی حمایت نہیں کرتا ہے۔

آپ ایک سیکشن شامل کر سکتے ہیں جس میں ایک مخصوص پروڈکٹ نمایاں ہو۔

نمایاں پروڈکٹ سیکشن کے لیے سیٹنگز
سیکشن کی ترتیبات ترتیبات تفصیل
نمایاں مصنوعات
پروڈکٹ اس سیکشن کے لیے ڈسپلے کرنے کے لیے ایک پروڈکٹ منتخب کریں۔
ڈیسک ٹاپ پر چپچپا مواد کو فعال کریں۔ جب گاہک نمایاں مصنوعات کی تصاویر کو نیچے (یا اوپر) اسکرول کرتا ہے تو مواد کو اسکرین پر پن کریں۔
میڈیا
ڈیسک ٹاپ میڈیا کی چوڑائی ڈیسک ٹاپ پر میڈیا کی چوڑائی، جسے اس حصے کے سائز میں ترمیم کرنے کے لیے 35% سے 70% تک ایڈجسٹ کیا جا سکتا ہے۔
ڈیسک ٹاپ لے آؤٹ ڈیسک ٹاپ لے آؤٹ دکھاتا ہے:
  • مفت اسکرول - اپنے پروڈکٹ کی پہلی تصویر بائیں طرف اور دوسری تصاویر کو دائیں جانب اسکرولنگ لسٹ میں دکھائیں۔
  • 2 کالم - دو کالموں میں مصنوعات کی تصاویر ڈسپلے کریں۔
  • تھمب نیلز - تصویروں کے بڑے گروپ میں کسی مخصوص تصویر کو تلاش کرنا آسان بنانے کے لیے بڑی تصویروں کی چھوٹی تصاویر دکھائیں۔
تھمب نیل پوزیشن تھمب نیل کی پوزیشن: میڈیا کے آگے یا میڈیا کے نیچے
تصویر کا زوم 3 اختیارات دستیاب ہیں:
  • لائٹ باکس کھولیں: صفحہ کو چھوڑے بغیر پاپ اپ لائٹ باکس میں تصویر کو زوم کریں۔
  • کلک اور ہوور: ایک کلک یا ہوور اندرونی تصویر کے زوم کو متحرک کرتا ہے۔
  • کوئی زوم نہیں۔
ویرینٹ کو منتخب کرنے کے بعد دیگر ویریئنٹس میڈیا کو چھپائیں۔ جب کوئی ویریئنٹ منتخب کیا جاتا ہے، تو دیگر ویریئنٹس کی تصویریں نظر سے پوشیدہ رہتی ہیں۔ متغیر کو غیر منتخب کرنے پر تصاویر دوبارہ ظاہر ہوتی ہیں۔
ویڈیو آٹو پلے کو فعال کریں۔ خود بخود ویڈیو چل رہا ہے۔
ویڈیو لوپنگ کو فعال کریں۔ بار بار ویڈیو چلانا۔
موبائل لے آؤٹ
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 13.1 بریڈ کرمب
  • 13.2 متن
  • 13.3 عنوان
  • 13.4 قیمت
  • 13.5 SKU
  • 13.6 انوینٹری کی حیثیت
  • 13.7 مقدار کا انتخاب کنندہ
  • 13.8 متغیر چننے والا
  • 13.9 بٹن خریدیں۔
  • 13.10 پک اپ کی دستیابی
  • 13.11 تفصیل
  • 13.12 شیئر کریں۔
  • 13.13 ہیلپ ڈیسک
  • 13.14 حسب ضرورت مائع
  • 13.15 پروڈکٹ کی درجہ بندی
  • 13.16 تکمیلی مصنوعات
  • 13.17 ٹوٹنے والی قطار
  • 13.18 مزید پڑھیں
  • 13.19 گھومنے والا متن
13.1 بریڈ کرمب بلاک کے لیے سیٹنگز۔

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

13.2 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرتا ہے۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
13.3 ٹائٹل بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
عنوان
عنوان کا سائز عنوان کا سائز:
  • چھوٹا
  • درمیانہ
  • بڑا
مصنوعات کی قیمت دکھائیں۔ مصنوعات کی قیمت ظاہر کرنے کے قابل بناتا ہے۔
مصنوعات کی درجہ بندی دکھائیں۔ مصنوعات کی درجہ بندی ظاہر کرنے کے قابل بناتا ہے۔
13.4 قیمت بلاک کی ترتیبات۔

ٹیکس نوٹس ڈسپلے کرنے کے لیے ٹیکس نوٹس دکھائیں کو فعال کریں۔

13.5 SKU بلاک کی ترتیبات۔

کوئی حسب ضرورت ترتیبات دستیاب نہیں ہیں۔

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

اگر دستیاب ہو تو ہمیشہ اسٹاک میں دکھانے کے لیے 0 کا انتخاب کرتا ہے۔
انوینٹری کی منتقلی کا نوٹس دکھائیں۔ انوینٹری کی منتقلی کا نوٹس دکھاتا ہے۔
رنگ سکیم درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • لہجہ 1
  • لہجہ 2
  • لہجہ 3
  • لہجہ 4
  • لہجہ 5
  • لہجہ 6
13.7 کوالٹی سلیکٹر بلاک کے لیے سیٹنگز۔

کوئی حسب ضرورت ترتیبات دستیاب نہیں ہیں۔

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

متغیر چننے والے کی قسم کا "بٹن" ہونا ضروری ہے۔

 رنگ کی مختلف حالتوں کو سوئچز میں دکھاتا ہے۔ اس کے لیے 'بٹن' ویرینٹ چنندہ قسم کی ضرورت ہے۔
سائز کا چارٹ
سائز چارٹ کا صفحہ

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

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

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

آپ کے صارفین کو مقامی پک اپ سیٹ کر کے ریٹیل اسٹورز میں دستیابی دیکھنے کی اجازت دیتا ہے۔

13.11 تفصیل بلاک کی ترتیبات۔

تفصیل کے متن کے لیے سائز منتخب کرتا ہے:

  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
13.12 شیئر بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
شیئر کریں۔
متن بلاک کے لیے متن جوڑتا ہے۔
ہیلپ ڈیسک
ہیلپ ڈیسک دکھائیں۔ ہیلپ ڈیسک دکھانے کے قابل بناتا ہے۔
مدد کا لیبل متن مدد لیبل بلاک کی وضاحت کرتا ہے۔
مدد کا صفحہ وہ URL شامل کرتا ہے جسے آپ لنک کرنا چاہتے ہیں۔
13.13 ہیلپ ڈیسک بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
ہیلپ ڈیسک
مدد کا لیبل متن مدد لیبل بلاک کی وضاحت کرتا ہے۔
مدد کا صفحہ ہیلپ ڈیسک بلاک کو لنک کرنے کے لیے ایک صفحہ منتخب کریں۔
13.14 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

13.15 پروڈکٹ ریٹنگ بلاک کے لیے سیٹنگز۔

قوسین میں جائزوں کی تعداد کے ساتھ پروڈکٹ کی اوسط درجہ بندی کو ستاروں میں دکھاتا ہے، مثال کے طور پر: ★★★★★ (8)۔ اس کے علاوہ ایک پروڈکٹ ریویو ایپ کی ضرورت ہوتی ہے جیسے Shopify پروڈکٹ ریویو، اور reviews.rating_count اور reviews.rating کے لیے میٹا فیلڈ کی تعریف۔

13.16 تکمیلی مصنوعات کے بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
تکمیلی مصنوعات
سرخی اپنی تکمیلی مصنوعات کے لیے متن درج کریں۔
دکھانے کے لیے زیادہ سے زیادہ مصنوعات تکمیلی مصنوعات کی تعداد 1 سے 10 تک ہو سکتی ہے۔
فروش دکھائیں۔ مصنوعات کے فروشوں کو دکھاتا ہے۔
قیمت دکھائیں۔ مصنوعات کی قیمتیں دکھاتا ہے۔
13.17 ٹوٹنے کے قابل قطار بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
ٹوٹنے والی قطار
آئیکن پہلے سے بنایا ہوا SVG آئیکن منتخب کریں جو آپ کے ٹوٹنے کے قابل ٹیب کو ایڈجسٹ کرتا ہو۔ کوئی نہیں آپشن آئیکن کو غیر فعال کر دے گا۔
سرخی ٹیب کا عنوان۔ منہدم اور پھیلائے جانے پر دکھاتا ہے۔
قطار کا مواد ٹیب کا مواد۔ ٹیب کو پھیلانے پر ہی ڈسپلے ہوتا ہے۔
صفحہ سے قطار کا مواد ٹیب میں کسی صفحہ سے مواد دکھاتا ہے۔ صفحہ ایڈیٹر سے صرف صفحہ کا مواد دکھاتا ہے، اس بلاک میں صفحہ کے ٹیمپلیٹ سے کوئی مائع اسٹائل نہیں دکھاتا ہے۔ ٹیب مواد میں درج کوئی بھی مواد صفحہ کے مواد کے اوپر ظاہر ہوتا ہے۔
13.18 مزید پڑھیں بلاک کی ترتیبات۔

کوئی حسب ضرورت ترتیبات دستیاب نہیں ہیں۔

13.19 اسپننگ ٹیکسٹ بلاک کی سیٹنگز۔

متن: گھومنے والا متن شامل کرتا ہے۔

14. تصویری موازنہ

یہ سیکشن آپ کے مقصد کی بنیاد پر دو مصنوعات کا موازنہ کرنے کے لیے ہے۔

تصویری موازنہ سیکشن کے لیے سیٹنگز
سیکشن کی ترتیبات ترتیبات تفصیل
تصویر کا موازنہ
لے آؤٹ موازنہ کو دو فارمیٹس میں دکھاتا ہے:
  • افقی
  • عمودی
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
موبائل لے آؤٹ
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

اس سیکشن میں 2 تصویری بلاکس تک شامل کرتا ہے۔

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

15. متن کے ساتھ تصویر

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

متن کے ساتھ تصویر کے سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
متن کے ساتھ تصویر
تصویر ڈیسک ٹاپ براؤزر پر دکھائے جانے والے سیکشن کی تصویر۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
ڈیسک ٹاپ تصویر کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کریں: چھوٹا، درمیانہ یا بڑا
ڈیسک ٹاپ امیج پلیسمنٹ ڈیسک ٹاپ پر سیکشن کے لیے ترتیب:
  • تصویر پہلی: بائیں طرف تصویر دکھاتا ہے۔
  • تصویر دوسری: بائیں طرف متن دکھاتا ہے۔
تصویر پہلے ڈیفالٹ موبائل لے آؤٹ ہے۔
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل لے آؤٹ
موبائل تصویر موبائل براؤزر پر دکھائے جانے والے سیکشن کی تصویر۔
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو ظاہر کرنے کے لیے فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 15.1 سرخی
  • 15.2 متن
  • 15.3 بٹن
  • 15.4 لنک
  • 15.5 تصویر
  • 15.6 حسب ضرورت مائع
  • 15.7 خالی جگہ
15.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
15.2 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
15.3 بٹن بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کا سائز 3 اختیارات میں ایڈجسٹ کریں: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
15.4 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
15.5 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت: تصویر کی چوڑائی کو 20px اور 1000px کے درمیان 10px اضافے میں سیٹ کرتا ہے۔
15.6 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

15.7 خالی جگہ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

16. متن کے ساتھ تصاویر

یہ سیکشن [تصویر کے ساتھ متن] سیکشن کی طرح ہے، لیکن یہ آپ کو بیک وقت دو تصاویر دکھانے کی اجازت دیتا ہے۔ یہ آپ کے صفحہ کے لیے ڈیزائن کی زیادہ لچک فراہم کرتا ہے۔

ٹیکسٹ سیکشن والی امیجز کی سیٹنگز
سیکشن کی ترتیبات ترتیبات تفصیل
متن کے ساتھ تصویر
تصویر ڈیسک ٹاپ براؤزر پر ظاہر ہونے والے سیکشن کی پہلی تصویر۔
تصویر 2 ڈیسک ٹاپ براؤزر پر دکھائے جانے والے سیکشن کے لیے دوسری تصویر۔
تصویر کا تناسب تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
  • گول - تصاویر کو دائرے کے طور پر تراشیں۔
ڈیسک ٹاپ تصویر کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کریں: چھوٹا، درمیانہ یا بڑا

تصویر خود بخود موبائل کے لیے بہتر ہو جاتی ہے۔
ڈیسک ٹاپ امیج پلیسمنٹ ڈیسک ٹاپ پر سیکشن کے لیے ترتیب:
  • پہلی تصویر: تصویر کو بائیں طرف دکھائیں۔
  • تصویر دوسری: بائیں طرف متن ڈسپلے کریں۔
تصویر پہلے ڈیفالٹ موبائل لے آؤٹ ہے۔
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل لے آؤٹ
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو ظاہر کرنے کے لیے فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 16.1 سرخی
  • 16.2 متن
  • 16.3 بٹن
  • 16.45 لنک
  • 16.5 تصویر
  • 16.6 حسب ضرورت مائع
  • 16.7 خالی جگہ
16.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
16.2 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
16.3 بٹن بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کا سائز 3 اختیارات میں ایڈجسٹ کریں: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
16.4 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
16.5 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت: تصویر کی چوڑائی کو 20px اور 1000px کے درمیان 10px اضافے میں سیٹ کرتا ہے۔
16.6 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

16.7 خالی جگہ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

17. ٹیکسٹ اوورلے والی تصویر

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

ٹیکسٹ اوورلے سیکشن والی امیج کی سیٹنگز
سیکشن کی ترتیبات ترتیبات تفصیل
متن کے ساتھ تصویر
تصویر ڈیسک ٹاپ براؤزر پر دکھائے جانے والے سیکشن کی تصویر۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
ڈیسک ٹاپ تصویر کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کریں: چھوٹا، درمیانہ یا بڑا

تصویر خود بخود موبائل کے لیے بہتر ہو جاتی ہے۔
ڈیسک ٹاپ امیج پلیسمنٹ ڈیسک ٹاپ پر سیکشن کے لیے ترتیب:
  • پہلی تصویر: تصویر کو بائیں طرف دکھائیں۔
  • تصویر دوسری: بائیں طرف متن ڈسپلے کریں۔

تصویر پہلے ڈیفالٹ موبائل لے آؤٹ ہے۔
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل لے آؤٹ
موبائل تصویر موبائل براؤزر پر دکھائے جانے والے سیکشن کی تصویر۔
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو ظاہر کرنے کے لیے فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 17.1 سرخی
  • 17.2 ذیلی سرخی
  • 17.3 متن
  • 17.4 بٹن
  • 17.5 لنک
  • 17.6 تصویر
  • 17.7 حسب ضرورت مائع
  • 17.8 خالی جگہ
17.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
17.2 ذیلی سرخی والے بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
ذیلی سرخی
ذیلی سرخی سرخی کے لیے ذیلی عنوان۔
ذیلی سرخی کا سائز ذیلی سرخی کا سائز:
  • چھوٹا
  • درمیانہ
  • بڑا
ثانوی رنگ استعمال کریں۔ متن کے رنگ کی بنیاد پر تھوڑا سا ہلکا رنگ لگائیں۔
17.3 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
17.4 بٹن بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کا سائز 3 اختیارات میں ایڈجسٹ کریں: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
17.5 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
17.6 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت: تصویر کی چوڑائی کو 20px اور 1000px کے درمیان 10px اضافے میں سیٹ کرتا ہے۔
17.7 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

17.8 خالی جگہ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

18. ٹیکسٹ اوورلے والی تصاویر

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

ٹیکسٹ اوورلے سیکشن والی امیجز کی سیٹنگز
سیکشن کی ترتیبات ترتیبات تفصیل
متن اوورلے کے ساتھ تصویر
شفاف ہیڈر کی اجازت دیں۔ یہ ترتیب صرف اس وقت لاگو ہوتی ہے جب یہ سیکشن پہلا ہو۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
ڈیسک ٹاپ مواد کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کرتا ہے:
  • چھوٹا
  • درمیانہ
  • بڑا
ڈیسک ٹاپ مواد کی پوزیشن ڈیسک ٹاپ پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
تصویر 1 ڈیسک ٹاپ براؤزر پر ظاہر ہونے والے سیکشن کی پہلی تصویر۔
تصویر 2 ڈیسک ٹاپ براؤزر پر دکھائے جانے والے سیکشن کے لیے دوسری تصویر۔
تصویر 3 ڈیسک ٹاپ براؤزر پر دکھائے جانے والے حصے کے لیے تیسری تصویر۔
تصویر 4 ڈیسک ٹاپ براؤزر پر دکھائے جانے والے سیکشن کے لیے چوتھی تصویر۔
تصویر 5 ڈیسک ٹاپ براؤزر پر دکھائے جانے والے سیکشن کی پانچویں تصویر۔
موبائل لے آؤٹ
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
موبائل مواد کی پوزیشن موبائل براؤزر پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
  • اوورلے، 0٪ سے 100٪ تک ایڈجسٹ کیا جا سکتا ہے.
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو ظاہر کرنے کے لیے فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 18.1 سرخی
  • 18.2 ذیلی سرخی
  • 18.3 متن
  • 18.4 بٹن
  • 18.5 لنک
  • 18.6 تصویر
  • 18.7 حسب ضرورت مائع
  • 18.8 خالی جگہ
18.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
18.2 ذیلی سرخی بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
ذیلی سرخی
ذیلی سرخی سرخی کے لیے ذیلی عنوان۔
ذیلی سرخی کا سائز ذیلی سرخی کا سائز:
  • چھوٹا
  • درمیانہ
  • بڑا
ثانوی رنگ استعمال کریں۔ متن کے رنگ کی بنیاد پر تھوڑا سا ہلکا رنگ لگائیں۔
18.3 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
18.4 بٹن بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کا سائز 3 اختیارات میں ایڈجسٹ کریں: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
18.5 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
18.6 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت: تصویر کی چوڑائی کو 20px اور 1000px کے درمیان 10px اضافے میں سیٹ کرتا ہے۔
18.7 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

18.8 خالی جگہ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

19. لوگو کی فہرست

ایک سیکشن لوگو کی افقی فہرست ڈسپلے کرنے کی اجازت دیتا ہے۔

لوگو لسٹ سیکشن کی سیٹنگز
سیکشن کی ترتیبات ترتیبات تفصیل
لوگو کی فہرست
انداز سیکشن کو ظاہر کرنے کے لیے بارڈر اسٹائل کے ساتھ یا بیک گراؤنڈ اسٹائل کے ساتھ کا انتخاب کریں۔
افقی جگہ ملحقہ لوگو کا افقی فاصلہ۔ 50px سے 200px تک ہو سکتا ہے، ریاضی کے لحاظ سے 5px تک بڑھ رہا ہے۔
مارکی انداز
سمت لوگو کی حرکت کو بائیں یا دائیں نیویگیٹ کریں۔
رفتار نیویگیشن کی رفتار کو 1x سے 30x تک ایڈجسٹ کریں۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کرتا ہے۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

ہر لوگو کو لوگو بلاک میں ترتیب دیا گیا ہے۔

لوگو بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لوگو
تصویر لوگو کی تصویر منتخب کرتا ہے۔
تصویر کی اونچائی لوگو کی اونچائی کو ایڈجسٹ کرتا ہے، 0px سے 200px تک، ریاضی کے لحاظ سے 4px کا اضافہ کرتا ہے۔
لنک وہ URL شامل کرتا ہے جسے آپ لنک کرنا چاہتے ہیں۔

20. لُک بک

یہ سیکشن تصویر والے بورڈ پر پروڈکٹ کے پن بناتا ہے جس میں ہر پن صارفین کو پروڈکٹ کی تفصیلات کی طرف ہدایت کرتا ہے۔

Lookbook سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
نظر کتاب
تصویر ڈیسک ٹاپ پر سیکشن کی تصویر۔
موبائل تصویر موبائل پر سیکشن کی تصویر۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

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

21. نقشہ

یہ سیکشن ایک Google Maps دکھاتا ہے جو آپ کے کاروبار کے مقام کو نمایاں کرتا ہے۔

نقشہ کے سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
نقشہ
شفاف ہیڈر کی اجازت دیں۔ یہ ترتیب صرف اس وقت لاگو ہوتی ہے جب یہ سیکشن پہلا ہو۔
نقشہ کا پتہ اپنا پتہ درج کریں۔ گوگل میپس صحیح جگہ تلاش کرے گا۔
گوگل میپس API کلید اپنی Google API کلید درج کریں۔
نقشہ زوم لیول 12 سے 20 تک زوم ان کریں۔ اعلیٰ زوم لیول مزید تفصیل دکھاتے ہیں۔
نقشہ کا انداز نقشہ کی طرز کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • معیاری
  • چاندی
  • ریٹرو
  • اندھیرا
  • رات
  • اوبرجن
تصویر اگر نقشہ لوڈ ہونے میں ناکام ہو جاتا ہے تو ظاہر کرنے کے لیے بیک اپ نقشہ کی تصویر کا انتخاب کریں۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
ڈیسک ٹاپ مواد کی پوزیشن ڈیسک ٹاپ پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل لے آؤٹ
موبائل لے آؤٹ موبائل براؤزر پر اس حصے کو ظاہر کرنے کے لیے ایک اسٹائل کا انتخاب کریں:
  • پہلے نقشہ - متن کے اوپر نقشہ دکھائیں۔
  • ٹیکسٹ اوورلے - ٹیکسٹ نقشے کو اوورلے کرتا ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔

Parallax سمت کو 3 درج ذیل اختیارات میں سے ایک منتخب کیا جا سکتا ہے:

  • عمودی
  • افقی
  • زوم
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 21.1 سرخی
  • 21.2 ذیلی سرخی
  • 21.3 متن
  • 21.4 بٹن
  • 21.5 لنک
  • 21.6 تصویر
  • 21.7 حسب ضرورت مائع
  • 21.8 خالی جگہ
21.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
21.2 ذیلی سرخی بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
ذیلی سرخی
ذیلی سرخی سرخی کے لیے ذیلی عنوان۔
ذیلی سرخی کا سائز ذیلی سرخی کا سائز:
  • چھوٹا
  • درمیانہ
  • بڑا
ثانوی رنگ استعمال کریں۔ متن کے رنگ کی بنیاد پر تھوڑا سا ہلکا رنگ لگائیں۔
21.3 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
21.4 بٹن بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کا سائز 3 اختیارات میں ایڈجسٹ کریں: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
21.5 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
21.6 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت: تصویر کی چوڑائی کو 20px اور 1000px کے درمیان 10px اضافے میں سیٹ کرتا ہے۔
21.7 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

21.8 خالی جگہ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

22. کثیر کالم

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

ملٹی کالم سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
ملٹی کالم
ڈیسک ٹاپ پر کالموں کی تعداد ڈیسک ٹاپ براؤزر پر دکھائے جانے والے کالموں کی تعداد کو حسب ضرورت بنائیں: 2 کالم یا 4 کالم ۔
موبائل لے آؤٹ
موبائل پر کالموں کی تعداد موبائل براؤزر پر دکھائے جانے والے کالموں کی تعداد کو حسب ضرورت بناتا ہے: 1 کالم یا 2 کالم ۔
موبائل پر سوائپ کو فعال کریں۔ افقی سوائپ کے ساتھ موبائل ڈسپلے کو ایک قطار میں سیٹ کرتا ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاک: کالم بلاک ۔

کالم بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
کالم
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
تصویر بلاک کے لیے تصویر۔
تصویر کا تناسب بلاکس امیجز کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large ۔
تفصیل تصویر کے لیے تفصیل۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2

23. شبیہیں کے ساتھ ملٹی کالم

شبیہیں والے سیکشن کے ساتھ ملٹی کالم کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
شبیہیں کے ساتھ ملٹی کالم
ڈیسک ٹاپ پر کالموں کی تعداد ڈیسک ٹاپ براؤزر پر دکھائے جانے والے کالموں کی تعداد کو حسب ضرورت بنائیں: 2 کالم یا 4 کالم۔
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاک: کالم بلاک ۔

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

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2

آپ مجموعوں کے کسی بھی مجموعہ سے مصنوعات کو ظاہر کرنے کے لیے ایک سیکشن شامل کر سکتے ہیں۔

ہر مجموعہ کو کلیکشن بلاک میں ترتیب دیا گیا ہے۔

متعدد فیچرڈ کلیکشن سیکشن کے لیے سیٹنگز >
سیکشن کی ترتیبات ترتیبات تفصیل
نمایاں مجموعہ
دکھانے کے لیے زیادہ سے زیادہ مصنوعات تکمیلی مصنوعات کی تعداد 2 سے 12 تک ہو سکتی ہے۔
ڈیسک ٹاپ پر کالموں کی تعداد ڈیسک ٹاپ براؤزر پر دکھائے جانے والے کالموں کی تعداد کو 1 سے 5 تک حسب ضرورت بناتا ہے۔
ڈیسک ٹاپ پر carousel کو فعال کریں۔ ایک ڈیسک ٹاپ براؤزر پر مجموعہ سے مصنوعات کا ایک carousel دکھاتا ہے۔
"سب دیکھیں" بٹن کو فعال کریں۔ آپ کی کلیکشن لسٹ کے نیچے "سب دیکھیں" بٹن شامل کر دیا جائے گا۔ یہ اس وقت تجویز کیا جاتا ہے جب فہرست میں دکھائے گئے سے زیادہ مجموعے شامل ہوں۔
موبائل لے آؤٹ
موبائل پر کالموں کی تعداد موبائل براؤزر پر دکھائے جانے والے کالموں کی تعداد کو حسب ضرورت بناتا ہے: 1 کالم یا 2 کالم ۔
موبائل پر سوائپ کو فعال کریں۔ افقی سوائپ کے ساتھ موبائل ڈسپلے کو ایک قطار میں سیٹ کرتا ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاک: کلیکشن بلاک ۔

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

25. پورٹ فولیو

یہ سیکشن آپ کو اپنے کام کے نمونوں، مصنوعات، اور دیگر متعلقہ اشیاء کا مجموعہ شامل کرنے کی اجازت دیتا ہے تاکہ کلائنٹس کو اپنی قدر کا مظاہرہ کیا جا سکے۔

پورٹ فولیو سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
پورٹ فولیو
ڈیسک ٹاپ پر کالموں کی تعداد ڈیسک ٹاپ براؤزر پر دکھائے جانے والے کالموں کی تعداد کو 1 کالم سے 5 کالم تک حسب ضرورت بناتا ہے
ڈیسک ٹاپ لے آؤٹ ڈیسک ٹاپ لے آؤٹ دکھاتا ہے:
  • گرڈ
  • معیاری
تصویر کا تناسب ڈیسک ٹاپ براؤزر پر تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
  • گول - تصاویر کو دائرے کے طور پر تراشیں۔
موبائل لے آؤٹ
موبائل تصویر کا تناسب موبائل براؤزر پر تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
  • گول - تصاویر کو دائرے کے طور پر تراشیں۔
موبائل پر کالموں کی تعداد موبائل براؤزر پر دکھائے جانے والے کالموں کی تعداد کو حسب ضرورت بناتا ہے: 1 کالم یا 2 کالم ۔
موبائل پر سوائپ کو فعال کریں۔ افقی سوائپ کے ساتھ موبائل ڈسپلے کو ایک قطار میں سیٹ کرتا ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

پورٹ فولیو میں ہر آئٹم کو ہیڈنگ بلاک میں ترتیب دیا گیا ہے۔

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

26. حال ہی میں دیکھا گیا۔

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

حال ہی میں دیکھے گئے حصے کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
حال ہی میں دیکھا گیا۔
حالیہ مصنوعات کی تعداد تکمیلی مصنوعات کی تعداد 2 سے 12 تک ہو سکتی ہے۔
ڈیسک ٹاپ پر کالموں کی تعداد ڈیسک ٹاپ براؤزر پر دکھائے جانے والے کالموں کی تعداد کو 1 کالم سے 5 کالم تک حسب ضرورت بناتا ہے
ڈیسک ٹاپ پر carousel کو فعال کریں۔ ایک ڈیسک ٹاپ براؤزر پر مجموعہ سے مصنوعات کا ایک carousel دکھاتا ہے۔
موبائل لے آؤٹ
موبائل پر کالموں کی تعداد موبائل براؤزر پر دکھائے جانے والے کالموں کی تعداد کو حسب ضرورت بناتا ہے: 1 کالم یا 2 کالم ۔
موبائل پر سوائپ کو فعال کریں۔ افقی سوائپ کے ساتھ موبائل ڈسپلے کو ایک قطار میں سیٹ کرتا ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

یہ سیکشن بلاکس کو شامل کرنے کی حمایت نہیں کرتا ہے۔

27. بھرپور متن

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

رچ ٹیکسٹ سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
بھرپور متن
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • 27.1 سرخی
  • 27.2 متن
  • 27.3 بٹن
  • 27.4 لنک
  • 27.5 تصویر
  • 27.6 حسب ضرورت مائع
  • 27.7 خالی جگہ
27.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
27.2 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
27.3 بٹن بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کا سائز 3 اختیارات میں ایڈجسٹ کریں: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
27.4 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
27.5 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت: تصویر کی چوڑائی کو 20px اور 1000px کے درمیان 10px اضافے میں سیٹ کرتا ہے۔
27.6 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

27.7 خالی جگہ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

28. سکرولنگ ٹیکسٹ

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

سکرولنگ ٹیکسٹ سیکشن کے لیے سیٹنگز
سیکشن کی ترتیبات ترتیبات تفصیل
سکرولنگ ٹیکسٹ
سمت مطلوبہ سکرولنگ سمت منتخب کریں:
  • بائیں: دائیں سے بائیں سکرولنگ
  • دائیں: بائیں سے دائیں سکرولنگ
رفتار سکرولنگ ٹیکسٹ کی رفتار کا تعین کرتا ہے۔ 0.5/100px سے 2.5/100px تک ہو سکتا ہے، ریاضی کے لحاظ سے 0.1/100px کا اضافہ ہو سکتا ہے۔
افقی جگہ متن کے درمیان فاصلہ 50px سے 200px تک ہوتا ہے، 5px کے اضافے میں بڑھتا ہے۔
جڑواں مارکیز کو فعال کریں۔ ایک ہی وقت میں دو مارکیز دکھاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔ اس ترتیب کو سکرولنگ ٹیکسٹ کو نمایاں کرنے کے لیے استعمال کیا جا سکتا ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • ٹیکسٹ بلاک
  • تصویری بلاک
28.1 ٹیکسٹ بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز 12px سے 180px تک سیٹ کیا جا سکتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کرتا ہے: باڈی یا ہیڈنگ ۔
سٹینسل متن سٹینسل ٹیکسٹ کو فعال کریں۔

ہو سکتا ہے تمام براؤزرز میں کام نہ کرے۔

28.2 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی اونچائی تصویر کی اونچائی 12px اور 180px کے درمیان سیٹ کی جا سکتی ہے۔

29. نظر خریدیں۔

ایک سیکشن جو صارفین کو مصنوعات یا کسی مجموعہ پر کلک کرنے پر ان کے ساتھ تعامل کرنے دیتا ہے۔

شاپ میں ہر پروڈکٹ کی شکل پروڈکٹ بلاک میں ترتیب دی جاتی ہے۔

شاپ دی لک سیکشن کی سیٹنگز
سیکشن کی ترتیبات ترتیبات تفصیل
نظر خریدیں۔
تصویر ڈیسک ٹاپ براؤزر پر سیکشن کی تصویر
موبائل تصویر موبائل براؤزر پر سیکشن کی تصویر
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاک: پروڈکٹ بلاک

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

30. سلائیڈ شو

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

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

سلائیڈ شو سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
سلائیڈ شو
سلائیڈوں کو خود بخود گھمائیں۔ سلائیڈ شو کو خود بخود چلانے کے لیے سیٹ کرتا ہے۔
ہر بار سلائیڈز تبدیل کریں۔ سلائیڈ کی منتقلی کا وقت 3 سیکنڈ سے 9 سیکنڈ تک سیٹ کرتا ہے۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
ڈیسک ٹاپ مواد کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کرتا ہے:
  • چھوٹا
  • درمیانہ
  • بڑا
موبائل لے آؤٹ
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
  • اوورلے، 0% سے 100% تک ایڈجسٹ کیا جا سکتا ہے
سیکشن ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس: امیج سلائیڈ بلاک اور ویڈیو سلائیڈ بلاک

30.1 امیج سلائیڈ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر وہ تصویر جسے آپ ڈسپلے کرنا چاہتے ہیں۔
موبی امیج اختیاری طور پر، آپ موبائل کے لیے ایک تصویر سیٹ کر سکتے ہیں۔
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل دکھاتا ہے۔
30.1 ویڈیو سلائیڈ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
ویڈیو
Shopify کی میزبانی کردہ ویڈیو Shopify کی میزبانی کردہ ویڈیو سے ایک ویڈیو کا انتخاب کرتا ہے۔
یو آر ایل سے ویڈیو ایمبیڈ کریں۔ ڈیسک ٹاپ براؤزر پر URL سے ویڈیو ایمبیڈ کریں۔
کور تصویر وہ تصویر جو گاہک کے ویڈیو چلانے سے پہلے ظاہر ہوتی ہے۔
ویڈیو ALT متن اسکرین ریڈرز استعمال کرنے والے صارفین کے لیے ویڈیو کو قابل رسائی بنانے کے لیے اس کی وضاحت کریں۔
موبائل لے آؤٹ
موبائل ویڈیو موبائل براؤزر کے لیے اپ لوڈ کرکے ویڈیو داخل کریں۔
یو آر ایل سے ویڈیو ایمبیڈ کریں۔ موبائل براؤزر پر یو آر ایل سے ویڈیو ایمبیڈ کریں۔
موبائل کور کی تصویر وہ تصویر جو کسی صارف کے موبائل براؤزر پر ویڈیو چلانے سے پہلے ظاہر ہوتی ہے۔
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ آؤٹ لائن بٹن اسٹائل کو فعال کریں۔

31. تعریف

جب آن لائن خریداری کے فیصلے کرنے کی بات آتی ہے تو، کسٹمر کے جائزے اور صارفین کی تعریفیں فروخت کر سکتی ہیں یا توڑ سکتی ہیں۔ یہ سیکشن سماجی ثبوت بنانے اور صفحہ کے مخصوص حصے کے ساتھ تبادلوں کو بڑھانے میں مدد کرتا ہے۔

اس سیکشن میں ہر تعریفی تعریفی بلاک میں ترتیب دی گئی ہے۔

تعریفی سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس: تعریفی بلاک ۔

تعریفی بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
تعریف
آئیکن پہلے سے تیار کردہ آئیکن کا انتخاب کرتا ہے جو اقتباس کے متن کے بالکل اوپر دکھاتا ہے۔ کوئی نہیں آپشن آئیکن کو غیر فعال کر دے گا۔
  • کوئی نہیں۔
  • اقتباس
  • 5 ستارے
  • 4 ستارے
  • 3 ستارے
  • 2 ستارے
  • 1 ستارے
متن آپ کا حسب ضرورت متن، یہ آپ کے گاہک کا جائزہ ہوسکتا ہے۔
مصنف آپ کا حسب ضرورت متن، یہ گاہک کا نام ہو سکتا ہے۔
مصنف کی تصویر تعریف کو مزید قابل اعتماد بنانے کے لیے یہ آپ کے گاہک کی تصویر ہو سکتی ہے۔
تصویر کا تناسب درج ذیل 3 اختیارات میں سے ایک کا انتخاب کریں:
  • تصویر کے مطابق ڈھالیں۔
  • مربع
  • گول
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2

32. تعریف بینر

یہ سیکشن مطمئن گاہکوں کی طرف سے تعریفیں دکھاتا ہے، جو اکثر ممکنہ گاہکوں کے ساتھ اعتماد اور اعتبار پیدا کرنے کے لیے استعمال ہوتے ہیں۔

تعریفی بینر سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
تعریفی بینر
شفاف ہیڈر کی اجازت دیں۔ یہ ترتیب صرف اس وقت لاگو ہوتی ہے جب یہ سیکشن پہلا ہو۔
تصویر ڈیسک ٹاپ براؤزر پر سیکشن کی تصویر۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
ڈیسک ٹاپ مواد کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کرتا ہے:
  • چھوٹا
  • درمیانہ
  • بڑا
موبائل لے آؤٹ
موبائل تصویر موبائل براؤزر پر سیکشن کی تصویر۔
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
موبائل مواد کی پوزیشن موبائل براؤزر پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
  • اوورلے، 0٪ سے 100٪ تک ایڈجسٹ کیا جا سکتا ہے.
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔

Parallax سمت کو 3 درج ذیل اختیارات میں سے ایک منتخب کیا جا سکتا ہے:

  • عمودی
  • افقی
  • زوم
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس: تعریفی بلاک ۔

تعریفی بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
تعریف
آئیکن پہلے سے تیار کردہ آئیکن کا انتخاب کریں جو اقتباس کے متن کے بالکل اوپر ظاہر ہو۔ کوئی نہیں آپشن آئیکن کو غیر فعال کر دے گا۔
  • کوئی نہیں۔
  • اقتباس
  • 5 ستارے
  • 4 ستارے
  • 3 ستارے
  • 2 ستارے
  • 1 ستارے
متن آپ کا حسب ضرورت متن، یہ آپ کے گاہک کا جائزہ ہوسکتا ہے۔
مصنف آپ کا حسب ضرورت متن، یہ گاہک کا نام ہو سکتا ہے۔
مصنف کی تصویر تعریف کو مزید قابل اعتماد بنانے کے لیے یہ آپ کے گاہک کی تصویر ہو سکتی ہے۔
تصویر کا تناسب درج ذیل 3 اختیارات میں سے ایک کا انتخاب کریں:
  • تصویر کے مطابق ڈھالیں۔
  • مربع
  • گول
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2

33. ٹائم لائن

ٹائم لائن سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
ٹائم لائن
تصویر کا تناسب ڈیسک ٹاپ براؤزر پر تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
  • گول - تصاویر کو دائرے کے طور پر تراشیں۔
موبائل تصویر کا تناسب موبائل براؤزر پر تصاویر کے لیے تصویر کا تناسب:
  • تصویر کے مطابق ڈھالنا (پہلے سے طے شدہ) - تصاویر کے پہلو تناسب کا استعمال کرتا ہے۔ یہ تصاویر کو تراشنے سے روکتا ہے۔
  • مربع - تصویروں کو 1:1 کے تناسب سے تراشیں۔
  • پورٹریٹ - تصاویر کو 2:3 کے تناسب پر کاٹتا ہے۔
  • زمین کی تزئین - تصاویر کو 3:2 کے تناسب سے کاٹتا ہے۔
  • چوڑا - تصویروں کو 16:9 کے تناسب سے تراشیں۔
  • گول - تصاویر کو دائرے کے طور پر تراشیں۔
سرخی
سرخی سیکشن کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
سرخی کی سیدھ سرخی کو بائیں ، مرکز ، یا دائیں سے منسلک کیا جا سکتا ہے۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
تفصیل عنوان کے لیے وضاحتی متن سرخی کے نیچے رکھا گیا ہے۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاک: مواد بلاک ۔

مواد بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
مواد
تصویر ڈیسک ٹاپ براؤزر پر بلاک کی تصویر۔
موبائل تصویر موبائل براؤزر پر بلاک کی تصویر۔
ذیلی سرخی سرخی کے لیے ذیلی سرخی سرخی کے اوپر رکھی گئی ہے۔
سرخی بلاک کے عنوان کے لیے بڑا متن۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
متن آپ کا متن شامل کرنا۔

اپنے منتخب کردہ پروڈکٹ، مجموعہ، یا بلاگ پوسٹ پر توجہ مرکوز کرنے کے لیے متن کو تصویر کے ساتھ جوڑیں۔ دستیابی، انداز، یا یہاں تک کہ جائزہ فراہم کرنے کے بارے میں تفصیلات شامل کریں۔
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2

34. ویڈیو

ایک سیکشن جو ویڈیو دکھاتا ہے۔

ویڈیو سیکشن کے لیے سیٹنگز
سیکشن کی ترتیبات ترتیبات تفصیل
ویڈیو
شفاف ہیڈر کی اجازت دیں۔ یہ ترتیب صرف اس وقت لاگو ہوتی ہے جب یہ سیکشن پہلا ہو۔
Shopify کی میزبانی کردہ ویڈیو ویڈیو Shopify کی میزبانی کردہ ویڈیو سے ایک ویڈیو کا انتخاب کرتا ہے۔
یو آر ایل سے ویڈیو ایمبیڈ کریں۔
URL یوٹیوب یا Vimeo ویڈیو کا لنک۔ ویڈیو عوامی طور پر دستیاب ہونا ضروری ہے۔
کور تصویر وہ تصویر جو کسی صارف کے ڈیسک ٹاپ براؤزر پر ویڈیو چلانے سے پہلے ظاہر ہوتی ہے۔
ویڈیو ALT متن اسکرین ریڈرز استعمال کرنے والے صارفین کے لیے ویڈیو کو قابل رسائی بنانے کے لیے اس کی وضاحت کریں۔
ویڈیو آٹو پلے کو فعال کریں۔ خود بخود ویڈیو چل رہا ہے۔

آٹو پلے کی اجازت دینے کے لیے ویڈیو خود بخود خاموش ہو جاتی ہے۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
موبائل لے آؤٹ
موبائل ویڈیو موبائل براؤزر کے لیے اپ لوڈ کرکے ویڈیو کا انتخاب/اپ لوڈ کرتا ہے۔
یا URL سے ویڈیو ایمبیڈ کریں۔ موبائل براؤزر پر یو آر ایل سے ویڈیو ایمبیڈ کریں۔
موبائل کور کی تصویر وہ تصویر جو کسی صارف کے موبائل براؤزر پر ویڈیو چلانے سے پہلے ظاہر ہوتی ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
سیکشن کو پوری چوڑائی بنائیں کنٹینر کو پوری چوڑائی بنائیں۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

یہ سیکشن بلاکس کو شامل کرنے کی حمایت نہیں کرتا ہے۔

35. ویڈیو ہیرو

دکھاتا ہے ایک بڑا بینر پس منظر میں ایک ویڈیو اور بٹنوں کے ساتھ ایک ٹیکسٹ باکس پر مشتمل ہوتا ہے۔

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

آٹو پلے کی اجازت دینے کے لیے ویڈیو خود بخود خاموش ہو جاتی ہے۔
ڈیسک ٹاپ مواد کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کرتا ہے:
  • چھوٹا
  • درمیانہ
  • بڑا
موبائل لے آؤٹ
موبائل ویڈیو موبائل براؤزر پر اپ لوڈ کرکے ویڈیو کا انتخاب/اپ لوڈ کرتا ہے۔
یا URL سے ویڈیو ایمبیڈ کریں۔ موبائل براؤزر پر URL سے ایک ویڈیو ایمبیڈ کریں۔
موبائل کور کی تصویر وہ تصویر جو کسی صارف کے موبائل براؤزر پر ویڈیو چلانے سے پہلے ظاہر ہوتی ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
سیکشن کو پوری چوڑائی بنائیں کنٹینر کو پوری چوڑائی بنائیں۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس: سلائیڈ بلاک ۔

بلاک کی ترتیبات ترتیبات تفصیل
سلائیڈ
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2

36. ٹیکسٹ اوورلے کے ساتھ ویڈیو

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

آٹو پلے کی اجازت دینے کے لیے ویڈیو خود بخود خاموش ہو جاتی ہے۔
ویڈیو لوپنگ کو فعال کریں۔ بار بار ویڈیو چلانا۔
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • تصویر کے مطابق ڈھالنا - تصویر کے اصل پہلو تناسب کو برقرار رکھتا ہے۔
  • 400px - 400px۔
  • 450px - 450px۔
  • 550px - 550px۔
  • 650px - 650px۔
  • 750px - 750px
  • مکمل اسکرین - ونڈو براؤزر کی اونچائی کو اپنانے کے لیے تصویر کو بڑھاتا ہے۔
ڈیسک ٹاپ مواد کی چوڑائی ڈیسک ٹاپ پر دیکھے جانے پر تصویر کی چوڑائی کا تعین کرتا ہے:
  • چھوٹا
  • درمیانہ
  • بڑا
ڈیسک ٹاپ مواد کی پوزیشن ڈیسک ٹاپ پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
ڈیسک ٹاپ مواد کی سیدھ ڈیسک ٹاپ پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
موبائل لے آؤٹ
موبائل ویڈیو ڈیسک ٹاپ براؤزر پر ویڈیو اپ لوڈ یا ایمبیڈ کرتا ہے۔
موبائل کور کی تصویر موبائل براؤزر پر سیکشن کی کور تصویر۔
موبائل کی اونچائی موبائل پر دیکھنے پر تصویر کی اونچائی کا تعین کرتا ہے:
  • آٹو - براؤزر ڈیسک ٹاپ کی قیمت کی بنیاد پر فیصلہ کرے گا۔
  • 200px - 200px۔
  • 250px - 250px۔
  • 300px - 300px۔
  • 400px - 400px۔
  • 500px - 500px۔
  • مکمل اسکرین - تصویر کو براؤزر ونڈو کی اونچائی تک بڑھاتا ہے۔
موبائل مواد کی پوزیشن موبائل براؤزر پر مواد کی پوزیشن سیٹ کرتا ہے:
  • اوپر بائیں
  • درمیانی بائیں
  • نیچے بائیں
  • ٹاپ سینٹر
  • درمیانی مرکز
  • نیچے کا مرکز
  • اوپر دائیں
  • درمیانی دائیں
  • نیچے دائیں
موبائل مواد کی سیدھ موبائل براؤزر پر مواد کی سیدھ سیٹ کرتا ہے:
  • بائیں
  • مرکز
  • ٹھیک ہے۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • نمایاں کریں۔
  • میلان کو نمایاں کریں۔
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔
دستیاب بلاکس:
  • 36.1 سرخی
  • 36.2 ذیلی سرخی
  • 36.3 متن
  • 36.4 بٹن
  • 36.5 لنک
  • 36.6 تصویر
  • 36.7 حسب ضرورت مائع
  • 36.8 خالی جگہ
36.1 ہیڈنگ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
سرخی
سرخی بلاک کا عنوان۔
سرخی کا سائز سرخی کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے: Small , Medium , Large , or Extralarge ۔
ہیڈنگ ٹیگ SEO کے لیے آپ کے مواد کو ڈھانچے اور منظم کرنے کے لیے ہیڈنگ ٹیگ کا انتخاب کرتا ہے۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
36.2 سب ہیڈنگ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
ذیلی سرخی
ذیلی سرخی سرخی کے لیے ذیلی عنوان۔
ذیلی سرخی کا سائز ذیلی سرخی کا سائز:
  • چھوٹا
  • درمیانہ
  • بڑا
ثانوی رنگ استعمال کریں۔ متن کے رنگ کی بنیاد پر تھوڑا سا ہلکا رنگ لگائیں۔
36.3 ٹیکسٹ بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
متن آپ کا متن شامل کرنا۔
متن کا سائز متن کا سائز درج ذیل میں سے کسی ایک آپشن پر سیٹ کیا جا سکتا ہے۔
  • چھوٹا
  • درمیانہ
  • بڑا
  • اضافی بڑا
  • حسب ضرورت

حسب ضرورت آپشن آپ کو 12px سے 128px تک، ریاضی کے لحاظ سے 2 px تک بڑھاتے ہوئے، آپ کو کسی بھی قیمت پر متن کا سائز سیٹ کرنے کی اجازت دیتا ہے۔
ٹیکسٹ فونٹ ٹیکسٹ فارمیٹنگ کے لیے 2 اختیارات میں سے انتخاب کریں: باڈی یا ہیڈنگ ۔
ثانوی رنگ استعمال کریں۔ سیکنڈے رنگ کو فعال کریں۔
نمایاں کردہ متن
نمایاں کردہ متن اپنے متن کو فارمیٹ کرنے کے لیے درج ذیل 6 اختیارات میں سے ایک کا انتخاب کریں:
  • متن کا رنگ
  • متن کے پس منظر کا رنگ
  • فینسی انڈر لائن
  • باقاعدہ انڈر لائن کریں۔
  • سٹینسل متن
  • ہاتھ سے تیار کردہ سکریبل
نمایاں کردہ سکرائبل

ہاتھ سے تیار کردہ اسکرائبل پر سیٹ کرنے کے لیے نمایاں کردہ ٹیکسٹ اسٹائل کی ضرورت ہے۔

 یہ ترتیب متن کو نمایاں کرنے کے 5 طریقے پیش کرتی ہے:
  • دائرہ
  • بنیادی خاکہ
  • خاکہ انڈر لائن کریں۔
  • اسکوگل انڈر لائن کریں۔
  • اسکوگل انڈر لائن 2
36.4 بٹن بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
بٹن
بٹن کا لیبل وہ متن جو بٹن پر ظاہر ہوتا ہے۔
بٹن لنک بٹن کا URL۔
بٹن کا سائز بٹن کا سائز 3 اختیارات میں ایڈجسٹ کریں: چھوٹا، درمیانہ یا بڑا
آؤٹ لائن بٹن اسٹائل استعمال کریں۔ بٹن کے لیے آؤٹ لائن اسٹائل استعمال کرتا ہے۔
36.5 لنک بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لنک
متن لنک کا متن، جو بٹن کے بالکل ساتھ رکھا گیا ہے۔
لنک وہ URL شامل کریں جسے آپ لنک کرنا چاہتے ہیں۔
36.6 امیج بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
تصویر
تصویر بلاک کے لیے ایک تصویر منتخب کرتا ہے۔
تصویر کی چوڑائی تصویر کی چوڑائی کے دو اختیارات میں سے ایک کا انتخاب کریں:
  • مکمل چوڑائی: تصویر پوری براؤزر ونڈو کو بھرتی ہے۔
  • حسب ضرورت: تصویر کی چوڑائی کو 20px اور 1000px کے درمیان 10px اضافے میں سیٹ کرتا ہے۔
36.7 حسب ضرورت مائع بلاک کی ترتیبات۔

اپنی مرضی کے مطابق بلاک بنانے کے لیے آپ اپنا مائع کوڈ شامل کر سکتے ہیں۔

36.8 خالی جگہ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
خالی جگہ
ڈیسک ٹاپ کی اونچائی ڈیسک ٹاپ پر دیکھے جانے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 40 px ہے۔
موبائل کی اونچائی موبائل پر دیکھنے پر خالی جگہ کی اونچائی کا تعین کرتا ہے۔ 0 px سے 120 px تک ہو سکتا ہے، ریاضی کے لحاظ سے 4 px تک بڑھ رہا ہے۔ ڈیفالٹ 28 px ہے۔

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

فوٹر سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
فوٹر
ای میل سائن اپ

سبسکرائبرز خود بخود آپ کی "منظور شدہ مارکیٹنگ" کسٹمر لسٹ میں شامل ہو گئے مزید جانیں ۔

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

مزید جانیں

 شاپ پر فالو دکھانے کے لیے فعال کریں۔
رنگ آپ اختیاری طور پر سیکشن کے رنگوں کو حسب ضرورت بنا سکتے ہیں، بشمول درج ذیل:
  • متن
  • پس منظر
  • پس منظر کا میلان
  • بٹن کا متن
  • بٹن کا پس منظر
  • بٹن کے پس منظر کا میلان
سیکشن
ٹاپ پیڈنگ اور باٹم پیڈنگ میں پیڈنگ کو 0px سے 120px تک ایڈجسٹ کر سکتے ہیں، ریاضی کے لحاظ سے 4px کا اضافہ کر سکتے ہیں۔
سیکشن ڈیوائیڈر دکھائیں۔ اس حصے کے اوپر ایک لائن ڈیوائیڈر دکھاتا ہے۔
حصے کو تنگ کریں۔ کنٹینر کو تنگ کرتا ہے۔
حصے کو گول بنائیں اوپر کے دو کونوں پر گول کنارہ لگاتا ہے۔
parallax اثر کو فعال کریں۔ parallax اثر کو فعال کریں، جو دو جہتی تصویر یا منظر میں گہرائی کا بھرم پیدا کرتا ہے۔
حسب ضرورت سی ایس ایس اس سیکشن میں حسب ضرورت CSS شامل کرتا ہے۔

دستیاب بلاکس:

  • لوگو
  • مینو
  • متن
  • برانڈ کی معلومات
1.1 لوگو بلاک کی ترتیبات۔
بلاک کی ترتیبات ترتیبات تفصیل
لوگو
تصویر لوگو کی تصویر کا انتخاب/اپ لوڈ کرتا ہے۔
تصویر کی اونچائی لوگو کی اونچائی کو ایڈجسٹ کرتا ہے، 0px سے 200px تک، ریاضی کے لحاظ سے 4px کا اضافہ کرتا ہے۔
سوشل میڈیا شبیہیں دکھائیں۔ وہ سوشل میڈیا آئیکنز دکھاتا ہے جو آپ نے اپنی تھیم سیٹنگز میں سیٹ اپ کیے ہیں۔
شاپ پر فالو کو فعال کریں۔

مزید جانیں

 دکان پر فالو دکھاتا ہے۔
1.2 مینو بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
مینو
سرخی اختیاری، بلاک کا عنوان۔
ایک مینو کا انتخاب کریں۔ ڈسپلے کرنے کے لیے ایک مینو کا انتخاب کریں۔

صرف ٹاپ لیول مینو آئٹمز دکھاتا ہے۔
کالم کی چوڑائی کالم کی چوڑائی کو 15px سے 95px تک ایڈجسٹ کریں، ریاضی کے لحاظ سے 1px کا اضافہ کریں۔
1.3 ٹیکسٹ بلاک کے لیے سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
متن
سرخی اختیاری، بلاک کا عنوان۔
متن تفصیل ظاہر کرنے کے لیے آپ کا اپنا متن شامل کرتا ہے۔
کالم کی چوڑائی کالم کی چوڑائی کو سیکشن کی چوڑائی کے 15% سے 95% تک سیٹ کرتا ہے۔
1.4 برانڈ انفارمیشن بلاک کی سیٹنگز۔
بلاک کی ترتیبات ترتیبات تفصیل
برانڈ کی معلومات
سرخی اختیاری، بلاک کا عنوان۔
ٹیگ لائن نمبر 1 ایک مختصر متن شامل کرتا ہے۔ (مثلاً: کمپنی کے مشن، اقدار، منفرد فروخت، وغیرہ)
ٹیگ لائن نمبر 1 لنک وہ لنک جس پر آپ چاہتے ہیں کہ گاہک تصویر پر کلک کرنے پر نیویگیٹ کریں۔
ٹیگ لائن نمبر 2 ایک مختصر متن شامل کرتا ہے۔
ٹیگ لائن نمبر 2 کا لنک وہ لنک جس پر آپ چاہتے ہیں کہ گاہک تصویر پر کلک کرنے پر نیویگیٹ کریں۔
ٹیگ لائن نمبر 3 ایک مختصر متن شامل کرتا ہے۔
ٹیگ لائن نمبر 3 کا لنک وہ لنک جس پر آپ چاہتے ہیں کہ گاہک تصویر پر کلک کرنے پر نیویگیٹ کریں۔
ٹیگ لائن نمبر 4 ایک مختصر متن شامل کرتا ہے۔
ٹیگ لائن نمبر 4 لنک وہ لنک جس پر آپ چاہتے ہیں کہ گاہک تصویر پر کلک کرنے پر نیویگیٹ کریں۔
کالم کی چوڑائی کالم کی چوڑائی کو 15px سے 95px تک ایڈجسٹ کریں، ریاضی کے لحاظ سے 1px کا اضافہ کریں۔
فوٹر کاپی رائٹ سیکشن کی ترتیبات
سیکشن کی ترتیبات ترتیبات تفصیل
زبان کا انتخاب کرنے والا
زبان سلیکٹر کو فعال کریں۔

زبان شامل کرنے کے لیے، اپنی زبان کی ترتیبات پر جائیں۔

 لینگویج سلیکٹر ڈسپلے کرنے کے لیے فعال کریں۔
ملک/علاقہ سلیکٹر
ملک/علاقہ سلیکٹر کو فعال کریں۔

ایک ملک/علاقہ شامل کرنے کے لیے، اپنی مارکیٹ کی ترتیبات پر جائیں۔

 ملک/علاقہ سلیکٹر ڈسپلے کرنے کے لیے فعال کریں۔
پالیسی لنکس
پالیسی کے لنکس دکھائیں۔

اسٹور کی پالیسیاں شامل کرنے کے لیے، اپنی پالیسی کی ترتیبات پر جائیں۔

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

یہ سیکشن بلاکس کو شامل کرنے کی حمایت نہیں کرتا ہے۔

یہ سیکشن آپ کو آپ کے صفحہ کی ترتیب کے مقصد کے مطابق درج ذیل فہرست سے مزید حصے شامل کرنے کی اجازت دیتا ہے۔

یہ مضمون مشہور برانڈز جیسے Shopify، Google Maps کے ناموں کا استعمال کرتا ہے جو زیر بحث تصورات کی وضاحت کرتا ہے، اشتہاری مقاصد کے لیے نہیں۔

مزید مدد کی ضرورت ہے۔

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

RoarTheme's Whatsapp کے ذریعے 8 گھنٹے کے اندر سپورٹ حاصل کرنے کے لیے QR کوڈ اسکین کریں۔

واٹس ایپ پر چیٹ کریں۔

عالمی سطح کی حمایت

بغیر کسی رکاوٹ کے خریداری کے تجربے کے لیے ہماری 5-اسٹار کسٹمر سروس سے فائدہ اٹھائیں۔ کوئی انتظار کا وقت نہیں، کوئی پریشانی نہیں، صرف ماہر کی مدد۔

زندگی بھر کی مفت اپ ڈیٹس

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

ڈیزائن جو کچھ بھی بیچتا ہے۔

آن لائن سٹور بنانا اور اپنی مصنوعات کو فوراً فروخت کرنا آسان ہے۔

سپیڈ ٹیسٹ اور منظور شدہ

آپ کے خریداروں کے لیے تیز تر خریداری کے تجربے کو یقینی بناتے ہوئے Shopify کی کارکردگی کے معیارات پر پورا اترتا ہے۔
© 2025 RoarTheme - Premium Shopify Themes, Apps and Services. 
Powered by Shopify