زمرہ جات: ورڈپریس plugin جائزے

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آفسیٹس

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

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

سنہری اصول

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

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

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

احمد

تبصرے دیکھیں

  • آپ کو یہ اختیارات کہاں سے ملتے ہیں؟ وہ موجود نہیں ہیں۔ کیا یہ پریمیم عنصر کے لئے ہے؟ اگر ایسا ہے تو ، آپ کو اپنے مضمون میں اس کا ذکر کرنا چاہئے تاکہ لوگ اس کے ذریعے پڑھنے میں اپنا وقت ضائع نہ کریں۔

  • ہولا ،

    ایسٹوی ماکیٹینڈو کون ایلیمینٹر پرو۔
    کوئرو پونر ڈوس بینرز ، انو پیگڈو اے لا آئسکوئیرڈا ی اوٹرو پیگادو ایک لا ڈریچا ڈی لا پینٹا۔ پیرا ایلو ہی کریڈو: - اینا سیکیون پیرا کاڈا بینر۔
    - اقوام متحدہ انابیززادو کون انا فریس ، ایک لا cual he puesto de fondo una imagen.

    انا ڈی ایلا ڈیبیریہ آئ پیگڈا ایک لا ڈریچا ڈی لا پینٹالا (مارجن آئزویئرڈا 0 تصوریو)۔ ایلگن کی پیروجو؟ موچھاس گریسیا!

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

  • Buongiorno، tutto chiaro، grazie!
    Ma mi stavo domandando se è possibile inserire tre righe (con tre pulsanti uno sotto l'altro) nella stessa colonna. Cerco di spiegarmi meglio: vorrei dividere una sezione in due colonne.
    ان quella di sinistra metterei la foto di una cover, e nella colonna di sinistra vorrei mettere tre pulsanti (uno sopra l'altro), equidistanti e centrati rispetto alla colonna di sinistra, che rimandano ai trequali di sinistra di sinistra vorei mettere tre pulsanti (uno sopra l'altro) تصویر میں احاطہ. Sto cercando ovunque، ma non trovo nulla che indichi che si possa fare.
    Sono aperta a tutti i suggerimenti
    Grazie

  • اسکسوٹیٹ ، ہو اپینا کیپیٹو آؤٹ فیر (L'ho capito per غلطی)۔ اسکیسٹیٹ آئیل ڈسٹربو ای گریزئی اسٹیوسو

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

  • Yo tengo un problemma con la alineación que no logro solventar. El contenido se queda a un lado، la imagen، titulo y texto. کوئی لاگرو سینٹرلرو (سولو حیا انا کالمنا پیرو ایس کامو سی لا میتاد او ایم ایس نو سی پڈیران یوسر ، نی پونر اوٹرو کوڈرو ڈی ٹیکسٹو) نو می ہبیا پاساڈو نونکا وائی سی سی میس پروبر۔ Ha sido al editar para tamaño móvil، se ha quedado así a un lado todo cuando cambio a escritorio! Alguien sabe que puede ser؟ He probado todo lo que pone en el artículo y parece que nada funciona

    • ہیلو ، میرے خیال میں آپ کو سیکشنوں میں اپنی تمام صف بندی چیک کرنا ہوگی پھر کالم پھر مواد بلاک کرنا ہوگا۔ یہ بھی ممکن ہے کہ آپ کے تھیم کا CSS اس صف بندی میں کردار ادا کرے۔

  • اچھا!
    je m'arrache les cheveux car je n'arrive pas à aligner 3 colones à l'horizontale.
    Sur le brouillon elles paraissent toutes parfaitement alignées, mais lorsque je prévisualise les modifs, les colonnes se retrouvent toutes imbriquées et de différentes tailles (largeurs et hauteur) sur le côté gauche de. je voudrais qu'elles fassent toutes la même taille et qu'elles soient parfaitement aligner. تبصرہ فیئر؟

  • Hola، tengo instalado elementor pro pero cuando agrego una nueva sección no aparecen las opciones de alineación horizontal y alineación vertical.
    Hay que instalar un complemento adicional? گریسیاس

  • ہیلو

    ich habe im footer verschiedene widgets. das oberste ist immer eine headline، darunter stichpunkte. da ich nicht zwei unterschiedliche textarten in einen kasten schreiben kann (h4 und p) mus ich das 2 حصوں میں machen۔ wo kann ich nun den abstand der ورڈپریس سیکشنز zueinander verringern؟ es ist zwischen der headline und dem text einfach zu viel platz.

    danke für eure hilfe

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

حالیہ پوسٹس

عنصر کے ساتھ ہیڈر اور فوٹر کا استعمال کیسے کریں

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

6 جنوری 2022

ورڈپریس تھیم کا موازنہ: Astra بمقابلہ OceanWP

مارکیٹ میں دو مقبول ترین ورڈپریس تھیمز Astra اور OceanWP ہیں۔ پیشہ ورانہ…

2 جنوری 2022

ورڈپریس نیوز تھیم کا موازنہ: اخبار بمقابلہ ایسٹرا۔

ایک بہترین نیوز ویب سائٹ بنانے کے لیے ضروری نہیں کہ آپ ویب ڈیزائنر بنیں۔ ہم…

25 اکتوبر 2021۔

اخبار سے متعلق تھیم کے ساتھ ایک خبر سے متعلقہ ویب سائٹ بنائیں۔

اخبار کا تھیم ایک اہم ورڈپریس تھیم ہے جو ٹیگ ڈیو نے ڈیزائن کیا ہے ، ایک…

18 اکتوبر 2021۔

Avada WooCommerce بلڈر کے ساتھ ای کامرس کیسے بنایا جائے۔

جب آن لائن اسٹور لگانے کی بات آتی ہے تو ، WooCommerce جانے والا plugin ۔ یہ…

4 اکتوبر 2021۔

ایلیمینٹر کے ساتھ چپچپا ہیڈر اور سکرولنگ اثرات کا استعمال کیسے کریں۔

ہیڈر عام طور پر پہلی چیز ہوتی ہے جب کوئی شخص آپ کی ویب سائٹ ملاحظہ کرتا ہے ،…

21 ستمبر 2021۔