Divi اور Divi بلڈر کا استعمال کرتے ہوئے خوبصورت ورڈپریس ویب سائٹس کی تعمیر

عنصر 3.0: نئی خصوصیات کیا ہیں؟

Blair2004 ورڈپریس سبق Nov 30, 2020

عنصر کی ایک نئی بڑی تازہ کاری جاری کردی گئی ہے۔ ہم ورژن 2.x سے ورژن 3.0 میں منتقل ہوگئے۔ یہ نیا ورژن ورڈپریس اور ایلیمینٹر کا استعمال کرتے ہوئے ویب سائٹ بنانے کا ایک نیا طریقہ ہے۔ ہم ان نئی خصوصیات کو تبدیل کرنے کی کوشش کریں گے۔

عنصر 3.0 میں اہم اضافے کیا ہیں؟

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

ڈیزائن سسٹم کی خصوصیات

کیا آپ نے کبھی سوچا ہے کہ بڑی کمپنیاں اس کارکردگی کا مظاہرہ کرنے کے لئے کس طرح کا کام کرتی ہیں چاہے وہ جس پلیٹ فارم میں ہی کیوں نہ ہوں؟ وہ جو کچھ بھی تخلیق کرتے ہیں وہ مستقل دکھائی دیتے ہیں اور ایک ہی ڈیزائن رکھتے ہیں۔ یہ ممکن ہے جس کا نام "ڈیزائن سسٹم" رکھا گیا ہے۔ UnxDesign.cc کے مطابق ، ڈیزائن سسٹم یہ ہے:

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

UX اجتماعی

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

Divi ڈاؤن لوڈ، اتارنا بہترین ورڈپریس تھیم

دنیا میں سب سے زیادہ مقبول ورڈپریس تھیم اور حتمی ورڈپریس پیج بلڈر

Divi ڈاؤن لوڈ، اتارنا

عنصر 3.0 کے ڈیزائن سسٹم کی خصوصیات میں شامل ہیں:

  • عالمی رنگ
  • نیا سائٹ کی ترتیبات کا پینل
  • عالمی فونٹس

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

عالمی رنگ

عنصری 3.0 سائٹ کے رنگوں کے ساتھ کام کرنے کا ایک نیا طریقہ جوڑتا ہے۔ اس نئے طریقہ کار کا نام گلوبل کلرز رکھا گیا ہے۔

گلوبل کلر آپ کو ایک جگہ سے رنگ تبدیل کرنے میں مدد کرتا ہے ، اور اس رنگ کو ہر جگہ استعمال کیا جاتا ہے۔

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

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

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

سائٹ کی ترتیبات

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

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

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

اس گلوبل سیٹنگس پینل میں آپ کو مل جائے گا:

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

عالمی فونٹس

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

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

نوع ٹائپ کے صحیح طریقے سے ڈیزائن کرنے سے ، آپ عالمی سطح پر ان تبدیلیوں کو لاگو کرسکیں گے۔

پوری سائٹ کا نظارہ اور ایک جگہ پر منظم

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

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

کارکردگی میں بہتری

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

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

ٹھوس انداز میں ، صفحہ کی رفتار میں کیا تبدیلی آئی ہے؟

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

پس منظر میں ، جب عنصر براؤزر کو بھیجنے کے ل a کسی پوسٹ کو تیار کرتا ہے ، تو وہ اس پوسٹ کو متحرک قدروں کے لars पार्س کرتا ہے ، ان کو بازیافت کرتا ہے ، اور اگر اس میں کوئی سی ایس ایس اقدار شامل ہیں تو ، اس پرنٹ ہوتا ہے کہ سی ایس ایس۔

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

عنصر 3.0 اپ ڈیٹ پر خلاصہ

جیسا کہ ہم اوپر بیان کر چکے ہیں ، یہ ورژن دلچسپ چیزوں کے ساتھ آتا ہے جو آپ کے روز مرہ کے کام کو واقعتا impact متاثر کرے۔ ہم گزر چکے ہیں:

ڈیزائن سسٹم کی خصوصیات جو آپ کو مستقل اور موثر انداز میں کام کرنے میں مدد دیتی ہیں۔

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

صارف کے بہتر تجربے کے لئے کارکردگی میں بہتری۔

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