The parallax scrolling effect is a design technique that’s relatively new in development and web design. Over the past few years since it’s hit the scene though, it’s grown pretty popular in its own right, and with good reason, too.
پیرالیکس اسکرولنگ کی تعریف
Parallax scrolling is a technique wherein your web page’s background image scrolls at a slower rate compared to the foreground image. It gives the user a unique sense of depth and action while scrolling through a page when used on a website.
Without Parallax Scrolling
The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.
With Parallax Scrolling
The background image scrolls at a different rate as the rest of the elements in the page.
صارف پر پیرالیکس اسکرولنگ کے اثرات
تاہم، یہ تکنیک بالکل نئی نہیں ہے، اور درحقیقت روایتی اینیمیشن میں 1920 کی دہائی کے اوائل سے ہی استعمال ہوتی رہی ہے۔ اسے بہت سے کلاسک ویڈیو گیمز میں بھی استعمال کیا گیا ہے، جیسے کہ سپر ماریو برادرز۔
البتہ ویب ڈیزائن کے میدان میں، نائیکی کو اکثر 2011 میں پیرالیکس اسکرولنگ کا استعمال کرنے والے اولین اداروں میں شمار کیا جاتا ہے۔ تب سے، اصطلاح ”پیرالیکس اسکرولنگ“ (جسے بعض اوقات ”پیرالیکس بیک گراؤنڈ/ز“ بھی کہا جاتا ہے) ڈیزائنرز اور ڈویلپرز دونوں کے درمیان ایک عام اصطلاح بن چکی ہے، جس کی مقبولیت میں مسلسل اضافہ ہو رہا ہے۔
Parallax scrolling as used in a version of Super Mario Brothers. Notice how the hills in the background move in slightly varying speeds, as compared to Mario and the other characters in the foreground.
صارف کے لیے اس میں کیا ہے
اس اثر کی خاص بات یہ ہے کہ یہ صارفین کو آپ کی ویب سائٹ کے ساتھ مشغول ہونے کی ترغیب دیتا ہے، جس سے صارف کے تعامل اور کشش دونوں میں اضافہ ہوتا ہے۔ اور، جب اسے صحیح طریقے سے کیا جائے، تو پیرالیکس اسکرولنگ انتہائی سادہ ویب سائٹس میں بھی جان ڈال سکتی ہے۔ اسے ایسی شاندار داستانیں تخلیق کرنے کے لیے بھی استعمال کیا جا سکتا ہے جو فوری طور پر سائٹ کے تمام ناظرین کو اپنی طرف متوجہ کر لیں۔
اپنا کام ہمارے ساتھ شیئر کریں!
تو آپ کا کیا خیال ہے؟ کیا آپ نے ابھی تک PBS v4 کا جدید ترین پیرالیکس بیک گراؤنڈ فیچر استعمال کیا ہے؟ کیا یہ آپ کے لیے فائدہ مند ثابت ہو رہا ہے؟ بلا جھجھک اپنے کام کا لنک ہمارے ساتھ شیئر کریں، یا نیچے تبصروں کے سیکشن میں کچھ تجاویز چھوڑیں۔
In other words, if they don’t like what they see within that timeframe, chances are they’re going to close their browser windows and direct their attention elsewhere.
Fortunately, there are a lot of ways to prevent this from happening; one of them is to familiarize yourself with good web design practices. And the good news is you don’t need to be a professional web designer in order to do so.
Because while it’s true that not everyone has a good eye for design, preventing bad design becomes easier once you know what to avoid.
اس کے ساتھ ساتھ، ویب ڈیزائن کی ان 4 عام غلطیوں کو ضرور ذہن میں رکھیں۔ اس طرح، جب آپ آخر کار اپنی ویب سائٹ بنانا شروع کریں گے تو آپ کو ایک کم چیز کی فکر کرنی پڑے گی۔
غلطی نمبر 1: 3 سے زیادہ فونٹس کا استعمال
A rule of thumb when designing websites? Try not to have too much visual elements going on within your space. Having more than 3 fonts on your site design is a surefire way to break this one rule. It’ll also overwhelm your site visitors.
اپنی ویب سائٹ کے فونٹس کو 3 تک محدود رکھنا پیشہ ور افراد کا اپنایا ہوا ایک عام ڈیزائن طریقہ کار ہے۔ مزید برآں، یہ آپ کی سائٹ کی پڑھنے کی صلاحیت اور یکسانیت کی سطح کو بڑھاتا ہے، جو آپ کی سائٹ کے ٹریفک کی کامیابی کے لیے کلیدی حیثیت رکھتے ہیں۔
DON’T DO THIS:
Don’t use more than 3 fonts and try to avoid “fancy fonts” as much as possible. These tend to make your site look unprofessional and outdated.
DO THIS:
Use only 2 fonts, or a maximum of 3 if you have to. Notice how the page below looks clean and sleek, all while keeping readability and consistency all throughout the design.
Try comparing the differences between this example and the previous one. The example below with only two fonts is a website that your visitors will likely take seriously. This previous one above with the overwhelming amount of fonts isn’t.
Put simply, white space is literally the emptyspacebetween elements in a composition.
In other words, it’s negative space.This pertains toanything on your website that isn’t filled with text, photos, or other design elements.
Now, the problem arises when website owners want to fillall of the white space in, which is an absolute no-no.
White space matters because it gives your site visitors and readers some breathing space when going through your site. Just how it was mentioned in the first design mistake to avoid, overwhelming your website with too much design elements is more than enough reason for your site visitors to leave and for your traffic to decrease significantly. It also makes for poorly executed design.
DON’T DO THIS:
In the example below, take a look at how the text is nearing the edges of the purple section’s margin. Notice as well how all elements leave almost zero room for white space.
DO THIS INSTEAD:
Give your site readers some room to breathe. If adding in long paragraphs is unavoidable, just remember to always take the rules of spacing into account—they’re pretty easy to remember anyway ?. It will leave your page looking cool, crisp, and professional.
Mistake #3: Designing Websites With Zero Flow in Your Site’s Content
It’s important to pay attention as to how information on your website is presented. Moreover, site content should generally follow a logical flow, taking the site viewer’s intuition into consideration.
ہماری بات کو سمجھنے کے لیے نیچے دی گئی دو مثالیں دیکھیں۔
DON’T DO THIS:
Unless you’re a graphic designer by profession, it’s probably not a good idea to experiment with the standard flow of your website’s sections.
Below, you can see that the site’s design lacks both visual and logical flow; everything is all over the place. You don’t want your audience having a hard time navigating through your site, either. This is another surefire way to do it.
DO THIS INSTEAD:
Notice how the sections of the website flow depending on what actions the visitor is most likely to take.
ڈیزائن فہم کے مطابق ہے اور اس میں ایک منطقی تسلسل ہے: سب سے پہلے، تنظیم اپنا تعارف کراتی ہے اور سامعین کو بنیادی باتوں سے آگاہ کرتی ہے؛ جیسے کہ یہ کس بارے میں ہے اور کیا کرتی ہے۔ دوسرا، یہ ساکھ قائم کرنے کے لیے قابل اعتماد اعداد و شمار شامل کرتی ہے۔ آخر میں، ویب سائٹ سامعین کو اپنے رابطہ نمبر اور تقریبات کی فہرست فراہم کرتی ہے، جس سے انہیں اقدام کرنے کی ترغیب ملتی ہے۔
Mistake #4: Trying to Fit in Every Bit of Information Onto Your Website
جہاں خالی جگہ ہونی چاہیے وہاں غیر ضروری متن کے انبار لگانا آپ کے سامعین کو دور بھگا سکتا ہے۔ یاد رکھیں کہ صرف اہم تفصیلات ہی رکھیں۔
Studies find that readers only visit 20% of your webpage; everyone else outside that percentage will probably just scroll through your site.
DON’T DO THIS.
Don’t overwhelm your visitors with inconsistent, giant walls of text,especially if it means having to sacrifice your website design’s cohesiveness and structure.
DO THIS INSTEAD:
Keep your copy short and concise, and take out chunks of unecessary text if you can help it. Only keep vital information that your site visitorsabsolutely need to know.
Conclusion
Website design is important, and can be a huge deciding factor in whether or not you gain site traffic.
یاد رکھیں کہ اسے ہلکا مت لیں۔ تحقیق کے لیے ہمیشہ وقت مختص کریں، اور رہنمائی حاصل کرنے کے لیے ڈیزائن سے متعلق مضامین دیکھیں۔ اس سے پہلے کہ آپ کو خبر ہو، آپ اپنی سائٹ کے ٹریفک کو بڑھتے ہوئے دیکھیں گے۔ ? نیک تمنائیں!
Design in less time!
Check out how much faster Page Builder Sandwich let you design your web pages.
CANVA has hundreds of resources that you can access on their website. Apart from useful and easy-to-follow design tips, they also have photo editing tools, graphs, and a wide range of useful resources you can use for your creative projects.
اپنے اگلے ڈیزائن کے منصوبے کے لیے Canva کی یہ زبردست کلر گائیڈ دیکھیں۔
جی ہاں، یہ بالکل درست ہے: Page Builder Sandwich کی پہلی سالگرہ 14 جنوری 2017 کو ہے۔ ہماری جاری ہالیڈے سیل (محدود وقت کے لیے 30٪ رعایت، کسی پرومو کوڈ کی ضرورت نہیں) کے ساتھ ساتھ، PBS کے پاس آپ کے لیے کچھ سرپرائزز بھی موجود ہیں، اور ٹیم انہیں سب کے ساتھ شیئر کرنے کے لیے بے چین ہے۔
گزشتہ ایک سال میں، ہم نے شاندار دوستوں، چند انتہائی مفید تبصروں، اور PBS سلیک کمیونٹی میں اپنے نئے دوستوں کے تعاون کی بدولت بہت ترقی کی ہے۔ ہم آپ لوگوں کو بالکل نہیں بھول سکتے—یعنی خود PBS کے صارفین کو، جنہوں نے اس سنگ میل تک پہنچنے میں ہماری مدد کی ہے۔ اور اس کا جشن منانے کے لیے، ہم نے سوچا: آپ کو PBS ورژن 4.0 کے اجراء سے بہتر تجربہ فراہم کرنے کا اس سے بہتر اور کیا طریقہ ہو سکتا ہے؟ جشن کا آغاز کیا جائے۔
اگر آپ سے یہ چھوٹ گیا ہو، تو موجودہ ورژن، ورژن 3.0، میں کچھ بڑی تبدیلیاں اور بہتری لائی گئی تھی۔ اس میں زیادہ صاف ستھرا، ہموار اور زیادہ صارف دوست انٹرفیس، اور ساتھ ہی بہتر رسپانسیونیس شامل ہے۔ تاہم ورژن 4.0 کے لیے، ہم اس سے بھی بہتر چیزیں پیش کرنے جا رہے ہیں! چنانچہ تیار ہو جائیں، کیونکہ جنوری میں آنے والی ریلیز کے ساتھ چیزیں کہیں زیادہ پرلطف، پرجوش اور کارآمد ہونے والی ہیں۔
فل پیج ٹیمپلیٹس فیچر
ہمارے اہم فیچرز کی فہرست میں سب سے پہلے بالکل نئے فلپیج ٹیمپلیٹس ہیں۔ اگرچہ PBS عام طور پر ہر قسم کے مختلف صفحات بنانے کے لیے استعمال ہوتا ہے، لیکن ہم نے اس بات کو سنجیدگی سے مدنظر رکھا ہے کہ ہمارے صارفین اپنی سائٹس مختلف شعبوں (اور اس وجہ سے مختلف اقسام کی ویب سائٹس) کے تحت چلاتے ہیں۔ بہرحال، مختلف صارفین کی ضروریات مختلف ہوتی ہیں، خواہ وہ کاروباری مقاصد کے لیے ہوں یا ذاتی منصوبوں کے لیے۔ اسی لیے ہم نے آنے والے فل پیج ٹیمپلیٹس فیچر کے ساتھ اس کا حل نکالنے کا فیصلہ کیا ہے۔
تو یہ فل پیج ٹیمپلیٹس کیسے کام کرتے ہیں؟ بالکل آسان۔ ورژن 4.0 کے لیے، ہم متعدد شاندار ٹیمپلیٹس جاری کریں گے۔ انہیں مختلف زمروں میں تقسیم کیا جائے گا؛ ہر ایک کو کسی مخصوص شعبے کے لیے ڈیزائن کیا گیا ہے۔ ان ٹیمپلیٹس میں کارپوریٹ پیجز، پورٹ فولیوز، ای کامرس سائٹس، یا محض عام ذاتی بلاگز (وغیرہ) کے لیے ایلیمنٹس، لے آؤٹس اور فیچرز شامل ہوں گے تاکہ آپ کی مطلوبہ ویب سائٹ کے بالکل موافق ہوں۔
مثال کے طور پر، اگر آپ کوئی ریسٹورنٹ چلا رہے ہیں، اور آپ کو اس قسم کے کاروبار کے لیے مخصوص صفحہ یا ویب سائٹ درکار ہے، تو آپ بس ریسٹورنٹ ٹیمپلیٹ منتخب کر سکتے ہیں۔ اور چونکہ PBS لچکدار تخصیص کی اجازت دیتا ہے، اس لیے آپ اب بھی اسے اپنے دل کی مرضی کے مطابق اسٹائل کر سکیں گے۔ اور چونکہ آپ کا منتخب کردہ ٹیمپلیٹ (اس معاملے میں، آپ کا ریسٹورنٹ) ریسٹورنٹ کے موضوع پر مبنی کاروباری سائٹ کے لیے خاص طور پر تیار کردہ فیچرز کے ساتھ آئے گا، اس لیے یہ ایسے PBS ایلیمنٹس کے ساتھ بھی آئے گا جو اس قسم کی سائٹ کی ضروریات کو پورا کرتے ہیں: جیسے مینو کے لیے ایک مکمل سیکشن، ڈیلیوری فیچر، سوشل میڈیا بٹنز، اور بہت کچھ۔ اب اپنے مخصوص شعبے کے لیے بھی کچھ ایسا ہی تصور کریں—اگر آپ کوئی کارپوریٹ دفتر، ذاتی کاروبار، یا محض ایک پورٹ فولیو بھی چلا رہے ہیں—تو فکر نہ کریں۔ ورژن 4.0 کے ساتھ، ہم ان کے لیے بھی ٹیمپلیٹس جاری کریں گے۔ بلا شبہ یہ آپ کی اگلی ویب سائٹ سازی کی کوشش میں کارآمد ثابت ہوں گے!
مزید ایلیمنٹس، مزید اختیارات
نئے فل پیج ٹیمپلیٹس کے ساتھ، ہمارے پاس دیگر بہت سی چیزیں بھی آ رہی ہیں! جیسا کہ ہم ہمیشہ کہتے ہیں، PBS کا وجود اس لیے ہے کیونکہ ہمارا ماننا ہے کہ شاندار اور حیرت انگیز چیزیں بنانا اتنا مشکل نہیں ہونا چاہیے جتنا سب سمجھتے ہیں۔ اس بات کو ذہن میں رکھتے ہوئے، ہم آپ سے گزارش کرتے ہیں کہ ہمارے دیگر آنے والے فیچرز پر ایک نظر ڈالیں، تاکہ آپ خود دیکھ سکیں کہ آپ PBS کی مدد سے کتنے شاندار اور خوبصورت صفحات اور سائٹس بنا سکیں گے!
پیرالیکس بیک گراؤنڈز
پیرالیکس اسکرولنگ ایک ایسی تکنیک ہے جو آپ کے براؤزر کے لیے ایک منفرد، 3D بیک گراؤنڈ اثر پیدا کرنے کے لیے استعمال ہوتی ہے۔ یہ کسی بھی ویب سائٹ کو انتہائی پرکشش بناتی ہے، اور جب اسے درست طریقے سے استعمال کیا جائے تو یہ یقیناً آپ کے ناظرین کی تعداد میں اضافہ کر سکتی ہے۔ ابھی تک قائل نہیں ہوئے؟ فائر واچ کی یہ زبردست ویب سائٹ دیکھیں جو پیرالیکس اثر کو کمال مہارت سے پیش کرتی ہے۔
ویڈیو بیک گراؤنڈز
ویڈیو بیک گراؤنڈز بھی ویب سائٹس پر استعمال ہونے والا ایک مقبول اثر ہیں، خاص طور پر ہوم پیجز، لینڈنگ پیجز اور ہیرو ہیڈرز پر۔ یہ بھی اتنے ہی شاندار ہوتے ہیں، اور ہمارا یقین کریں، ان کے اس قدر مقبول ہونے کی ایک خاص وجہ ہے! اور PBS کی تازہ ترین اپ ڈیٹ کے ساتھ، آپ کو بھی ویڈیو بیک گراؤنڈز آزمانے کا موقع ملے گا۔ آگے بڑھیں اور اپنے ناظرین کو متوجہ کرنے اور سائٹ پر زیادہ وزٹس حاصل کرنے کے لیے انہیں استعمال کریں!
تاریخ کا کاؤنٹ ڈاؤن
ورژن 4.0 کے لیے، ہم بالکل نیا ڈیٹ کاؤنٹ ڈاؤن بھی جاری کر رہے ہیں۔ اس میں آپ کے بنیادی فیچرز شامل ہوں گے جیسے کہ اس درست تاریخ اور وقت کا تعین جس کا آپ کاؤنٹ ڈاؤن کر رہے ہیں، نیز حسبِ معمول لچکدار تخصیص کے اختیارات جنہیں ہم یقین سے کہہ سکتے ہیں کہ آپ پسند کریں گے۔
سوشل آئیکنز
کیا آپ اپنے قارئین کو سوشل میڈیا پر اپنی پوسٹس کے بارے میں بات پھیلانے کی ترغیب دینا چاہتے ہیں؟ پریشان نہ ہوں، کیونکہ PBS آپ کے ساتھ ہے! نئے سوشل آئیکنز کے ساتھ، قارئین صرف ایک بٹن کے کلک سے آپ کی ویب سائٹ اور آپ کے مواد کو شیئر کرنے کے اہل ہوں گے۔
تاہم ہمارے پاس آپ کے لیے مزید بہت کچھ بھی ہے! بشمول:
اپنے مواد میں پوسٹس شامل کرنے کی صلاحیت
پروگریس بارز
کاؤنٹ اپ نمبرز
WooCommerce، Advanced Custom Fields (ACF)، Contact Form 7 کے لیے ایلیمنٹس
تعریفی کلمات (Testimonials)
قیمتوں کے جدول (Pricing Tables)
کلک ٹو ایکشن
امیج باکسز
آئیکن باکسز
مفت تصاویر کی تلاش اور ڈاؤن لوڈنگ
کسٹم CSS شامل کرنے کی صلاحیت
…اور مزید!
رسپانسیونیس
اور آخر کار، ان تمام زبردست نئے فیچرز کے علاوہ، PBS اور بھی بہتر رسپانسیونیس
ماضی میں، موبائل پر اپنے PBS صفحہ کو دیکھنا اور اس میں ترمیم کرنا کوئی بہت آسان کام ثابت نہیں ہوا تھا—فونٹ کے سائز مناسب نہیں رہتے تھے، تصاویر متناسب نہیں ہوتیں تھیں—مجموعی طور پر، ہم جانتے تھے کہ ہمیں موبائل پر PBS کے UI پر کام کرنے کی ضرورت ہے، اور ہم نے بالکل یہی کیا۔ ہم نے اس مخصوص فیچر پر کام کیا ہے اور اسے اس طرح ایڈجسٹ کیا ہے کہ یہ نہ صرف UI کے لحاظ سے زیادہ پرکشش ہے، بلکہ زیادہ ہموار اور زیادہ قابل رسائی بھی ہے۔ اب آپ بغیر کسی جھنجھٹ کے موبائل پر اپنی سائٹ دیکھ سکیں گے اور اس میں ترمیم کر سکیں گے۔ آپ کی آنکھیں یقیناً آپ کا شکریہ ادا کریں گی، اور آپ کے ناظرین بھی یقیناً ایسا ہی کریں گے۔
زیادہ ہموار، بہتر، کہیں زیادہ شاندار۔
آخر میں، ہم PBS کے لیے آپ کی تمام تر حمایت اور وفاداری کے لیے تہہ دل سے شکر گزار ہیں، اور ہمیں امید ہے کہ آپ بھی ہماری ہی طرح پرجوش ہیں، کیونکہ ہم سب ایک بہترین سفر کے لیے تیار ہیں!
تو کیا یہ آنے والی اپ ڈیٹس آپ کی توقعات پر پورا اترتی ہیں؟ کیا کوئی اور چیز ہے جو آپ v4 کے لیے تجویز کرنا چاہتے ہیں؟ نیچے ایک تبصرہ چھوڑیں اور ہم دیکھیں گے کہ ہم کیا کر سکتے ہیں!
v4 (اور دیگر شاندار چیزوں) کے بارے میں مزید اپ ڈیٹس سے باخبر رہنے کے لیے، نیچے ‘Subscribe’ بٹن دبا کر ہمارے نیوز لیٹر کو سبسکرائب کریں! فکر نہ کریں—آپ کسی بھی وقت ان سبسکرائب کر سکتے ہیں۔
Only a few weeks ago, we released PBS Version 4.1. This update included tweaks on the formatting bar and some text formatting updates, among others. For Version 2.0 though, while we made additional features, we decided to focus more on PBS’ overall performance.
200% Performance Increase & A Little Help from CodeInWP
اس تبدیلی کی وجہ CodeInWP کا پیج بلڈر کی توقعات کے بارے میں ایک مضمون بنا۔ اس میں ان کے پسندیدہ پیج بلڈرز کی ایک مختصر فہرست پیش کی گئی تھی، جس میں مخصوص معیارات کے تحت ہر ایک کا جائزہ لیا گیا تھا۔ اگرچہ Page Builder Sandwich خود اس فہرست میں جگہ نہیں بنا سکا، لیکن مضمون میں ہمارا بھی مختصر ذکر کیا گیا تھا:
With Page Builder Sandwich you won’t also lose your content and will be able to continue updating the page easily via a default WordPress editor.
اسے پڑھ کر ہی ہماری ٹیم کو PBS کو مزید بہتر بنانے کی ترغیب ملی۔ اور چونکہ ہم فہرست میں شامل نہیں تھے، اس لیے ہم یہ جاننے کے لیے بھی متجسس تھے کہ ہماری مخصوص کمیاں کیا تھیں۔ کچھ دیر بعد ہم نے PBS کے مختصر جائزے کے لیے CodeInWP سے رابطہ کیا، اور مہمان مصنفہ این ٹیلر نے ہمیں ایک نہایت تعمیری اور مفید جواب دیا:
“…I played around with a free version a bit. It shows a lot of promise: lots of modules, pretty intuitive UI, great WYSIWYG experience, everything is dragged around easily. However, when I had around 10 modules on the page, it became hard to continue working with it because of low editing speed…”
اس زبردست فیڈ بیک نے ہمیں PBS کی رفتار اور کارکردگی کی مزید تحقیق کرنے پر آمادہ کیا۔ ہم نے بہت سے مختلف منظرناموں کی جانچ کی اور رفتار میں بڑی رکاوٹیں پائیں۔ کارکردگی کے مسائل کی اصل وجہ وہ مختلف حساب کتاب تھے جو پلگ ان آؤٹ لائنز، ٹول بارز اور دیگر بصری تدوین کے اشارے دکھانے کے لیے کرتا تھا۔ ذیل میں کروم میں PBS ورژن 4.1 کی کارکردگی کا گراف دیا گیا ہے:
Here are the important points of the graph in a nutshell:
اونچے جامنی حصے خراب ہیں
چوڑے جامنی حصے اس سے بھی بدتر ہیں
ہم نے معاملات کو کافی تیز کر دیا ہے، اور اب ورژن 4.2 کے لیے ہمارا گراف کچھ یوں نظر آتا ہے:
If you compare the tall and wide purple areas from the two graphs, that means that we have achieved a 200% performance increase!
4 New Elements
ان 4 نئے عناصر کے بارے میں ہماری سب سے پسندیدہ بات یہ ہے کہ ان میں مکمل ویب پیج سیکشنز کو تیزی اور مؤثر طریقے سے بنانے کی صلاحیت ہے، بغیر اس ضرورت کے کہ عناصر کو ایک ایک کرکے PBS ورک اسپیس پر ڈریگ کیا جائے۔ ہم آپ کو مختلف اسٹائلز میں سے انتخاب کرنے کا موقع بھی فراہم کریں گے تاکہ آپ کو اپنی ڈیزائن کی ضروریات کے مطابق ان تین نئے عناصر کو کسٹمائز کرنے کی مزید گنجائش ملے۔
Spacer Element
اپنی ضرورت کے مطابق جگہ حاصل کرنے کے لیے عناصر کے مارجن کو ایڈجسٹ کرنا آسان ہے۔ اسپیسر عنصر کو اس کے متبادل کے طور پر استعمال کیا جا سکتا ہے۔ یہ خاص طور پر اس وقت کارآمد ہوتا ہے جب آپ چاہتے ہیں کہ موبائل اسکرینز پر مخصوص قطاریں سکڑ کر بہت زیادہ چھوٹی نہ ہوں۔
Featurette Element
فیچریٹ عنصر کا استعمال آپ کے صفحے کے حصوں کو تیز تر رفتار سے بنانے کے لیے کیا جا سکتا ہے۔ ان حصوں میں ہیرو ہیڈرز، کیروسل تعریفی کلمات (testimonials)، اور دیگر ایسی چیزیں شامل ہو سکتی ہیں جنہیں آپ اپنے صفحے کی فعالیت بڑھانے کے لیے استعمال کر سکتے ہیں۔
Since all of the Featurette Elements are pre-designed, all you’ll have to do is simply drag the “Featurette” button from the Elements Tab, and choose what you want to add on your workspace from there.
Team Members Element
ٹیم ممبر عنصر آپ کی سائٹ کے زائرین کے سامنے اپنی ٹیم کے ارکان کو پیش کرنے کے لیے بہترین ہے۔ عام طور پر، اس طرح کے سیکشن میں ٹیم کے رکن کی تصویر اور نیچے ایک مختصر تفصیل شامل ہوتی ہے۔
Gallery Element
یہ عنصر فوٹو گیلریاں بنانے کے لیے استعمال ہوتا ہے۔ پہلے، گیلری بنانے کے لیے آپ کو الگ الگ عناصر (جیسے بٹن، فریم وغیرہ) کو ایک ایک کرکے PBS ورک اسپیس پر ڈریگ کرنا پڑتا تھا۔ تاہم یہ نیا عنصر آپ کے لیے یہ کام خود کر دیتا ہے، جس سے یہ عمل بالکل آسان اور پریشانی سے پاک ہو جاتا ہے۔
A Huge Thank You
ورژن 4.2 اب تک کی ہماری سب سے اہم اپڈیٹس میں سے ایک ہے۔ بہر حال، کارکردگی اور فعالیت کسی بھی بہترین پلگ ان کے لیے انتہائی اہم ہوتی ہیں۔ ہم تعمیری فیڈ بیک دینے اور ہمارے سفر میں کامیابی کی تمنا کرنے پر @Ann Taylor اور CodeInWP کا شکریہ ادا کرنا چاہیں گے۔ اور PBS کے تمام صارفین کے لیے بھی، آپ کے مسلسل تعاون پر ہماری طرف سے بے حد شکریہ۔
ہم جلد ہی مزید اپڈیٹس بھی جاری کریں گے (بشمول ہمارے وعدہ کردہ گوگل فونٹس فیچر اور دیگر کے)، اس لیے اس پر نظر رکھیں!
پچھلے مضمون میں، ہم نے شارٹ کوڈ میپنگ کی بنیادی باتوں اور آپ اس کے شاندار فوائد کیسے حاصل کر سکتے ہیں، پر بات کی تھی۔ ہم نے شارٹ کوڈ میپنگ کے پیج بلڈر سینڈوچ (Page Builder Sandwich) ورژن پر مشتمل مضمون کو الگ کرنے کا فیصلہ کیا ہے، کیونکہ درج ذیل تحریر قدرے زیادہ تکنیکی ہو سکتی ہے۔
نیچے ہماری شارٹ کوڈ میپنگ کی خصوصیت کے اندرونی طریقہ کار کی مزید تفصیلی وضاحتیں دی گئی ہیں، اور یہ کہ ہم نے اسے کس طرح فعال کیا۔
ایک خودکار عمل
یہ فیصلہ کرنے کے لیے کہ شارٹ کوڈ میپر میں کن پلگ انز کو شامل کیا جائے، ہم نے ایک خودکار اسکرپٹ تیار کیا جو درج ذیل معیار کی بنیاد پر ورڈپریس پلگ ان ڈائرکٹری سے سرفہرست پلگ انز کو جمع کرے گا:
1,000 مقبول، اعلیٰ درجہ کے اور اپ ڈیٹ شدہ پلگ انز کے اندر، کم از کم 4,000 فعال انسٹالیشنز کے ساتھ،
کم از کم 4,000 فعال انسٹالیشنز کے ساتھ،
کم از کم 20 ریٹنگز کے ساتھ، اور؛
کم از کم 3 اسٹار اوسط ریٹنگ کے ساتھ
ہم یہ کوئری روزانہ ورڈپریس پلگ ان ڈائرکٹری پر چلاتے ہیں۔ یہ فلٹرز اس بات کو یقینی بناتے ہیں کہ ہمیں اچھے معیار کے پلگ انز کی فہرست ملے جنہیں بہت سے لوگ استعمال کرتے ہیں۔ جس وقت یہ تحریر لکھی گئی، اس معیار کے نتیجے میں 800 پلگ انز سامنے آئے۔ یہ بہت زیادہ ہیں۔ مطلب، واقعی بہت زیادہ۔
شارٹ کوڈ میپنگ کے لیے شناخت کیے گئے کچھ مقبول ترین پلگ انز۔
پھر ہم ہر پلگ ان کے سورس کوڈ پر خودکار جانچ کا ایک سلسلہ چلاتے ہیں تاکہ معلوم کیا جا سکے کہ آیا اس میں کوئی شارٹ کوڈز موجود ہیں، اور پھر ہم ان تمام شارٹ کوڈز کو ان کے تمام اوصاف (attributes) سمیت تلاش کرنے کی کوشش کرتے ہیں۔ ڈیٹا کا تجزیہ کرنے پر، اس کے نتیجے میں 2,000 سے زیادہ شارٹ کوڈز سامنے آئے۔ دگنی حیرت۔ شناخت شدہ شارٹ کوڈز کو پھر دستی معائنے کے لیے شارٹ کوڈ میپنگ کے ڈیٹا بیس میں شامل کیا جاتا ہے۔
اس عمل کے اختتام پر، ہمارے پاس پلگ انز اور ان کے ممکنہ شارٹ کوڈز کی ایک بہت بڑی فہرست تیار ہو جاتی ہے۔ اب بس اس ڈیٹا کو صاف کرنے کی بات ہے تاکہ یہ یقینی بنایا جا سکے کہ سب کچھ درست ہے۔
ایک دستی عمل
یہ شاید پورے میپنگ سسٹم کا سب سے مشکل حصہ ہے۔ پلگ ان کا کوڈ مختلف اشکال اور سائز میں ہوتا ہے، ہمارے اسکرپٹس کے ذریعے تمام شارٹ کوڈز خودکار طور پر شناخت نہیں ہوتے۔ اگرچہ ورڈپریس کوڈیکس شارٹ کوڈ کے اوصاف کو فلٹر کرنے کے لیے `shortcode_atts` فنکشن استعمال کرنے کی ہدایت کرتا ہے، لیکن یہ محض ایک سفارش ہے اور ہر کوئی ایسا نہیں کرتا۔ پلگ ان انسٹال ہونے کے بعد کسی شارٹ کوڈ کے اندرونی حصے کو جانچنے کا کوئی یقینی طریقہ بھی نہیں ہے۔
اس بات کو یقینی بنانے کے لیے کہ ہم تمام شارٹ کوڈز اور ان کے اوصاف درست طور پر حاصل کریں، ہم نے شارٹ کوڈز اور اوصاف کی ترمیم کے لیے مخصوص ایک فرنٹ اینڈ ایریا تیار کیا جو کہ AngularJS اور Bootstrap کا استعمال کرتے ہوئے بنایا گیا ہے۔
تمام میپ شدہ شارٹ کوڈز کو درست کرنے کے لیے Bootstrap اور AngularJS کا انٹرفیس۔
ہمیں دستی طور پر ہر ایک پلگ ان کا جائزہ لینا ہوگا اور ان کی شارٹ کوڈ دستاویزات کی جانچ کرنی ہوگی تاکہ یہ یقینی بنایا جا سکے کہ ہمارے پاس موجود تمام ڈیٹا درست ہے۔
اگرچہ یہ عمل بے حد محنت طلب اور طویل ہے، لیکن خودکار عمل ہونے کے کچھ روشن پہلو بھی ہیں:
ہمارے ابتدائی اعداد و شمار کے مطابق، ہر 2 میں سے صرف 1 پلگ ان میں شارٹ کوڈز ہوتے ہیں۔
شناخت شدہ شارٹ کوڈز میں سے نصف کے کوئی اوصاف نہیں ہوتے (لیکن اس کا کچھ حصہ غلط شناخت پر مبنی ہو سکتا ہے)
صرف اچھے معیار کے پلگ انز حاصل کرنے سے، زیادہ تر امکان ہے کہ ان کی شارٹ کوڈ دستاویزات موجود ہوں
جب کسی پلگ ان کے تمام شارٹ کوڈز کی جانچ مکمل ہو جاتی ہے، صرف تب ہی سرور صارفین کو اس پلگ ان کی شارٹ کوڈ میپنگز فراہم کرنا شروع کرے گا۔
ایک Rest API کال
اس معمے کا آخری حصہ خود پلگ ان ہے۔ یہاں کا تصور بالکل سادہ ہے: معلوم کریں کہ کون سے پلگ انز فعال ہیں، سائٹ کون سی تھیم استعمال کر رہی ہے اور کون سے شارٹ کوڈز دستیاب ہیں، پھر شارٹ کوڈ میپنگ ڈیٹا بیس سے پوچھیں کہ کیا اس کے پاس میپنگز موجود ہیں۔ اس کے لیے ہم نے ایک کسٹم WP REST API اینڈ پوائنٹ بنایا ہے جس سے تمام کلائنٹس اپنی تازہ ترین شارٹ کوڈ میپنگز حاصل کرنے کے لیے رابطہ کرتے ہیں۔
مستقبل: کراؤڈ سورسنگ
ہر پلگ ان کو دستی طور پر جانچنے کے لیے بہت وقت اور محنت درکار ہوتی ہے۔ ایک بار جب شارٹ کوڈ میپنگ پلیٹ فارم مستحکم ہو جائے گا، تو ہم شارٹ کوڈ میپنگ کو ہر ایک کے لیے کھولنے کا ارادہ رکھتے ہیں۔ اس کا مطلب ہے کہ ہر کوئی شارٹ کوڈز شامل کرنے میں مدد کر سکے گا۔
آپ شاید سوچ رہے ہوں گے، "میں شارٹ کوڈز میپ کرنے میں کیوں مدد کروں؟ اس میں میرا کیا فائدہ ہے؟” خیر، چند باتیں ذہن میں آتی ہیں کہ لوگ کیوں مدد کرنا چاہیں گے:
اگر آپ نے کوئی پلگ ان بنایا ہے، اور مندرجہ بالا معیار کی وجہ سے ہم نے ابھی تک اسے شامل نہیں کیا ہے، (اور یہ ورڈپریس پلگ ان ڈائرکٹری میں موجود ہے) تو آپ خود میپنگز شامل کر سکتے ہیں۔ آپ کا پلگ ان PBS کے ذریعے مکمل طور پر سپورٹ ہو جائے گا!
چونکہ ہم خودکار عمل میں صرف ورڈپریس پلگ ان ڈائرکٹری والوں کے ساتھ کام کریں گے، اس لیے پریمیم پلگ ان اور تھیم بنانے والے شامل نہیں ہوں گے۔ لہٰذا اگر آپ کے پاس ایسا کوئی ہے، تو آپ ان کے لیے بھی اپنی شارٹ کوڈ میپنگز شامل کر سکتے ہیں۔
اور غیر پلگ ان تخلیق کاروں کے لیے، ہم مدد کرنے والوں کو انعام دے سکتے ہیں۔ شارٹ کوڈ میپنگ کو ایک پرکشش کوشش بنانے کے لیے، ہم خوش دلی سے مدد کرنے والوں کو ذاتی لائسنس، یا PBS کے پریمیم لائسنس میں اپ گریڈ سے نواز سکتے ہیں!
ہمارے نیوز لیٹر کے لیے سائن اپ کریں
شارٹ کوڈ میپنگ کی فعالیت ہمارے صارفین کے لیے امکانی طور پر 12 اگست15 اگست 16 اگست 2016 کو دستیاب ہوگی۔ اس وقت تک تمام شارٹ کوڈز میپ نہیں ہوں گے (ہمارا تخمینہ شاید 100 پلگ انز کا ہے)، لیکن میپنگ مسلسل کی جائے گی اور صارفین کو نئے شارٹ کوڈز جاری ہوتے ہی ملتے رہیں گے۔
شارٹ کوڈ میپنگ سے متعلق خبریں حاصل کرنے کے لیے، کہ ہم اسے کب ریلیز کریں گے، اور ہم شارٹ کوڈ میپنگ کو عوام کے لیے کب کھولیں گے، ہمارے نیوز لیٹر کے لیے سائن اپ کریں!
پچھلے جنوری میں ورژن 4.0 کے اجراء کے بعد، ہم نے PBS کی ڈویلپمنٹ پر کام جاری رکھا ہے، جس میں فکسز اور بہتری دونوں شامل کی گئی ہیں۔ ہم انہیں آپ کے ساتھ شیئر کرنے کے لیے پرجوش ہیں، تو پیشِ خدمت ہے وہ سب کچھ جو ہم نے ورژن 4.1 اپ ڈیٹ کے لیے تیار کر رکھا ہے۔
فارمیٹنگ بار کی بہتریاں
تازہ ترین 4.1 اپ ڈیٹ ٹیکسٹ فارمیٹنگ بار کے گرد گھومتی ہے۔ بگز کے بہت سے مسائل حل کرنے کے علاوہ، ہم نے بار میں کچھ ایسی چیزوں کو بھی بہتر کیا ہے جو PBS کے ساتھ آپ کے تجربے کو زیادہ ہموار اور موثر بنائیں گی۔
کلر پکر اپ ڈیٹس
PBS کے ابتدائی ورژنز میں، کلر پکر میں کچھ مسائل تھے جو ایڈیٹنگ کے عمل میں کسی حد تک دشواری کا باعث بنتے تھے، خاص طور پر جب ٹیکسٹ اور ٹیکسٹ کے رنگ میں ترمیم کی بات آتی تھی۔ تاہم v4.1 کے لیے، ہم نے اس مسئلے کو حل کر دیا ہے اور پریشانی سے پاک ٹیکسٹ ایڈیٹنگ کے لیے نئی تبدیلیاں کی ہیں۔
آسان رنگ منتخب کرنے کے لیے مزید کلر سویچز
کلر پکر اب شفافیت بھی دکھاتا ہے
ٹیکسٹ کے رنگ میں ترمیم کے حوالے سے بگ فکسز
ٹیکسٹ فارمیٹنگ اپ ڈیٹس
پہلے، ہمارے پاس کچھ ایسے بٹن تھے جن پر آپ کو قدر بڑھانے کے لیے بار بار کلک کرنا پڑتا تھا، پھر گھٹانے کے لیے CTRL/CMD دبا کر کلک کرنا پڑتا تھا۔ ہم نے شروع میں سوچا تھا کہ یہ طریقہ فطری ہے، لیکن صارفین کا کہنا ہے کہ یہ واضح نہیں تھا۔ ہم نے اس اپ ڈیٹ میں ان متضاد پہلوؤں کو درست کر دیا ہے۔
لائن کی اونچائی (Line height) تک رسائی اب زیادہ آسان ہے: اپنے مطلوبہ سائز کے مطابق ایڈجسٹ کرنے کے لیے سلائیڈر کو ڈریگ کریں، یا دی گئی جگہ میں بس اپنی پسند کا سائز درج کریں
فونٹ سائز کے بٹن کو آسان استعمال کے لیے دو بٹنوں میں تقسیم کر دیا گیا ہے: کم کرنا اور بڑھانا
فونٹ سائز کو بڑھانا/کم کرنا بھی اب زیادہ قابل رسائی ہے، اب آسان ایڈیٹنگ کے لیے پیمائش کی اکائی کے طور پر px موجود ہے۔ پہلے، یہ ایک ”x“ یونٹ دکھاتا تھا جس کا درحقیقت کوئی مطلب نہیں تھا
بائیں/درمیان/دائیں/جسٹائفائی الائنمنٹ بٹنوں کو اب ایک ساتھ گروپ کر دیا گیا ہے تاکہ نظر آنے والے بٹنوں کی تعداد کم ہو سکے
”کلیئر فارمیٹنگ“ بٹن اب دوسرے اسٹائلز (جیسے line-height) کو بھی صاف کرتا ہے، جو یہ پہلے نہیں کرتا تھا
ہوریزونٹل رول کی بہتریاں
اس سے پہلے، ہوریزونٹل رول کچھ مسائل پیدا کر رہی تھی۔ بعض تھیمز کے ساتھ، افقی لکیریں اتنی چھوٹی تھیں کہ ان پر کلک کرنا مشکل تھا۔ اس کو درست کرنے کے لیے، ہم نے فارمیٹنگ بار سے ہوریزونٹل رول کو ہٹا کر اسے اس کے اپنے آزاد ایلیمنٹ میں تبدیل کر دیا ہے۔ اس کے علاوہ، اب آپ کلر پکر کے ذریعے اس لکیر کا رنگ بھی تبدیل کر سکتے ہیں۔
مستقبل کی اپ ڈیٹس: PBS کے لیے آگے کیا ہے؟
جیسا کہ ہم نے کہا، ہمارے پاس ابھی بھی نئی چیزیں (اور مزید اپ ڈیٹس) پائپ لائن میں ہیں۔ مستقبل میں ہم آپ کے لیے کیا لانے والے ہیں اس کی ایک چھوٹی سی جھلک یہ ہے:
گوگل فونٹس (بالآخر!)
ہم اس خیال پر غور کر رہے ہیں کہ ٹیکسٹ فارمیٹنگ بار محض صرف فارمیٹ کرنے کی جگہ سے بڑھ کر ہوٹیکسٹ۔ کیا ہو اگر بٹن موجودہ سیاق و سباق کی بنیاد پر تبدیل ہو جائیں؟ مثال کے طور پر، یہ کافی شاندار ہوگا اگر کالم کے اندر کسی ٹیکسٹ میں ترمیم کرتے وقت عمودی الائنمنٹ کا بٹن ظاہر ہو جائے۔
آپ مستقبل کے PBS اپ ڈیٹس میں کیا دیکھنا پسند کریں گے؟
ہم PBS کو بہتر بنانے کے لیے ہمیشہ تیار رہتے ہیں، اس لیے اگر آپ کے پاس کوئی تجاویز ہیں، تو ہم سے رابطہ کریں! کیا آپ کے پاس کوئی ایسی فیچر کی درخواست ہے جسے آپ ہماری بڑھتی ہوئی فہرست میں شامل کرنا چاہتے ہیں؟ کوئی اور چیز جس کے بارے میں آپ کا خیال ہو کہ موجودہ ورژن میں کچھ ایڈجسٹمنٹ کی ضرورت ہے؟ ہمیں نیچے تبصروں میں بتائیں!
تصور کریں: آپ کی پہلی ورڈپریس ویب سائٹ، بالآخر فعال اور چل رہی ہے۔ آپ نے مہینوں میں خود کو اتنا کامیاب کبھی محسوس نہیں کیا تھا۔ آپ خود کو ایک مستحق شاباش دیتے ہیں، اور وہ لوگ بھی جنہوں نے آپ کی محنت کے ثمر کو حاصل کرنے میں مدد کی۔ آپ اپنی ضرورت کے پلگ انز انسٹال کرتے ہیں، اور اپنی ویب سائٹ کے مستقبل کے لیے مزید منصوبہ بندی شروع کرتے ہیں۔ یہ روشن دکھائی دیتا ہے، اور سب کچھ بہت اچھا چل رہا ہوتا ہے۔
یہاں تک کہ وہ انہونی ہو جاتی ہے جس کا گمان بھی نہ تھا۔ اور آپ کی سائٹ کریش ہو جاتی ہے۔
آپ اپنے تئیں کندھے اچکاتے ہیں۔ آپ نے بہترین لوگوں کے ساتھ بھی اس قسم کے واقعات ہونے کے بارے میں سن رکھا ہے۔ ارے، آپ کو یقین ہے کہ مارک زکربرگ اور ڈیوڈ کارپ کے ساتھ بھی پہلے ایسا ہو چکا ہوگا، اور وہ دونوں اب بالکل ٹھیک ہیں، ہے نا؟
چنانچہ آپ اسے دوبارہ فعال کرنے کی کوشش کرتے ہیں، اور حل کے لیے افراتفری میں گوگل کرتے ہیں۔ یہ پہلی کوشش میں کام نہیں کرتا۔ یہ دوسری بار بھی کام نہیں کرتا– نہ تیسری، نہ چوتھی، نہ سترہویں، اور نہ ہی بائیسویں بار۔ آپ کی آنکھیں یہ احساس ہوتے ہی کھلی رہ جاتی ہیں کہ آپ کا سب کچھ برباد ہو چکا ہے؛ آپ کی ویب سائٹ ہمیشہ کے لیے جا چکی ہے۔ آپ کسی حل کے لیے ویب چھان مارتے ہیں، لیکن رہنمائی کرنے والی تقریباً تمام سائٹس ایک ہی بات کہتی ہیں:
آپ کو شروع ہی سے اپنی ورڈپریس فائلوں کا بیک اپ لے کر رکھنا چاہیے تھا۔
آپ کو شروع ہی سے اپنی ورڈپریس فائلوں کا بیک اپ لے کر رکھنا چاہیے تھا۔
آپ کو شروع ہی سے اپنی ورڈپریس فائلوں کا بیک اپ لے کر رکھنا چاہیے تھا۔
کسی ویب سائٹ کے مالک کے بدترین ڈراؤنے خوابوں میں سے ایک۔ یہ بالکل وہی چیز ہے جس سے ہم بچنا چاہتے ہیں، تو ہم اس سے کیسے بچیں؟ خیر، جواب قدرے آسان ہے: ہمیں ایک اچھا بیک اپ پلگ ان انسٹال کرنے کی ضرورت ہے۔
wp-content فولڈر میں موجود فائلیں (آپ کی تھیم، پلگ انز اور اپ لوڈز)
ورڈپریس کنفیگریشن فائل
آپ کا ورڈپریس ڈیٹا بیس
بیک اپ کی قدرے مزید وضاحت
صرف ورڈپریس آپ کی سائٹ کے لیے اپنے سیکیورٹی اور بیک اپ سسٹم کے ساتھ نہیں آتا (اگرچہ آپ انہیں دستی طور پر ترتیب دینا سیکھ سکتے ہیں– لیکن اس میں کافی وقت لگے گا)، اس لیے پیچیدگیوں کو کم کرنے کا طریقہ تلاش کرنا آپ پر منحصر ہے۔ اپنی سائٹ کو اپ ڈیٹ کرنا ہمیشہ ضروری ہوتا ہے (اگر آپ اس میں کوئی نئی چیز شامل کرنا چاہتے ہیں، جیسے کوئی دوسرا پلگ ان، یا اگر آپ کچھ ہٹانا چاہتے ہیں)، اور بیک اپ لازمی ہیں، الا یہ کہ آپ ڈیٹا کھونا چاہتے ہوں (جو آپ نہیں چاہتے)۔ اپنی سائٹ کا بیک اپ لینے اور سیکیورٹی سخت کرنے کی دیگر وجوہات میں اس بات کا اطمینان شامل ہے کہ یہ ہیکرز سے محفوظ رہے، اور کوئی بھی آپ کی سائٹ کا ڈیٹا چوری نہ کر سکے۔
”اس کے لیے بھی ایک پلگ ان موجود ہے۔“
ورڈپریس میں ہر قسم کی خصوصیات کے لیے بے شمار پلگ انز موجود ہیں، جن میں (جی ہاں، آپ کا اندازہ درست ہے) سیکیورٹی اور بیک اپ کے اقدامات کے لیے بھی کئی پلگ انز شامل ہیں۔ ان میں سے منتخب کرنے کے لیے بھی بہت سے پلگ انز ہیں؛ زیادہ مقبول پلگ انز میں سے چند ایک BackupBuddy اور UpDraftPlus ہیں۔ ان پلگ انز (اور مزید) کے جائزے تقریباً ہر جگہ دستیاب ہیں، اس لیے پریشان نہ ہوں – انٹرنیٹ کا جادو آپ کے ساتھ ہے۔ ذاتی طور پر، ہم درج ذیل وجوہات کی بنا پر سیکیورٹی اور بیک اپ دونوں کے لیے VaultPress استعمال کرتے ہیں:
VaultPress کو Automattic نے بنایا ہے– جس کی بنیاد Matt Mullenweg– وہی شخص جس نے خود ورڈپریس کی بنیاد رکھی تھی۔ Automattic کی زیادہ تر پروڈکٹس اور سروسز اگر تمام نہیں تو فول پروف ہیں، اور ان پلگ انز کو سبسکرائب کرنا کبھی بھی برا خیال نہیں ہوتا جنہیں پہلے ہی آزمایا اور پرکھا جا چکا ہے۔
زیادہ تر بیک اپ پلگ انز کے برعکس، VaultPress کو اسٹوریج کی جگہ درکار نہیں ہوتی۔ وہ آپ کا مواد اپنے سرورز پر محفوظ کرتے ہیں تاکہ آپ کو اپنے ویب ہوسٹ کی طرف سے ”آپ سرور کی بہت زیادہ جگہ گھیر رہے ہیں“ کا کوئی نوٹس نہ ملے۔
سادگی۔ اسے استعمال کرنے کے لیے، آپ کو بس اپنے UI میں لاگ ان کرنے کی ضرورت ہے، اور آپ وہاں سے اپنی تمام بیک اپ تفصیلات دیکھ سکتے ہیں اور کام انجام دے سکتے ہیں۔
اب، چونکہ VaultPress ہمارے ذاتی معیارات پر پورا اترتا ہے، اس لیے یہ ہمارے لیے بالکل درست کام کرتا ہے۔ تاہم، اگر آپ VaultPress سے مطمئن نہیں ہیں، تو بہت سی سائٹس – جیسے کہ WPBeginner اور wpmudev — موازنہ اور تقابل کے عمومی مضامین پیش کرتی ہیں اگر آپ کو فیصلہ کرنے میں کوئی اور دشواری پیش آئے۔
سب کچھ آپ پر منحصر ہے
بالآخر، اپنی ویب سائٹ کو محفوظ بنانے اور اس کا بیک اپ لینے یا نہ لینے کا فیصلہ آپ پر منحصر ہے۔ کچھ لوگوں کو اعتماد ہوتا ہے کہ وہ کسی غیر محفوظ سائٹ کے پیش کردہ خطرات کا سامنا کرنے کے قابل ہوں گے… اور کچھ لوگوں کو نہیں ہوتا – اور یہ ٹھیک ہے۔ بہر حال، پچھتانے سے احتیاط بہتر ہے۔
آپ جس فیصلے پر بھی قائم رہیں، ہمیشہ اپنے اختیارات کا بغور جائزہ لینا یاد رکھیں۔ بہر حال، صرف آپ ہی یہ اندازہ لگا سکتے ہیں کہ آپ کس چیز کو سنبھالنے کے اہل ہیں۔
Keeping your audience reeled into your page (and successfully generating leads) is a different story altogether, though.
Don’t get us wrong. Lots of sites can achieve this without a worry, but that’s usually because they spend a significant amount of time and research doing just that.
In contrast, some sites admittedly have a little trouble pulling it off, and more often than not, some of them don’t know where to begin. But don’t worry – Page Builder Sandwich will try to lend you a hand with that very same thing.
Why is it Important to Generate Leads?
One crucial thing to remember is that generating leads takes more than just buying a domain and setting a website up.
Now, before we get too into it, take note that Page Builder Sandwich isn’t a marketing website.
لیکن بہرحال، یہ جاننا ضروری ہے کہ لیڈز پیدا کرنے کے پیچھے باقاعدہ ایک سائنس ہے، اور اگرچہ ہم خود ڈیجیٹل مارکیٹرز نہیں ہیں، لیکن یہ سمجھنا اہم ہے کہ لیڈز کی کامیاب تبدیلی کا تعلق ڈیزائن اور مواد کے درست نفاذ سے بھی ہوتا ہے۔ یہیں پر ہم آپ کے کام آتے ہیں۔
”لیکن آپ لوگ اس سب کے مارکیٹنگ پہلو میں کس طرح مدد کر سکتے ہیں؟“
Great question! A few weeks ago we began corresponding with Straight North, a blog that specializes in digital marketing and lead conversion. They’ve given us some really tips which we hope you guys find helpful in your site-building journey.
Now, remember thatthere could belots of factors as to why your website isn’t generating the amount of leads you’d like. The first step is toidentify what these factors are, and hopefully, this list can help you out with doing just that.
TIP #1: Create Content that Stimulates Action
According to Straight North, 84% of website conversions occur on the first visit, and only 11% convert in the second.
دوسرے لفظوں میں، پہلا تاثر بہت اہمیت رکھتا ہے۔
بالکل اسی طرح جیسے برے آڈیشنز کے نتیجے میں اداکاروں کو مرکزی کردار نہیں ملتے، آپ کی ویب سائٹ پر کسی کا پہلا دورہ آپ کو بنا بھی سکتا ہے یا بگاڑ بھی سکتا ہے۔
That’s why it’s you and your team’s job to try and convince people to stay glued to your page.
Straight North suggests that posting copy and content (both text and images) is a great way to catch your visitors’ attention. Remember to always allot sufficient time to research on what makes good copy and good content, and never underestimate either.
یہاں چند ویب سائٹس دی جا رہی ہیں جو کامیاب لیڈز پیدا کرنے کے آپ کے سفر میں آپ کی مدد کر سکتی ہیں:
Wow your site visitors by using interactive PBS elements like the Carousel, or use Parallax Scrolling, and Video Backgrounds to catch their attention. Remember to execute their placement in a balanced way though, as to not overwhelm your audience.
TIP #2: Intuitive Navigation
In the realm of web development and site-building, intuitiveness in the user interface (or UI) is key.
This means that when your visitors or users find their way around your site byintuition (i.e. easy site-navigation and straightforward instructions), they’re more likely to stay glued on your site.
اب، اگر آپ کی ویب سائٹ کو براؤز کرنا ایک مایوس کن تجربہ ثابت ہوتا ہے، تو امکان ہے کہ آپ کے زائرین اتنی دیر تک وہاں نہیں رکیں گے کہ وہ سن سکیں کہ آپ کو کیا کہنا ہے، اور آپ کے پاس انہیں پیش کرنے کے لیے کیا ہے۔
Straight North adds thatgetting too “clever and creative” with navigation labels is a bad idea,and suggest that you use terms like “Contact Us” for call-to-action buttons, rather than using vague labels like “Interact!” or “Dialog.” Remember thatbombarding your site with too much jargon can cause frustration to your audience as well.
So as long as navigating through your website comes to the user assecond nature, then you have one less thing to worry about when trying to convert leads.
How PBS Can Help:
Page Builder Sandwich’s UI is highly intuitive, and is akin to using a Word processor (like Google Docs and Microsoft Word). Check out ourdemo to get some inspiration on how you can apply intuitive changes to your site, too!
OTHER PAGE BUILDERS
…have too much stuff going on.
PAGE BUILDER SANDWICH
…gets straight to the point.
TIP #3: Use Relevant, Custom Imagery
Your images and how they’re presented also matter, and they matter a lot.
While it may seem trivial to some, uploading boring stock images, stretched out/pixelzed photos, or badly-presented typography is a huge factor that dictates whether your visitors stay on your site, or move to a better, more credible-looking alternative.
How PBS Can Help:
Because it’s WordPress-run,PBS lets you post high-quality photos in your website. As long as you have the right image dimensions, you shouldn’t have a problem with posting photos.
Additional lifehack: You can also check out Pexels.com and Unsplash.com to get awesome, high-quality stock photos!
TIP #4: Persuasive Credibility Elements
Skepticism is ahuge conversion killer.
That’s why more often than not, it’s always a good idea to add in elements that back up your credibility as a website (or business), like testimonials from credible sources, and logos of reputable companies or groups that you’ve worked with.So use customer testimonials, show logos of well-known customers, and include third-party mentions in your content.
How PBS Can Help:
Use PBS features to vouch for you. Display your customers’ testimonials in a Carousel, or use the Featurette element to showcase third-party mentions, or make use of the column element to effectively display logos of your well-known customers (like in the graphic above).
TIP #5: Get Personal!
Straight North says thatusing a lighter, casual tone makes all the difference when writing content (such as articles and bio’s) on your site. This lets your users know that you’re human too, and not just some bot trying to get a run for their money (which we hope you aren’t).
How PBS Can Help:
While this part is entirely up to you and your team, it wouldn’t hurt to use elements such as the Featurette, Gallery, and Image Box to liven up your bio’s as well. Adding in other PBS elements like Social Media Icons can help put a personal touch to your pages, too.
PBS’ Industry Template makes full use of the Image Box Elements for its About Us and Feature Sections.
TIP #6: Irresistible Calls-to-Action
Calls-to-Action (CTA) are a crucial part of generating leads.
You will FAIL to capture first-visit conversions unless you ASK. – Straight North
Just asking isn’t enough, though. According to Straight North, your calls-to-action should be executed both “skillfully and persuasively”.
The trick is to have effective Calls-to-Actions plus a good combination of smart consistent placement, offers that give off substance, time-sensitive offers (giving them offers for a set, limited time will give them a sense of urgency), and most importantly, guaranteed offers.
You want your site to trust you. “Take away all arguments for delay, and conversions will increase”, Straight North says.
How PBS Can Help:
PBS’ Call-to-Action Button – as well as other elements such as the Countdown and Page Heading element – can help ease your burden regarding this task.
Executing them correctly is up to you and your team though, so make sure to give time to research about CTA placements and other marketing tips.
یہاں کچھ وسائل ہیں جو آپ کی CTA حکمت عملی کو بہتر بنانے میں مدد کر سکتے ہیں:
آپ کی ویب سائٹ پر کسی فارم کے ذریعے کسی شخص کا آپ کو اپنی معلومات جمع کروانا ہی بالآخر کامیاب لیڈ کنورژن کا پیمانہ ہے۔
This is why placing user-friendly contact forms on your site is of the utmost importance. They’re the ultimate “make-or-break stage of a great conversion opportunity”, says Straight North.
A couple of PBS’ third-party plugins available for shortcode mapping
So don’t intimidate your site visitors by overwhelming them with too many question forms, or have them exhaust too much energy, like having them type long sentences instead of choosing their answers from a drop-down list.
Letting them know that you value their privacy is also a must. Be sure to place clean, good-looking forms on your site so as to boost credibility.
TIP #8: Prominently Displayed Phone Numbers (or Contact Details)
Contact number and social media buttons displayed prominently in PBS’ Restaurant Template
اگر آپ کا ایسا کاروبار ہے جو فون کالز کے ذریعے مدد فراہم کرتا ہے تو فون نمبروں کا مستقل اور نمایاں ڈسپلے لازمی ہے۔ اسٹریٹ نارتھ (Straight North) مزید کہتا ہے کہ ٹول فری نمبروں میں سرمایہ کاری آپ کی کنورژن کو بھی کافی فروغ دے سکتی ہے۔
اگر آپ ہماری طرح ایک ٹیک کمپنی ہیں، تو اپنی ویب سائٹ پر اپنا ای میل ایڈریس (یا دوسرے طریقے جن سے آپ کے زائرین آپ تک پہنچ سکتے ہیں) ڈسپلے کرنا بھی ایک اچھا خیال ہے۔
How PBS Can Help:
PBS’ Full Page Niche-Based Templates have fields that let you feature phone numbers and other contact information more prominently, so that your visitors can reach you right away.
TIP #9: Continuous Testing
Straight North attests to the importance of site maintenance and testing: “No matter how good your website is in converting leads, it can always be better.”
یہ بات کسی بھی ویب سائٹ کے لیے درست ہے، نہ کہ صرف اس کے لیے جو لیڈز کو تبدیل کرنے کی کوشش کر رہی ہو۔ اس بات کو یقینی بنانا کہ آپ کی سائٹ بہترین حالت میں ہے اور آپ کے صارفین ہمیشہ خوش ہیں، آپ کے کاروبار کو طویل سفر طے کرنے میں مدد دے گا۔
How PBS Can Help:
This one is up to you, but if you’d like a tip: the PBS Team continuously tests the site and page builder for any bugs, and always work to make sure you guys are satisfied. We don’t exactly have a feature for making sure you do regular tests on your site, so this one’s entirely up to you and your team.Do it, and do it well!
TIP #10: Mobile-Friendly Design
Almost everyone has a cellphone or tablet; but whileonly 23 percent of lead conversion rates comefrom mobile devices, it absolutely will not do to ignore any sort of potential conversions, no matter the percentage (leads are still leads, after all).
“Users converting from desktop view may have seen the site initially on a mobile device,” Straight North says. “Mobile conversions are (also) likely to grow as mobile Internet access continues to soar at the expense of desktops.”
You can preview your site on mobile view directly on desktop
How PBS Can Help:
Page Builder Sandwich is Mobile Responsive. You can view PBS-built sites on mobile, as well as check previews of your mobile site directly through desktop while editing. This way, you won’t have to keep switching to your phone in order to check if your site looks good on mobile.
Everything Matters in Site-Building
At the root of it all, it’s very, very important to understand that everything on your website – down to the smallest of details – has an impact on your audience.
The quality of your copy, images, your layout – all of it matters, and it matters a lot.
اور لیڈز پیدا کرنے کی کوشش کرتے وقت لوگ جو سب سے بڑی غلطیاں کرتے ہیں ان میں سے ایک یہی چیز ہے: ویب سائٹ کی تشکیل کرنے والے چھوٹے چھوٹے پہلوؤں (جیسے ڈیزائن، متن، اور دیگر مواد) کو معمولی یا غیر اہم سمجھ لینا۔
Hopefully your website garners the success it very well deserves; it’s been built with PBS, after all.
آپ کو اور آپ کی تمام تر کوششوں کے لیے نیک تمنائیں، اور ہمیشہ کی طرح، Page Builder Sandwich استعمال کرنے کے لیے آپ کا شکریہ!
We’ve been getting quite a few inquiries the past week about Pre-Design Sections (and by extension, the PBS Templates), what they are, and how they can be accessed.
So in this article, we’ll be teaching you how to not only access them, but also how to maximizethese features of Page Builder Sandwich: By customizing them and making them your own.
Accessing the Pre-Designed Sections
If you aren’t familiar yet, all you have to do to access the Pre-Designed sections is to hover your mouse onto the left side of your screen, and access the Elements Inspector. This is the sidebar that lets you drag and drop elements directly onto your content area.
Say hello to the Elements Inspector!
Once it’s accessed, simply scroll down to the bottom and select Pre-Designed Sections. A library of the sections will pop up. Select one from the collection, drag and drop, and it’ll show up on your content area, like so:
From here, you can move the elements within the section around, or move the entire thing and adjust its position. And there you have it! You’ve selected a Pre-Designed Section from Page Builder Sandwich.
Now it’s time to add in your own twist:By customizing and tweaking with the elements’ settings within the selected section.
Customizing the Pre-Designed Sections
Each element’s setting within any one Pre-Designed section can be edited and customized according to your website’s needs and your personal taste.
This means everything included in your selected Pre-Designed section – like text, colors, images, buttons,everything– can be edited and tinkered with byyou.
لہٰذا مثال کے طور پر، اگر آپ نیچے پہلے سے ڈیزائن کردہ ڈیفالٹ سیکشن میں ڈیفالٹ نیلے سبز شیڈ اور گندم کے کھیت کی تصویر سے مطمئن نہیں ہیں…
You can adjust it. For instance, if I wanted a different background tint on the left:
Or if you wanted to replace the image of the wheat field on the right:
Or even change thebutton style, margin, padding, andfont:
…You can.
موازنے کے لیے:
Default PBS Pre-Designed Section
The same Pre-Designed Section, completely tweaked and customized. Notice the different font, color scheme, button style, photo, and margin width. You can actually take this further, and let your imagination run wild.
Here are a few more examples on how you can spice up our Pre-Designed Sections
DefaultPre-Designed Section from Sandwich
The same Pre-Designed Section, customized
You can do it with our Full-Page Templates, too:
DefaultTemplate from Sandwich
The same Template, customized
Conclusion
Page Builder Sandwich کے پہلے سے ڈیزائن کردہ سیکشنز آپ کی سوچ سے کہیں بڑھ کر ہیں۔
Tweak and customize them to make them completely your own, or even use them as a starting point for when you don’t want to design your page from the ground up.
یاد رکھیں، Page Builder Sandwich کم وقت میں ڈیزائن کرنے میں آپ کی مدد کے لیے موجود ہے۔ ہمارے پہلے سے ڈیزائن کردہ سیکشنز اور مکمل صفحے کے ٹیمپلیٹس کا بھرپور فائدہ اٹھانا آپ کو بالکل یہی کرنے میں مدد دے گا۔
Design in less time!
Get access to Sandwich’s Pre-Designed Sections, Templates, and a whole lot more.
4 جولائی سے 6 جولائی 2017 تک Page Builder Sandwich کے تمام لائسنسز پر 20% رعایت حاصل کریں! آج ہی اپنی رعایت حاصل کرنے کے لیے بس پرومو کوڈ 4JULY2017 درج کریں!
پچھلے جنوری میں ورژن 4.0 کے اجراء کے بعد، ہم نے PBS کی ڈویلپمنٹ پر کام جاری رکھا ہے، جس میں فکسز اور بہتری دونوں شامل کی گئی ہیں۔ ہم انہیں آپ کے ساتھ شیئر کرنے کے لیے پرجوش ہیں، تو پیشِ خدمت ہے وہ سب کچھ جو ہم نے ورژن 4.1 اپ ڈیٹ کے لیے تیار کر رکھا ہے۔
تصور کریں: آپ کی پہلی ورڈپریس ویب سائٹ، بالآخر فعال اور چل رہی ہے۔ آپ نے مہینوں میں خود کو اتنا کامیاب کبھی محسوس نہیں کیا تھا۔ آپ خود کو ایک مستحق شاباش دیتے ہیں، اور وہ لوگ بھی جنہوں نے آپ کی محنت کے ثمر کو حاصل کرنے میں مدد کی۔ آپ اپنی ضرورت کے پلگ انز انسٹال کرتے ہیں، اور اپنی ویب سائٹ کے مستقبل کے لیے مزید منصوبہ بندی شروع کرتے ہیں۔ یہ روشن دکھائی دیتا ہے، اور سب کچھ بہت اچھا چل رہا ہوتا ہے۔
