سال کا یہ وہ وقت پھر آ گیا ہے جب ہم ان تمام شاندار چیزوں کا شمار کرتے ہیں جن کے لیے ہم شکر گزار ہیں– اور یقیناً اس فہرست میں سدا بہار مشہور بلیک فرائیڈے سیل بھی شامل ہے! اس دوران سائبر مارکیٹ میں تمام رعایتیں، کوپنز اور زبردست ڈیلز دستیاب ہیں، اور اس میں Page Builder Sandwich کی شاندار Black Friday اور Cyber Monday سیل بھی شامل ہے جو آج، 24 نومبر سے شروع ہو کر 29 نومبر 2016 تک رہے گی!
بالکل درست۔ ہم 5 دنوں کے لیے Page Builder Sandwich کے تمام لائسنسوں پر 30% رعایت دے رہے ہیں! لہٰذا جلدی کریں اور اس کے ختم ہونے سے پہلے اس ڈیل سے فائدہ اٹھائیں! بہر حال، بلیک فرائیڈے سال میں واقعی صرف ایک ہی بار آتا ہے۔ اس پرومو سے فائدہ اٹھانے کے لیے کوپن کوڈ BLACKFRIDAY2016 استعمال کریں!
تب تک کے لیے، ہیپی شاپنگ، ہیپی سائٹ بلڈنگ، اور ہیپی، ہیپی تھینکس گیونگ!
اب آپ Page Builder Sandwich کا استعمال کرتے ہوئے اپنے صفحے کے ڈیزائنز میں نقشے شامل کر سکتے ہیں!
نقشوں کے بارے میں پُرجوش ہونا ایک عجیب بات لگ سکتی ہے۔ آپ گوگل میپ کا URL لیتے ہیں اور اسے ایمبیڈ کر دیتے ہیں۔ یا شاید آن لائن کوئی میپ پلگ اِن حاصل کر کے شارٹ کوڈ ڈال دیتے ہیں۔ یا شاید آپ کے دوسرے پیج بلڈر میں پہلے ہی یہ موجود ہے اور آپ جب چاہیں اسے شامل کر سکتے ہیں۔ لیکن ہمارے پُرجوش ہونے کی وجہ یہ ہے کہ ہم نقشے شامل کرنے کے عمل کو ایک بالکل نئی سطح پر لے آئے ہیں۔
پیش منظر ملاحظہ فرمائیں:
نقشہ شامل کرنے کا پرانا اور بورنگ طریقہ
عام پیج بلڈر کے ساتھ آپ نقشہ اس طرح شامل کرتے ہیں:
آپ ایک نیا میپ ایلیمنٹ ڈریگ کرتے ہیں،
آپ فیلڈز میں طول البلد اور عرض البلد درج کرتے ہیں،
آپ فیلڈز میں دیگر ویلیوز درج کرتے ہیں جیسے نقشے کی اونچائی، نقشے کی چوڑائی، روڈ اسٹائل کے چیک باکس پر ٹک لگاتے ہیں، وغیرہ،
پریویو پر کلک کرتے ہیں اور دیکھتے ہیں کہ یہ کیسا لگتا ہے اور فیصلہ کرتے ہیں کہ اسے مزید دلکش بنانے کے لیے کچھ تبدیل کرنے کی ضرورت ہے،
پیج بلڈر پر واپس جاتے ہیں اور ویلیوز تبدیل کرتے ہیں، اور پھر اوپر دیے گئے مرحلہ 4 کو دہراتے ہیں۔
Page Builder Sandwich کے ذریعے نقشہ شامل کرنے کا طریقہ
ویب سائٹس میں نقشے انٹرایکٹو ہوتے ہیں – آپ نقشے کو اِدھر اُدھر منتقل کر سکتے ہیں، زوم اِن اور زوم آؤٹ کر سکتے ہیں۔ اس لیے ہم نے سوچا کہ کیوں نہ تمام تر اندازوں سے نجات حاصل کی جائے اور لوگوں کو اپنا صفحہ بناتے وقت براہ راست نقشے کے ساتھ تعامل کرنے کی اجازت دی جائے؟
Page Builder Sandwich کے ساتھ نقشہ شامل کرنے کا طریقہ یہ ہے:
آپ میپ ایلیمنٹ شامل کرتے ہیں،
آپ طول البلد اور عرض البلد یا وہ پتہ ٹائپ کرتے ہیں جس پر آپ نقشے کو مرکوز کرنا چاہتے ہیں،
اپنی مرضی کی لُک حاصل کرنے کے لیے آپ نقشے کو اِدھر اُدھر ہلاتے ہیں اور زوم اِن یا آؤٹ کرتے ہیں،
اپنے انداز کے مطابق نقشوں میں کچھ بہترین رنگ شامل کرتے ہیں،
سیو پر کلک کرتے ہیں۔
ہمارا طریقہ کہیں زیادہ پُرلطف اور آسان ہے۔ آپ بنیادی طور پر نقشے کے ساتھ بالکل اسی طرح تعامل کرتے ہیں جیسے آپ کسی عام گوگل میپ کے ساتھ کرتے ہیں۔
رنگین نقشے یا SnazzyMaps کے ساتھ انہیں اسٹائل کرنا
ہم نے ایک زبردست فیچر شامل کیا ہے جو آپ کے نقشوں کو ٹنٹ اور رنگنے کی صلاحیت فراہم کرتا ہے، اور ایسا کرنا انتہائی آسان ہے۔ (یہ صرف پریمیم ورژن کے لیے ہے)۔ اگر آپ اپنے نقشے کو رنگین بنانا چاہتے ہیں، تو بس ہمارے کلر پکر پر کلک کریں اور کوئی رنگ منتخب کریں، اور آپ کا نقشہ فوراً تبدیل ہو جائے گا۔
یہاں ایک نمونہ ہے جسے ہم نے گلابی رنگ میں ٹنٹ کیا ہے:
Page Builder Sandwich، SnazzyMaps کے ذریعے مزید تفصیلی کلر اسکیموں کی بھی معاونت کرتا ہے۔ ان کے پاس صارفین کی فراہم کردہ کلر اسکیموں کی ایک وسیع فہرست موجود ہے، اور اگر آپ رنگوں پر مزید کنٹرول چاہتے ہیں تو وہ آپ کو اپنی مرضی کی اسکیم بنانے کی اجازت بھی دیتے ہیں۔
بس اپنی پسند کی کلر اسکیم تلاش کریں، پھر کوڈ حاصل کریں اور اسے Page Builder Sandwich میں پیسٹ کر دیں۔ وہ کلر اسکیم فوراً آپ کے نقشے پر لاگو ہو جائے گی۔
نقشوں کے ساتھ آپ مزید بہت سی شاندار چیزیں کر سکتے ہیں – جیسے زیادہ دلکش اثر کے لیے انہیں فل وڈتھ قطاروں میں شامل کرنا۔ اگر آپ چاہیں تو انہیں کیروسل کے اندر، یا ٹیبز کے اندر بھی شامل کر سکتے ہیں (ایک آنے والا فیچر)۔
اگر آپ کے پاس ابھی تک Page Builder Sandwich نہیں ہے، تو آپ اوپر دیے گئے ”Live Demo“ کے لنک.
اگر آپ ویب سائٹس بنانے کے لیے نسبتاً نئے ہیں، تو امکان ہے کہ آپ شاید WordPress.com بمقابلہ WordPress.org کی زبردست بحث سے واقف نہ ہوں۔ ہو سکتا ہے آپ کو یہ بھی معلوم نہ ہو کہ ان میں سے دوسرا بھی موجود ہے، اور دونوں کے مختلف فوائد و نقصانات کیا ہیں۔ تو بھلا یہ بتائیے، WordPress.com اور WordPress.org کے استعمال کے درمیان یہ زبردست بحث آخر ہے کیا؟ کیا دوسرا محض ایک سستا چربہ ہے جس پر مقدمہ بنتا ہے؟
خیر، ایسا نہیں ہے۔
مختصراً یہ بحث اس بارے میں ہے کہ ان دونوں ورڈپریس سروسز میں سے کون سی سروس اس ویب سائٹ کے لیے زیادہ موزوں ہے جسے آپ بنانے کی کوشش کر رہے ہیں۔ ان میں سے کوئی بھی دوسرے کی نقل نہیں ہے، اور دونوں سائٹس ورڈپریس کی ملکیت ہیں؛ بس بات یہ ہے کہ ایک (.com) دوسرے کے مقابلے میں غیر ڈویلپرز کے لیے زیادہ آسان ورژن ہے، اور .com کے مقابلے میں جب سائٹ بنانے کی بات آتی ہے تو .org میں بہت کم پابندیاں ہوتی ہیں۔
“لیکن مجھے کیسے معلوم ہوگا کہ مجھے کس کی ضرورت ہے؟”
اس سوال کا جواب پوری طرح سے آپ کی مستقبل کی ویب سائٹ کی ضروریات پر منحصر ہے۔ کوئی ایسا واحد ورڈپریس نہیں ہے جو حتمی طور پر استعمال کے لیے ”بہتر“ یا ”بہترین“ ورژن ہو۔ دونوں کی اپنی منفرد خصوصیات ہیں، اور یکساں فوائد و نقصانات ہیں۔
WordPress.com: مجھے یہ کیوں اور کب استعمال کرنا چاہیے؟
WordPress.com آپ کے لیے بنیادی ضروریات کا خیال رکھتا ہے، جس سے آپ اپنی سائٹ کے مواد پر زیادہ توجہ مرکوز کر سکتے ہیں۔ یہ ایک ایسا سائٹ بلڈر ہے جو مکمل طور پر Automattic نامی کمپنی کے گروپ کے ذریعے چلایا اور ہوسٹ کیا جاتا ہے۔ آپ کو پریمیم ہوسٹنگ، بیک اپس، سیکیورٹی وغیرہ ملتی ہیں۔ اس کا مطلب ہے کہ شروع سے سائٹ بنانے میں گھنٹوں گزارنے کے مقابلے میں، آپ اپنی سائٹ کے مواد پر بہت آسانی سے توجہ مرکوز کر سکتے ہیں۔
البتہ یہ بات ذہن میں رکھیں کہ WordPress.com اپنی حدود کے ساتھ بھی آتا ہے۔ اگرچہ آپ کو اپنی سائٹ کے اندرونی نظام کو سنبھالنے کے بارے میں زیادہ فکر کرنے کی ضرورت نہیں ہو سکتی ہے، لیکن آپ کو یہ ذہن میں رکھنا ہوگا کہ شاید آپ کو اس میں اتنی آزادی نہ ملے جتنی آپ چاہتے ہیں۔ اگرچہ اپنی سائٹ کے انٹرفیس کو اپنی مرضی کے مطابق بنانا کوئی مسئلہ نہیں ہو سکتا (مثال کے طور پر، WordPress.com بے شمار تھیمز کے ساتھ آتا ہے)، پلگ انز کی شکل میں مخصوص فیچرز اور عناصر شامل کرنا ایک مسئلہ بن سکتا ہے، خاص طور پر اگر آپ کی سائٹ کو ایسی مخصوص خصوصیات کی ضرورت ہو جو WordPress.com پر دستیاب نہیں ہیں۔
ویب سائٹ کو کیسے برقرار رکھا جائے یہ بالکل مختلف کہانی ہے۔ اس کا زیادہ تر انحصار اس بات پر ہے کہ 1.) آپ ورڈپریس ڈویلپر نہیں ہیں 2.) آپ کا کوڈ سیکھنے کا کوئی ارادہ نہیں ہے، یا 3.) آپ کے پاس اس کے لیے بہت کم وقت ہے یا بالکل وقت نہیں ہے۔
WordPress.org: اس پر غور کرنے کا وقت کب آتا ہے؟
WordPress.org پر غور کرنے کے حوالے سے ایک بنیادی اصول یہ ہے جب آپ کوڈنگ کے طریقہ کار سے کم از کم تھوڑے بہت واقف ہوں، یا یہ سیکھنے میں کچھ وقت لگانے کے لیے تیار ہوں۔ چونکہ WordPress.org ورڈپریس کا سیلف ہوسٹڈ ورژن ہے، اس لیے آپ جتنا چاہیں اس میں گہرائی تک جا سکتے ہیں۔ مزید یہ کہ آپ کو اپنی مرضی کے مطابق جتنا چاہیں اس میں ردوبدل کرنے کی آزادی حاصل ہے۔ آپ خود اپنا ہوسٹ تلاش کرنے، اپنے سیکیورٹی بیک اپ ترتیب دینے، اور مجموعی طور پر خود ویب سائٹ کو برقرار رکھنے کے ذمہ دار ہوں گے—اور سب سے اہم بات، اپنی شرائط پر۔
“لیکن ٹھہریے، مجھے ایسا کیوں چاہیے ہوگا؟ کیا ورڈپریس کا مقصد سائٹ بنانا آسان کرنا نہیں ہے؟”
…بالکل ایسا نہیں۔ اسے یوں سمجھیں: The Daily Post نے WordPress.org اور WordPress.com کے درمیان ایک بہترین تمثیل پیش کی ہے، اس طرح سے کہ بالکل ناتجربہ کار لوگ بھی (جیسے کہ میں خود) فوراً بات کا مفہوم سمجھ جائیں۔
ان کے مطابق، آپ کو WordPress.com کو ایک ایسی چیز کے طور پر سوچنا ہوگا جس کی آپ کو مکمل ملکیت حاصل نہیں ہے۔ مثال کے طور پر، اپنے 15 سالہ دور کا تصور کریں، جب آپ اپنے والدین کے ساتھ رہتے تھے۔ اگر آپ اپنے بیڈ روم کو پینٹ کرنا چاہتے، تو آپ کو پہلے اپنے والدین سے اجازت لینی پڑتی (جن کی یقیناً آپ کے کمرے سمیت پورے گھر پر مکمل ملکیت ہوتی ہے)۔ تکنیکی طور پر، کمرہ آپ کا ہے، لیکن حقیقت میں، دیکھا جائے تو… یہ ایک طرح سے آپ کا نہیں ہے۔
لہٰذا اگر آپ کو کوئی بڑی تبدیلیاں کرنی ہوں یا آپ کرنا چاہیں (جیسے دیواروں کو پینٹ کرنا، یا کمرے کو وسیع کرنا)، تو آپ کو پھر بھی گھر کے اصل مالکان، یعنی امی اور ابو سے بات چیت کرنی پڑے گی اور/یا کوئی سمجھوتہ کرنا پڑے گا۔ البتہ اس کا ایک مثبت پہلو یہ ہے کہ جب تہہ خانے کا فیوز اڑ جائے، یا اے سی کام کرنا بند کر دے، تو آپ کے والدین اس کا بندوبست کرتے ہیں، اور آپ کو کسی چیز کی فکر کرنے کی ضرورت نہیں ہوتی۔
دوسری طرف، WordPress.org ایک ایسی چیز ہے جسے آپ اپنی مرضی سے آزادانہ طور پر کسٹمائز اور تبدیل کر سکتے ہیں۔ اس کا موازنہ اس وقت سے کیا جا سکتا ہے جب آپ بالآخر 18 سال کی عمر میں الگ گھر منتقل ہوتے ہیں، اور اپنا فلیٹ لے لیتے ہیں۔ چونکہ آپ کو اپنی رہائش گاہ کی مکمل ملکیت حاصل ہے، اس لیے آپ کو اپنی دیواروں کو اس رنگ میں رنگنے کے لیے کسی سے سمجھوتہ نہیں کرنا پڑے گا جس سے آپ کی والدہ ہمیشہ کتراتی تھیں؛ آپ کو خود فیصلہ کرنے، اور/یا اپنے معیار کے مطابق کسی کو یہ کام کرنے کے لیے رکھنے کی آزادی ہے۔ مزید برآں، آپ کو یہ منتخب کرنے کی بھی پوری آزادی ہے کہ آپ اپنے لونگ روم کے لیے کون سا اے سی یونٹ چاہتے ہیں۔ بس بات یہ ہے کہ اگر وہ خراب ہو جائے، تو آپ کو اسے ٹھیک کرنے کے لیے کسی میکینک کو بلانا پڑے گا، یا خود معلوم کرنا ہوگا کہ کیا خرابی ہے اور اسے کیسے ٹھیک کیا جائے (جو کہ برا بھی نہیں ہے، کیونکہ سنیں، ایک سبق ملتا ہے، اور سیکھنا اچھی بات ہے)۔
امید ہے کہ اب تک، آپ کو WordPress.com اور WordPress.org کے درمیان واضح فرق کا بہتر اندازہ ہو چکا ہوگا۔ لیکن مختصراً:
جتنا چاہیں کم یا زیادہ انسٹال کریں، تھیمز صرف ورڈپریس کے تھیمز تک محدود ہیں، اشتہارات سے چھٹکارا پانے کے لیے آپ کو ایک مخصوص فیس ادا کرنی ہوگی۔آپ کو اپنی سائٹ پر تقریباً مکمل کنٹرول حاصل ہے؛ آپ اپنے تھیمز شامل کر سکتے ہیں، اپنی مرضی کے مطابق بنا سکتے ہیں، یا خود اپنے تھیمز بنا سکتے ہیں۔
مواد پر کنٹرول محدود ہے؛
WordPress.com
WordPress.org
مکمل طور پر ورڈپریس کے زیر انتظام؛ تمام ضروریات شامل ہیں۔
سیلف ہوسٹڈ؛ اپنی ضروریات خود منتخب کریں، یا بہتر کا انتخاب کریں۔
خصوصیات WordPress.com کی پیش کردہ حدود تک محدود ہیں
پلگ انز کی شکل میں ہزاروں خصوصیات؛
یہ ان موازنہ جات میں سے چند ہیں جو دونوں کے درمیان فرق جانچتے ہوئے سامنے آتے ہیں۔ دونوں کے درمیان انتخاب کا دارومدار بالآخر اس بات پر ہے کہ آپ اپنی سائٹ بنانے میں کتنی آزادی چاہتے ہیں، اور آپ اس کے لیے کتنے وسائل (وقت، کوشش، پیسہ وغیرہ) خرچ کرنے کے لیے تیار ہیں۔ یاد رکھیں، اس سے پہلے کہ آپ فیصلہ کریں کہ کون سا ورڈپریس پلیٹ فارم آپ کے لیے بہترین ہے، دونوں آپشنز کا جائزہ لینا بہت اہم ہے۔ لہٰذا، فیصلے میں جلدی نہ کریں!
اگر آپ نے غور کیا ہو، تو ورڈپریس کا ایک بنیادی اصول ہمیشہ، ہر ایک کے لیے چیزوں کو قدرے آسان بنانا ہے—چاہے وہ نئے سیکھنے والے ہوں یا تجربہ کار ڈویلپرز۔ اس مقصد کو حاصل کرنے کا ایک طریقہ شارٹ کوڈز کا استعمال ہے۔
سننے میں کافی آسان لگتا ہے۔ اب، اگر آپ نے اس مضمون سے پہلے شارٹ کوڈز کے بارے میں نہیں سنا، اور آپ نہیں جانتے کہ وہ کیسے دکھائی دیتے ہیں، تو وہ مربع بریکٹس میں لپٹے ہوئے کوڈ نما پرانے متن کی طرح ہوتے ہیں۔
عام کوڈ کے مقابلے میں، جو عام طور پر اس طرح دکھائی دیتا ہے:
(ارے۔ یہ کیا؟)
شارٹ کوڈز عام طور پر کچھ اس طرح نظر آتے ہیں:
(بالکل آسان۔)
…اور اگر آپ ایک ڈویلپر ہیں (یا پھر کمپیوٹر کو کم از کم دو بار استعمال کرنے والے فرد ہیں)، تو آپ شاید اس بات سے اتفاق کریں گے کہ محض ایک چھوٹا سا کام مکمل کرنے کے لیے ٹائپ اور کلک کرنے کا عمل آپ کا بہت سا وقت لے سکتا ہے۔ اسی وجہ سے جیسے ہمارے پاس کی بورڈ شارٹ کٹس ہوتے ہیں، شارٹ کوڈز بھی ہم سب کے لیے چیزوں کو آسان بنانے کے لیے موجود ہیں، تاکہ ہم بہتر چیزیں بنانے اور تخلیق کرنے کے لیے وقت بچا سکیں؛ وہ بالکل شارٹ کٹ کیز کی طرح ہیں کیونکہ ان کا مقصد بھی بالکل وہی ہے۔
اب آئیے اس مخصوص شارٹ کوڈ پر واپس چلتے ہیں، بالکل ویسا ہی جیسا اوپر تھا:
اس مخصوص کوڈ کو ایمبیڈ شارٹ کوڈ کہا جاتا ہے اور یہ ورڈپریس میں پہلے سے ہی شامل ہوتا ہے۔ یہ URL سے ویڈیو کو آپ کے مواد میں شامل کرتا ہے۔ اگر آپ اس وقت ورڈپریس پر ہیں، تو اگر آپ اسے آزمانا چاہتے ہیں تو اوپر دیے گئے شارٹ کوڈ کو کاپی کر کے اپنی سائٹ پر پیسٹ کر سکتے ہیں۔
البتہ، شارٹ کوڈز وقت کی بچت کا مکمل حل نہیں ہیں۔ ہمارے گزشتہ مضمون میں، ہم نے اس بات کا گہرائی سے جائزہ لیا ہے کہ شارٹ کوڈز کے اپنے کچھ نقصانات کیوں ہیں، اور سینڈوچ ٹیم انہیں ٹھیک کرنے کے لیے کیا تیاری کر رہی ہے۔
فی الحال، بلا جھجھک شارٹ کوڈز کے ساتھ تجربات کریں اور دیکھیں کہ وہ آپ کے لیے کیا کچھ کر سکتے ہیں۔
بنیادی طور پر، وائٹ اسپیس اپنی سب سے بنیادی تعریف کے مطابق کسی کمپوزیشن کے تمام عناصر کے ارد گرد اور درمیانی وہ جگہ ہے جسے خالی چھوڑا جاتا ہے۔ یہ اسکرین کی جگہ کا محض ضیاع نہیں ہے، جیسا کہ اکثر ویب سائٹ مالکان سوچتے ہیں۔ اگر اسے اچھے طریقے سے استعمال کیا جائے تو وائٹ اسپیس کسی پروڈکٹ کی بہتر تشہیر میں واقعی مددگار ثابت ہو سکتی ہے۔ یہ ایک بہترین ڈیزائن تیار کرنے کی اہم کلید ہے اور یہ ویب سائٹ کو ہر لحاظ سے بہتر بناتی ہے۔
اگرچہ وائٹ اسپیس کے نام سے ایسا لگتا ہے کہ یہ جگہ سفید ہے، لیکن ضروری نہیں کہ یہ ہمیشہ لفظی طور پر سفید ہی ہو۔ وائٹ اسپیس دراصل کسی بھی رنگ کی ہو سکتی ہے—یہاں تک کہ اس میں کوئی ہلکا پھلکا پیٹرن یا ٹیکسچر بھی ہو سکتا ہے۔ یہ وہ جگہ ہے جس پر آپ نہیں چاہتے کہ آنکھیں مرکوز ہوں۔ متبادل طور پر، اسے نیگیٹو اسپیس
بیس لائنز اور پیراگراف کے درمیان وائٹ اسپیس درحقیقت لوگوں کو سائٹ پر موجود تمام مواد کو آرام دہ طریقے سے پڑھنے میں مدد دیتی ہے۔ اپنی سائٹ کی چھوٹی تفصیلات (جیسے لائنوں کے درمیان فاصلہ یا حروف کا فاصلہ) کو ایڈجسٹ کرنا پڑھنے کو آسان بنانے میں ایک بڑا فرق پیدا کر سکتا ہے۔
مقصد یہ ہے کہ ایسے لے آؤٹس ڈیزائن کیے جائیں جو آنکھوں کے لیے آرام دہ ہوں تاکہ لوگ پڑھنا جاری رکھنا چاہیں۔
تصویر کا ماخذ: HP Magic Words
وجہ #2: بات چیت اور تعامل کو تیز کرتی ہے
کھلے دل سے تسلیم کریں: آپ کے زیادہ تر زائرین کے پاس ویب سائٹس براؤز کرتے وقت باریک بینی سے دیکھنے کا صبر نہیں ہوتا۔ جب کوئی ویب سائٹ ضرورت سے زیادہ بھری ہوئی نظر آتی ہے، تو صارفین کی توجہ اس چیز سے ہٹ جاتی ہے جسے وہ تلاش کر رہے ہوتے ہیں۔
وائٹ اسپیس کو دیکھنے والے کی پورے صفحے پر رہنمائی کرنی چاہیے۔ توجہ کھینچنے والے کم عناصر اور وائٹ اسپیس کا مناسب استعمال ان خلفشاروں کو روک سکتا ہے جو زائرین کو سست کر دیتے ہیں۔
وائٹ اسپیس صارفین کو بصری اشارے فراہم کر سکتی ہے کہ انہیں کہاں دیکھنا چاہیے۔ درست طریقے سے استعمال ہونے پر، وائٹ اسپیس معلومات کو اجاگر کرنے اور آپ کی ویب سائٹ کے کسی خاص حصے پر توجہ دلانے میں مدد فراہم کرتی ہے۔
یاد رکھیں، اگر ہر چیز نمایاں ہوگی، تو پھر کچھ بھی نمایاں نہیں ہوگا۔
تصویر کا ماخذ: Pocket Penguins
وجہ #4: پہلا تاثر اہمیت رکھتا ہے
کسی ویب سائٹ کی ظاہری شکل و صورت اچھے پہلے تاثر کے لیے بنیادی کلید ہے۔ ایک اچھا پہلا تاثر اکثر سائٹ پر زیادہ دیر تک قیام کا باعث بنتا ہے۔ ضرورت سے کم وائٹ اسپیس آپ کی ویب سائٹ کو کم قیمت اور غیر معتبر دکھا سکتی ہے۔ زائرین اس وقت تک سائٹ یا برانڈ کو قابل اعتماد نہیں سمجھیں گے جب تک کہ وہ پرکشش نہ لگے۔ وائٹ اسپیس کی مناسب مقدار آپ کی ویب سائٹ کے لیے صحیح تاثر پیدا کرنے میں مدد دیتی ہے۔ وائٹ اسپیس جدت، تازگی اور بسا اوقات نفاست کو ظاہر کرنے کا ایک بہترین ذریعہ ہو سکتی ہے۔
وجہ #5: کشادگی اور توازن پیدا کرنے میں مدد دیتی ہے
ایک متوازن ڈیزائن کا مطلب لازمی طور پر متناسب (symmetrical) ہونا نہیں ہے۔ ایک بڑے ڈیزائن کے عنصر کو چند چھوٹے عناصر کے ذریعے متوازن کیا جا سکتا ہے۔ اپنے صفحے پر مختلف سائز کے ڈیزائن عناصر کو متوازن کرنے کا وائٹ اسپیس شامل کرنا ایک شاندار طریقہ ہے۔ ایک ایسا بہاؤ بنائیں تاکہ صارفین کی نگاہیں ادھر ادھر نہ بھٹکیں۔ ایک اچھے ڈیزائن کو زائر کو الجھائے بغیر ایک نقطے سے دوسرے نقطے تک لے جانے کے قابل ہونا چاہیے۔
نتیجہ
اگلی بار جب آپ کسی ویب سائٹ پر جائیں اور خود کو وہاں کچھ دیر رکتے ہوئے پائیں، تو غور کریں کہ کس چیز نے آپ کو رکنے اور پڑھنے پر مجبور کیا۔ کیا آپ کے خیال میں لائنوں کا فاصلہ مضمون کو پڑھنے میں آسان بناتا ہے؟ کیا وہ تجربہ آپ کو بار بار واپس آنے پر آمادہ کرتا ہے؟ کیا آپ کو نیویگیشن تلاش کرنے میں کوئی دشواری پیش آئی؟
ویب سائٹ پر وائٹ اسپیس کے اچھے استعمال پر توجہ دیں۔ اگر آپ کو لگتا ہے کہ یہ آپ کی ویب سائٹ کے لیے بھی کارآمد ہو سکتا ہے، تو اپنے عناصر کے لیے جگہ مختص کرنے اور منظم کرنے کا طریقہ سیکھیں، جب تک کہ آپ اپنی ویب سائٹ کے مطلوبہ "بہاؤ” کی قربانی دیے بغیر صحیح تاثر اور پڑھنے میں آسانی پیدا نہ کر لیں۔
کسی بھی ویب سائٹ کا حتمی مقصد ابلاغ ہے۔ بصری کشش آپ کی ویب سائٹ کی کامیابی کے ساتھ شانہ بشانہ چلتی ہے۔
اپنی پہلی ویب سائٹ بناتے وقت ایک اہم بات پر غور کرنا ضروری ہے—چاہے آپ کوئی کاروبار ہوں، فری لانسر ہوں، یا درحقیقت کچھ بھی اور کوئی بھی ہوں—وہ یہ ہے کہ ہر کوئی کوڈ اور سافٹ ویئر ڈویلپمنٹ کی زبان میں ماہر نہیں ہوتا۔ مثال کے طور پر، آپ ایک ایسے شیف ہو سکتے ہیں جو اپنی ترکیبیں آن لائن شائع کرنا چاہتا ہو۔ آپ فائن آرٹس کے انڈرگریجویٹ بھی ہو سکتے ہیں جنہیں ایک پیشہ ورانہ نظر آنے والے پورٹ فولیو کی ضرورت ہو، یا ایک نیا کاروبار جسے اپنی ویب سائٹ درکار ہو۔ چاہے معاملہ ان میں سے کوئی ایک ہو یا کچھ اور، حقیقت یہی رہتی ہے کہ اگرچہ ہم میں سے کچھ کوڈ کی بنیادی باتوں سے واقف ہو سکتے ہیں، ہم سب کل وقتی ڈویلپرز نہیں ہیں، اور ہر وہ شخص جسے سائٹ کی ضرورت یا خواہش ہو، شروع سے اسے بنانا نہیں جانتا۔ یہی وہ جگہ ہے جہاں ورڈپریس کارآمد ثابت ہو سکتا ہے۔ اب یہ سوال پیدا ہوتا ہے: "ورڈپریس ہی کیوں؟”
وجہ نمبر 1
ورڈپریس ایک کونٹینٹ مینجمنٹ سسٹم ہے، جو اسے مکمل طور پر صارف دوست بناتا ہے۔
سب سے پہلی چیز جو آپ کو جاننے کی ضرورت ہے وہ یہ ہے کہ ورڈپریس ایک کونٹینٹ مینجمنٹ سسٹم (یا CMS) ہے۔ آسان الفاظ میں، اس کا مطلب یہ ہے کہ ورڈپریس اپنے صارفین کو شروع سے کوڈ لکھے بغیر ویب سائٹس بنانے کی اجازت دیتا ہے۔ اس کا ایک باقاعدہ، منظم انٹرفیس ہے جو آپ کو بار بار کوڈ میں چھیڑ چھاڑ کیے بغیر چیزوں کو مستقل طور پر قابو میں رکھنے کی سہولت دیتا ہے۔
شروع سے ویب سائٹ بنانے کے مقابلے میں، جو عام طور پر کچھ اس طرح شروع ہوتی ہے:
ایک کونٹینٹ مینجمنٹ سسٹم کے ساتھ، آپ کچھ اس طرح سے شروعات کرتے ہیں:
ورڈپریس کا بیک اینڈ انٹرفیس۔ CMS کے ساتھ ویب سائٹس کا انتظام اور تخلیق آسان ہو جاتی ہے۔
البتہ، آپ اپنے آپ سے پوچھ سکتے ہیں: "ورڈپریس بہترین لگتا ہے، لیکن کیا ہوگا اگر اس میں وہ خصوصیات نہ ہوں جو میں اپنی سائٹ کے لیے چاہتا ہوں؟”، یا "اگر مجھے نقشہ، میوزک پلیئر، یا کیشنگ انجن، یا زیادہ قابل اعتماد سیکیورٹی سسٹم چاہیے ہو تو کیا ہوگا؟”
…تکنیکی طور پر دیکھا جائے تو، ورڈپریس میں شاید وہ خصوصیت موجود ہوگی جو آپ چاہتے ہیں، اور یہ ایک ورڈپریس پلگ اِن.
وجہ نمبر 2
پلگ اِنز: ورڈپریس کیک پر چیری کی مانند
اگر آپ کو خدشہ ہے کہ ورڈپریس میں وہ مخصوص خصوصیت شامل نہیں ہے جو آپ اپنی سائٹ پر چاہتے ہیں، تو پریشان نہ ہوں: غالباً یہ موجود ہے۔
پلگ اِنز "توسیعی خصوصیات” ہیں جو آپ کی ورڈپریس سائٹ کی فعالیت کو بڑھانے کے لیے موجود ہوتی ہیں۔ اگر آپ ایک کاروباری شخصیت ہیں جسے اپنی سائٹ کے لیے رابطے کے فارم کی ضرورت ہے، تو آپ کو معلوم ہونا چاہیے کہ ورڈپریس میں بذات خود یہ خصوصیت نہیں ہے، لیکن ایسے بے شمار پلگ اِنز موجود ہیں جو یہ کام کرتے ہیں۔ اور چونکہ ورڈپریس اوپن سورس ہے—یعنی کوئی بھی اس کی ترقی میں اپنا حصہ ڈال سکتا ہے—نئے پلگ اِنز باقاعدگی سے بنائے جاتے ہیں۔ آپ وہ کانٹیکٹ فارم حاصل کر سکتے ہیں جو آپ چاہتے ہیں، اور اس سے بھی بہت کچھ زیادہ۔ آپ کو سوشل شیئرنگ بٹنز سے لے کر نقشوں اور یہاں تک کہ اپنی سائٹ کے لیے اضافی سیکیورٹی اقدامات سمیت کئی دیگر فیچرز اور ایکسٹینشنز شامل کرنے کی آزادی ملتی ہے۔ اب بتائیں، کیا یہ بہترین نہیں لگتا؟
ابھی تک، ورڈپریس کے پاس ایسے ہزاروں پلگ اِنز موجود ہیں—اور ان میں سے کچھ مفت بھی دستیاب ہیں اور/یا ان کے مفت ورژن موجود ہیں، بشمول PBS.
وجہ نمبر 3
اوپن سورس: ورڈپریس کمیونٹی
ورڈپریس اوپن سورس ہے۔ اس کا مطلب ہے کہ کوئی بھی اس کی ترقی میں حصہ ڈالنے کے لیے آزاد ہے، اور کوئی بھی سافٹ ویئر ڈویلپمنٹ اور یہاں تک کہ خود ورڈپریس کے بارے میں مزید جاننے کے لیے اس کے بنیادی کوڈ کا مطالعہ کرنے کے لیے آزاد ہے۔ ایسے کاروبار بھی ہیں جو مکمل طور پر ورڈپریس سے متعلقہ مصنوعات بنانے اور تیار کرنے کے لیے وقف ہیں، جیسے کہ پلگ اِنز اور تھیمز (جیسے ہم!)
چونکہ ورڈپریس اوپن سورس ہے، اس لیے بے شمار صارفین، ڈویلپرز، اور یہاں تک کہ ڈیزائنرز بھی مستقل طور پر ایک دوسرے کے ساتھ تعاون کرتے ہیں اور ورڈپریس سے متعلق مسائل میں ایک دوسرے کی مدد کرتے ہیں۔ اس طرح، آپ کو حقیقی لوگوں سے حقیقی مدد ملتی ہے، اور اس کے ساتھ ساتھ، آپ ایک دوسرے سے سیکھتے بھی ہیں۔ یہ ایک ایسی چیز ہے جو آپ کی روایتی کسٹمر ریلیشنز سروسز شاذ و نادر ہی کر پاتی ہیں۔
وجہ نمبر 4
ورڈپریس قابل اعتماد اور معتبر ہے۔
CNN، دی آفیشل اسٹار وارز بلاگ، ٹائم میگزین، اور یہاں تک کہ (حیرت انگیز طور پر!) بیونسے سبھی کی سائٹس ورڈپریس پر چلتی ہیں، اور بہت سے دوسرے بھی۔ یہ بڑے نام ہی ورڈپریس کی ساکھ کو ثابت نہیں کرتے—Treehouse.com کے مطابق، ویب پر موجود تمام سائٹس میں سے تقریباً 25% ورڈپریس کے ذریعے چلتی ہیں۔ یہ دیکھتے ہوئے کہ دنیا میں کتنے لاکھوں کروڑوں ویب سائٹس موجود ہیں… 25% واقعی ایک بہت بڑی تعداد ہے۔
وجہ نمبر 5
بے شمار کسٹمائزیشنز!
ورڈپریس کے پاس آپ اور آپ کی سائٹ کے لیے بے شمار تھیمز دستیاب ہیں۔ آپ مفت ورژنز یا پریمیم ورژنز میں سے انتخاب کرنے کے لیے آزاد ہیں، یا خود بھی بنا سکتے ہیں (یا کسی کو بنانے کے لیے ہائر کر سکتے ہیں!)۔
وجہ نمبر 6:
یہ مفت ہے۔
جی ہاں، آپ نے بالکل درست پڑھا۔ لوکل ڈیولپمنٹ (Local Development) کے ذریعے، ورڈپریس بالکل مفت ہے، اور آپ صرف ایک بٹن پر کلک کر کے اسے اپنے کمپیوٹر پر انسٹال کر سکتے ہیں۔ اسی طرح، کسی ڈیولپر کی خدمات حاصل کرنے کے بجائے، آپ کوڈنگ کے بارے میں اپنی موجودہ معلومات کو یہ سمجھنے کے لیے استعمال کر سکتے ہیں کہ ورڈپریس کیسے کام کرتا ہے (اور ویسے بھی، سیکھنا ہمیشہ اچھا ہی ہوتا ہے)۔
…اس بات کا تذکرہ تو دور رہا کہ اگر آپ کے پاس ورڈپریس اور سائٹ بنانے کی گہرائیوں میں جانے کا وقت نہیں ہے، تو آپ ہمیشہ ایک بہترین پیج بلڈر پلگ اِن حاصل کر سکتے ہیں اور ہمارے پلگ اِن کو آزما سکتے ہیں
یاد رکھیں کہ ورڈپریس کے ساتھ بے شمار امکانات موجود ہیں، اور یہ سب کچھ کیسے کام کرتا ہے اسے سمجھنے کے لیے جینئس ہونے کی ضرورت نہیں ہے!
ورڈپریس کا استعمال آپ کا بہت سا وقت، پیسہ اور محنت بچا سکتا ہے۔ اور ایسے وقت میں جب ان وسائل کی بہت کمی ہو، یہ بات ذہن میں رکھیں کہ ورڈپریس سائٹس، ان کے پلگ اِنز (جیسے PBS!)، ان کے تھیمز اور خاص طور پر اس کی کمیونٹی یقینی طور پر آپ کی مدد کر سکتی ہے اور معاملات کو آپ کے لیے بہت، بہت آسان بنا سکتی ہے۔
امکان ہے کہ آپ یہاں اس لیے آئے ہیں کیونکہ آپ نے سنا ہے کہ PBS غالباً سائٹ بنانے کے تیز ترین راستوں میں سے ایک ہے۔ اگرچہ پیج بلڈرز عام طور پر چیزوں کو آسان بنانے کے لیے موجود ہیں، لیکن ورڈپریس ڈویلپمنٹ کے اس مخصوص شعبے میں مزید گہرائی میں جانے سے پہلے کچھ ایسی باتیں ہیں جن پر آپ غور کرنا چاہیں گے۔
ورڈپریس سیکھنا: پیج بلڈر کے لیے ایک ناگزیر بنیادی شرط
البتہ، اگر آپ اس مضمون میں کچھ تکنیکی اصطلاحات کی کثرت سے تھوڑا گھبرا رہے ہیں، تو پریشان نہ ہوں۔ کچھ مفید سائٹس ہیں جن پر جا کر آپ شروعات کر سکتے ہیں۔ ان میں سے کچھ WordPress Codex اور Treehouse ہیں۔ اس میں آپ کی ضرورت اور علم کی سطح کے لحاظ سے ورڈپریس کی تجاویز اور ویب سائٹ بنانے کے طریقے موجود ہیں۔
محض تسلی کے لیے، ہو سکتا ہے آپ پہلے اس کا تجربہ کرنا چاہیں
کوئی بھی بڑی خریداری کرنے سے پہلے، جس پر آپ کو مستقبل میں پچھتانا پڑے، مفت اور/یا آزمائشی ورژنز کو آزمانا ہمیشہ ایک اچھا خیال ہوتا ہے۔ خوش قسمتی سے، زیادہ تر پیج بلڈرز مفت/ڈیمو ورژنز کے ساتھ آتے ہیں۔ یقیناً، ہم پیج بلڈرز کے بارے میں بہت سارے قابل اعتماد تبصرے بھی دیکھ سکتے ہیں جبکہ دیگر پیج بلڈرز کا تقابلی جائزہ پیش کرتے ہیں۔ اپنے تمام اختیارات کا بغور جائزہ لینا یقینی بنائیں!
مضامین اور جائزے پڑھنے کے علاوہ، ورڈپریس کی ایک بات جو ہمیں پسند ہے وہ یہ ہے کہ اس کی پشت پر ایک بہت بڑی کمیونٹی موجود ہے۔ ایسے افراد، ٹیمیں اور یہاں تک کہ کاروباری ادارے بھی موجود ہیں جو اپنے ساتھی ورڈپریس صارفین، خاص طور پر آپ جیسے نئے صارفین کی مدد کے لیے تیار ہیں! یہ کمیونٹی بنیادی طور پر لین دین کے بجائے باہمی تعاون کے جذبے پر کام کرتی ہے۔
ڈیزائن سے بہت بڑا فرق پڑتا ہے
ورڈپریس کی دلدادہ ڈونا فونٹینٹ کیولیئر (Donna Fontenot Cavalier) ڈریگ اینڈ ڈراپ پیج بلڈرز اور بنیادی ڈیزائن کی اہمیت کے حوالے سے ایک بہت عمدہ نکتہ پیش کرتی ہیں ۔ اگرچہ پی بی ایس جیسے ڈریگ اینڈ ڈراپ بلڈرز آپ کا بہت سا وقت بچا سکتے ہیں، لیکن ویب سائٹس بناتے وقت بنیادی معلومات اور کم از کم جمالیات سے کچھ واقفیت ایک اور اہم چیز ہے جس پر غور کرنا ضروری ہے۔ ایک منظر نامے کا تصور کریں – فرض کریں کہ آپ کو اپنی پسند کا ایک شاندار پیج بلڈر مل گیا ہے: یہ تو زبردست ہے! لیکن پھر فرض کریں کہ آپ ایک ایسے شخص ہیں جن کی فن، ڈیزائن اور فعالیت پر اتنی اچھی نظر نہیں ہے: اوہ ہو.
تاہم، پریشان نہ ہوں۔ Page Builder Sandwich صرف ایک پیج بلڈر نہیں ہے؛ ہماری ٹیم ورڈپریس کے دیگر صارفین کی مدد کے لیے بھی وقف ہے۔ اس لیے اگر آپ کو ڈیزائن سے متعلق تھوڑی مشکل درپیش ہے، تو پریشان نہ ہوں – ہمارے پاس پی بی ایس بلاگ پر مضامین کا ایک ذخیرہ موجود ہے جس میں شروعات کرنے میں آپ کی مدد کے لیے بہت سی مفید تجاویز ہیں۔ اس طرح، آپ زیادہ کام کر سکیں گے، زیادہ سیکھ سکیں گے، اور پریشانی کم ہوگی۔
یاد رکھیں، اگر آپ کے پاس پیج بلڈرز، یا اوپر دی گئی باتوں سے متعلق کوئی سوالات یا خدشات ہیں، تو بلا جھجھک نیچے کمنٹس سیکشن میں ہمیں بتائیں۔ ہمیں اپنے صارفین کی مدد کر کے ہمیشہ خوشی ہوتی ہے۔
When I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy,convenient.
Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.
I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.
I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.
I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.
پچھلے چند ہفتوں میں، PBS کی ٹیم نے ایک نقشے کا عنصر (map element)، اور ساتھ ہی ایک ٹیبز کا عنصر (tabs element) بھی شامل کیا ہے۔
اب، ہمارے لیے ہر دو تین دن بعد ایک نیا عنصر شامل کرتے رہنے کا معمول بہت آسان اور سیدھا سادہ سا معلوم ہوگا۔
But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.
And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”
I know what you’re thinking: “How the heck can you supportthat much shortcodes? Is thatevenpossible?”
Well, the simple answer is yes.Yes it is.
And we’ve managed to achieve this feat through shortcode mapping.
What is Shortcode Mapping?
Shortcode mapping makes building shortcodes more friendly.
Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.
اس طرح کے نظام کے فوائد کافی زبردست ہیں:
1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.
2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!
3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.
4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.
5.) Overall faster page building time!
شارٹ کوڈ میپنگ کوئی نئی چیز نہیں ہے، اور بہت سے پیج بلڈرز میں یہ پہلے سے موجود ہے۔ پھر ہمارا طریقہ کس طرح مختلف ہے؟
دیگر پیج بلڈرز میں شارٹ کوڈ میپنگ کیسے کام کرتی ہے
Each person/site does their own shortcode mapping.
Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.
اس صورت حال میں، شارٹ کوڈ میپنگ کا بوجھ آپ پر، یعنی صارف پر، ڈال دیا جاتا ہے۔ اگر آپ چاہتے ہیں کہ آپ کے تمام شارٹ کوڈز تمام اوصاف (اور خوبصورت کلر پکرز اور دیگر چیزوں کے ساتھ) مکمل طور پر میپ ہوں، تو آپ کو ہر ایک شارٹ کوڈ کی ہر ایک تفصیل خود درج کرنی ہوگی۔
What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.
Page Builder Sandwich میں شارٹ کوڈ میپنگ کیسے کام کرتی ہے
Shortcode mappings are shared across all users.
Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.
یہ ہمیں بہت سے شاندار فوائد فراہم کرتا ہے:
Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!
In case you’re interested in reading into how we made all of this possible, we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).
ہمارے نیوز لیٹر کے لیے سائن اپ کریں!
You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.
So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!
In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.
اپنی ویب سائٹ کے ڈیزائن کو بہتر بنانے کے لیے آپ جو کچھ کر سکتے ہیں اس کے بارے میں کچھ بنیادی تجاویز یہاں دی گئی ہیں۔
You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.
Juicebox used this zesty combination for people to get that organic and fresh that the brand represents
ویب سائٹ کی رنگ سکیم آپ کے برانڈ کے لیے مناسب لہجہ اور موڈ بنانے میں بڑا کردار ادا کرتی ہے۔ کسی اچھے رنگ کا انتخاب کرنے کا لازمی مطلب یہ نہیں ہے کہ یہ صحیح رنگ ہے۔ ہر رنگ ایک مختلف پیغام اور ردعمل دیتا ہے۔ رنگ ان اولین چیزوں میں سے ایک ہیں جن پر سائٹ پر آنے والے توجہ دیتے ہیں اور یہ درحقیقت آپ کی ویب سائٹ کی کامیابی کو متاثر کر سکتے ہیں۔
اپنے ڈیزائن کے لیے زیادہ سے زیادہ دو سے تین بنیادی رنگ منتخب کریں۔ اگر آپ مزید رنگ شامل کرنے کی ضرورت محسوس کرتے ہیں، تو آپ اپنے بنیادی رنگوں کے ٹنٹس (tints) اور شیڈز (shades) کا استعمال کر سکتے ہیں۔ کلر تھیوری میں، ٹنٹ کسی رنگ میں سفید رنگ کی آمیزش ہے، جس سے ہلکا پن بڑھتا ہے جبکہ شیڈ کسی رنگ میں سیاہ رنگ کی آمیزش ہے، جس سے ہلکا پن کم ہوتا ہے۔
Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.
متضاد ٹائپ فیسز کا استعمال کریں
There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.
دو ٹائپ فیسز کا جوڑا بنانا ڈیزائنرز کے لیے بھی مشکل ہو سکتا ہے۔ آپ ایک ہی ٹائپ فیس کے دو مختلف فونٹس کے ساتھ تجربہ کر کے اسے سادہ رکھ سکتے ہیں۔ اگر دوسرا ٹائپ فیس ضروری ہے، تو کوئی ایسی چیز منتخب کریں جو آپ کے پہلے ٹائپ فیس کے ساتھ اچھا تضاد (contrast) پیش کرے۔ عام طور پر، سیرف فونٹ اور سان سیرف فونٹ کا امتزاج ایک ساتھ اچھا کام کرتا ہے۔ ایک اور اہم نکتہ یہ ہے کہ ایسے ٹائپ فیسز کا انتخاب کریں جو آپ کی کمپنی کے انداز سے مماثل ہوں۔ آپ کے پاس دنیا کا سب سے خوبصورت فونٹ ہو سکتا ہے، لیکن جب غلط تناظر میں استعمال کیا جائے، تو یہ پھر بھی برا لگ سکتا ہے۔
خالی جگہ (whitespace) کا استعمال کرتے ہوئے اسے صاف ستھرا رکھیں
Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.
اسے موبائل فرینڈلی بنائیں
People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.
اضافی نکتہ: اپنی ویب سائٹ پر Page Builder Sandwich کا استعمال خود بخود موبائل ویونگ کو فعال کر دے گا اور اسے موبائل اسکرین کے سائز کے مطابق ایڈجسٹ کر دے گا۔
نتیجہ
یاد رکھیں: ڈیزائن کی طاقت کو کم سمجھنا ان بدترین غلطیوں میں سے ایک ہے جو آپ اپنی ویب سائٹ بناتے وقت کر سکتے ہیں۔ یقیناً، آپ کو اپنی ویب سائٹ ڈیزائن کرتے وقت بہت زیادہ محنت کرنے کی ضرورت نہیں ہے، لیکن اس دوران، صرف ان تجاویز پر عمل کرنے سے یہ یقینی بنایا جا سکتا ہے کہ آپ کی سائٹ آپ کے سامعین کی جانب سے کسی ناپسندیدگی کا شکار نہ ہو۔
When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.
ہیرو ہیڈرز (Hero Headers) کیا ہیں؟
The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”
Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.
اپنا پہلا PBS ہیرو ہیڈر بنانا شروع کرنے کے لیے، نیچے دیے گئے آسان اقدامات پر عمل کریں:
مرحلہ 1: کالم شامل کریں اور قطار کی چوڑائی ایڈجسٹ کریں
Click 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.
Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.
What’s the difference betweenNormal, Full-WidthandFull-Width: Retained Content Width?
Normal – Background, text and other elements are contained within the bounds of your current theme’s row width
Full-Width – Background, text and other elements fill the entire width of your browser window
Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width
In this layout,Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.
مرحلہ 2: وائٹ اسپیس بنانے کے لیے مارجن کو ایڈجسٹ کریں
Increase the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.
مرحلہ 3: متن اور ایلیمنٹ اوورلیز کے ساتھ بیک گراؤنڈ شامل کریں
To add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.
Tip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.
Type in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.
ٹپ #2: برانڈنگ عناصر کے لیے، سفید یا سیاہ لوگو استعمال کرنے پر غور کریں تاکہ یہ رنگین بیک گراؤنڈ امیج کے ساتھ متصادم نہ ہو۔
You can also add buttons by clicking on Button below the Insert Content tab.
اپنا کام محفوظ کرنا نہ بھولیں اور آپ بالکل تیار ہیں!
PBS کے ساتھ اپنا پہلا ہیرو ہیڈر بنانے پر مبارکباد! لیکن اگر آپ ایسا نہیں بھی کر پاتے تو پریشان ہونے کی ضرورت نہیں ہے؛ PBS کے ساتھ شروع سے کام کرنا نسبتاً آسان ہے، اس لیے زیادہ مشکل نہیں ہونی چاہیے۔