ایلیمینٹر حصوں اور کالموں کو سیدھ کرنے کا طریقہ

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

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

ہمیں صف بندی کی ضرورت کیوں ہے؟

ہر کالم یا سیکشن میں ، مواد مختلف زمروں کا ہوسکتا ہے۔ یہ تصاویر ، متن اور درجہ بندی کی شکل میں ہوسکتا ہے۔ ایک ساتھ مل کر دیکھنے کے ل it ، یہ مشورہ دیا جاتا ہے کہ مشمولات کی ظاہری شکل میں یکسانیت موجود ہے۔ اسے صرف وہاں پھینکنا نہیں چاہئے - صرف اس کی ہیک کے لئے۔

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

قبول ڈیزائن کے لئے کالم یا حصے کیسے کام کرتے ہیں؟

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

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

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

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

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

اس معاملے کے ل you ، آپ کو اس کے اندر موجود کالم سے ویجیٹ کے تعلق پر توجہ دینے کی ضرورت ہے۔

ایلیمینٹر حصوں اور کالموں کی سیدھ کیسے کریں؟

ہر سیکشن / کالم کے ل the ، ترتیب والے حصے پر اتریں اور اپنی ضروریات کے مطابق درج ذیل سیدھ کے اختیارات مرتب کریں:

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

اس معاملے میں ، ^* تین نئے اختیارات ہیں جو آپ کی پسند کے مطابق مواد کو سیدھ میں کرنا آسان بناتے ہیں۔

• ^*بیچ اسپیس - کالم کے کنارے پر شروع میں اور آخر میں ویجٹ کے درمیان جگہ طے کرتا ہے۔ ویجٹ ایکویس اسپیسڈ ہیں یعنی ان کے مابین برابر جگہ ہے۔
• ^*اسپیس ارد گرد - ویجٹ کے بیچ کی جگہ برابر ہے ، اور کناروں کی بارے چیزیں ویجٹ کے درمیان جگہ کے نصف ہیں۔
• ^*یکساں طور پر جگہ - ویجٹ کے مابین کی جگہ یکساں ہے۔ یہ ان کے پہلے اور بعد کے برابر ہے۔

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

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

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

موبائل موبائل زائرین کے ل This یہ واقعی مایوس کن صورتحال کا سبب بنتا ہے ، جہاں وہ افقی طور پر سکرول کرسکتے ہیں۔ اور یہ وہ چیز نہیں ہے جسے آپ اپنی ویب سائٹ کے لئے چاہتے تھے۔ اس کے ذریعہ طے کیا جاسکتا ہے:

لے آؤٹ سیٹنگز > اوور فلو آپشن کو پوشیدہ

ایسا کرنے سے ، تجاوز کرنے والا علاقہ منقطع ہوجائے گا ، اور افقی طور پر سکرول کرنے کی ضرورت نہیں ہوگی

پوزیشننگ کا خیال رکھنا

آپ کو کالموں کی پوزیشننگ کا بھی خیال رکھنا ہوگا۔ آپ Elementor 2.5 کے ساتھ اپنی مرضی کے مطابق پوزیشننگ سیٹ کر سکتے ہیں — مطلق اور فکسڈ۔

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

طے شدہ پوزیشن مطلق سے مختلف ہے کیونکہ یہ سیکشن / عنصر کو دیکھنے والے کے نقطہ نظر پر مستحکم رہنے دیتا ہے۔ لہذا ، اگر صارف صفحے کے ذریعے سکرول کرتا ہے تو ، عنصر وہیں رہے گا۔

رشتہ دار اکائیاں

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

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

زیڈ انڈیکس کا استعمال کرتے ہوئے ہر عنصر کی گہرائی کو کنٹرول کریں

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

جعلی فعالیت کے بارے میں چال

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

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

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

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

آفسیٹس

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

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

سنہری اصول

بہتر ذمہ دار ڈیزائن کے ل relative ، رشتہ دار اکائیوں کا استعمال کریں۔ اس کی وجہ یہ ہے کہ جب کسی مختلف پلیٹ فارم سے ویب سائٹ تک رسائی حاصل ہو تو مطلق پوزیشننگ مشکل ہوسکتی ہے۔ اپنے حصوں کو ڈیزائن کرنے کے ل relative ، رشتہ دار اکائیوں کا استعمال زیادہ نتیجہ خیز ڈیزائن کا نتیجہ ہوگا۔ رشتہ دار اکائیوں کی مدد سے چوڑائی میں تبدیلی کو مکمل طور پر سنبھالا جاسکتا ہے۔ "رشتہ دار" کے ذریعہ ، ہمارا مطلب یہ ہے کہ پکسلز جیسے یونٹوں کو فکس کرنے کے بجائے ، مختلف یونٹ جیسے فیصد یا نقطہ کی چوڑائی (VW) جیسے۔

نتیجہ اخذ کرنا

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