Author: Neil Lock

  • په ۲۰۱۸ کې د وېبپاڼې د ډیزاین ۴ تېروتنې چې تاسو باید ترې ډډه وکړئ

    If there’s one thing you need to remember when building a website, it’s to never take good design for granted.

    As we’ve mentioned in a previous article, a site visitor’s first impression on your website can make or break you in just a matter of seconds.

    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.

    د دې خبرې په پام کې نیولو سره، ډاډ ترلاسه کړئ چې د ویب ډیزاین دا ۴ عامې تېروتنې په ذهن کې وساتئ. په دې توګه، کله چې تاسو په پای کې د خپلې ویب پاڼې جوړول پیل کړئ، نو تاسو به د اندېښنې لپاره یو شی کم ولرئ.

    لومړۍ تېروتنه: له ۳ څخه د زیاتو فونټونو کارول

    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.

    د خپلې ویب پاڼې فونټونه تر لږترلږه ۳ پورې ساتل یو عمومي ډیزایني دود دی چې د مسلکي کسانو لخوا رعایت کېږي. سربېره پردې، دا ستاسو د سایټ د لوستلو اسانتیا او دوام کچه لوړوي، کوم چې ستاسو د سایټ د ټرافیک د بریا لپاره کلیدي دي.

    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.

    Mistake #2: Failing to Use White Space

    White space is one of the most important aspects of web design. But what is it?

    Put simply, white space is literally the empty space between elements in a composition.

    In other words, it’s negative space. This pertains to anything on your website that isn’t filled with text, photos, or other design elements.

    Now, the problem arises when website owners want to fill all 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 visitors absolutely 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.

    Try Live Preview

    This week’s useful resource:

    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) دا غوره د رنګونو لارښود وګورئ.

    Canva Design Wiki

    خپل خلاقیت راڅرګند کړئ.

    د کینوا د رنګونو لارښود وګورئ

  • نسخه ۳.۰: بیا فکر کول چې د پاڼې جوړوونکی څنګه باید کار وکړي

    version-3-0-rethinking-how-a-page-builder-should-workدا ۱۰ میاشتې کېږي چې موږ Page Builder Sandwich عامو خلکو ته وړاندې کړی دی. موږ اوس شاوخوا ۶،۰۰۰ فعال انسټالونه لرو، او دا زموږ لپاره خورا لویه لاسته راوړنه ده. موږ د دې له امله بې‌شمېره نظریات هم ترلاسه کړي، هم ښه او هم بد. خو ټولیز نظر دا دی چې خلک د نورو شته پاڼه جوړوونکو په پرتله د لي‌آوټونو جوړولو او د خپل مینځپانګې رامنځته کولو له اسانتیا څخه خوند اخلي.

    ډېری ترلاسه شوي نظرونه د ځانګړتیاوو غوښتنې وې، او موږ په تېرو څو میاشتو کې ډېرې دغه ځانګړتیاوې اضافه کړې. خو څومره چې موږ دا کار کاوه، موږ ورو ورو په دغه بهیر کې د کاروونکي انټرفیس هم بدلول پیل کړل. او، په پایله کې، موږ د کاروونکي تجربه هم بدله کړه… د بدتر لوري ته. خبره دې حد ته ورسېده چې موږ اړ شو په انټرفیس بیا له سره فکر وکړو، ځکه چې دا نور په اسانۍ او روان ډول کار نه کاوه، او بېلابېلو ځانګړتیاوو هم له دې سره سمون نه خوړ.

    له منځه تللی انټرفیس

    د PBS په پخوانیو نسخو کې، موږ غوښتل چې هر څه د بټنو په بڼه وي. ولې؟ ځکه چې بټنې کارول اسانه دي. تاسو یوازې… پر هغوی کلیک کوئ. د انسپکټر په پخوانیو نسخو کې (په پورتني انځور کې د غاړې پټه)، په یوې بټنې کلیک کول به ارزښت زیات کړ، او shift+کلیک به هغه کم کړ. دا کافي اسانه ښکاري. خو د کاروسیلونو، ټبونو، نقشو او نورو نویو عناصرو او بڼو په زیاتېدو سره، هغه ټولې بټنې د بېلابېلو ډیزاینونو لرونکو شبیهونو په یوه ګډوډه ټولګه بدلې شوې، او د یوه ښه انټرفیس پر ځای تر ډېره د هیروګلیفونو په څېر ښکارېدلې. دا د تجربه لرونکو کاروونکو لپاره ستونزه نه وه، خو که تاسو په PBS کې نوي وئ، کتل ورته خورا وېروونکي وو.

    ورپسې، په انسپکټر کې یو څو ستونزې راڅرګندې شوې. اصلي مفکوره دا وه چې هر څه ساده او د انسپکټر دننه چمتو وي. او له هر څه څخه زما مطلب هر څه و – د متن له سرلیکونو جوړولو نیولې، د شالید د رنګونو تر بدلولو، د فونټ تر رنګونو، او نورو پورې. په خپل اوسني حالت کې، انسپکټر اوس خورا ډېر انتخابونه لري چې تاسو اړ باسي د موږک څرخ پرله‌پسې پورته او ښکته سکرول کړئ. دا له هغه انسپکټر څخه خورا توپیر لري چې ما وړاندې هیله درلوده د کاروونکو لپاره یې جوړ کړم.

    په پای کې، موږ په دې وروستیو کې ستاسو د خوښې پلګینونو لپاره د شارټ‌کوډ میپنګ. دې ځانګړتیا موږ اړ کړو چې د متن ساحې، د شمېرو سلایډرونه، چیک بکسونه، او نور نوي ډوله انتخابونه جوړ کړو چې ستاسو د شارټ‌کوډ ایډیټ کولو تجربه لا خوندوره کړي. په پیل کې، دا یو ښه نظر و، او هو، دې ستاسو لپاره د شارټ‌کوډونو سمبالول اسانه کړل. مګر بیا هم، دا ځانګړتیا زموږ له «یوازې بټنو» انټرفیس څخه واوښته. په تېر ته په کتو سره، د شارټ‌کوډ د ځانګړتیاوو بدلولو لپاره یوازې د بټنو کارول واقعاً ناممکن و. اوس، په وروستۍ نسخه کې، موږ له ۲ ډوله کنټرولونو سره مخ شو: بټنې او د شارټ‌کوډ ساحې.

    یو څو نور دلایل هم شته چې موږ یې دې پرېکړې ته ورسولو چې زموږ انټرفیس نور اغېزمن نه و (یا زموږ د اړتیاوو لپاره مناسب نه و)، خو پورتني ټکي اصلي ټکي دي. که څه هم یو شی تل باوري و: موږ پوهېدو چې باید انټرفیس نوی کړو.

    د دې تعریف کول چې یو پاڼه جوړوونکی باید په ایډیال ډول څنګه کار وکړي

    پر ځای د دې چې سمدلاسه کار پیل کړو او شیان بدل کړو، موږ سل ګامه شاته ولاړو ترڅو د پاڼې جوړوونکي ټولې تجربې ته یوه کتنه وکړو. موږ غوښتل انټرفیس ته نوی ژوند وروبښو. ریښتیا ووایم، موږ نه غوښتل کال په کال د هغې بیا رغولو ته دوام ورکړو. دا خورا ستړی کوونکی دی او یقیناً د ورډپریس ټولنې ته د پام وړ مرسته نه رسوي. دا ځل، موږ پرېکړه وکړه چې شیان په ارامۍ او احتیاط سره ترسره کړو. موږ د Page Builder Sandwich هر کونج او هغه څه مطالعه کړي چې دا یو ښه پاڼه جوړوونکی جوړوي، او په پای کې مو د ایډیټ کولو ټوله تجربه په څو اصلي مفاهیمو کې روښانه او تشریح کړه.

    لومړی اړین مفهوم: د شیانو ایډیټ کولو لپاره نېغ په نېغه ستاسو په مینځپانګه کې ټایپ کول

    د یوه پاڼه جوړوونکي د لګولو یو له اصلي لاملونو څخه د ورډپریس د شالید (backend) د متن ایډیټر له محدودیتونو څخه خلاصون دی. دا د دې مانا نه لري چې د بېک‌اینډ ایډیټر ښه نه دی، مګر کله چې تاسو خپلې ویب پاڼې جوړوئ، دا تاسو ته سمدلاسه نه ښیي چې ستاسو ویب پاڼه به ستاسو د سایټ لیدونکو ته څنګه ښکاري، او نه هم تاسو ته اجازه درکوي چې خپله مینځپانګه له یوه ستوني لي‌آوټ څخه بهر ترتیب کړئ. تاسو یوازې هلته خپل متن او ځینې انځورونه لیدلی شئ، خو هېڅ پرمختللي توکي (د بېلګې په توګه د اړیکې فورمې) نه ښکاري. تاسو کولی شئ شارټ‌کوډونه اضافه کړئ، هو، خو دوی به په خپل رینډر شوي شکل ونه ښودل شي*.

    * د دې حل لپاره د نورو لخوا پلګینونه جوړ شوي لکه Shortcake UI، مګر دا له اصلي موضوع بهر دی.

    دلته دی چې د فرنټ‌اینډ (front end) پاڼه جوړوونکي رامنځته کېږي. دوی د ایډیټ کولو تجربه له شالید څخه باسي او فرنټ‌اینډ ته یې راوړي، په داسې حال کې چې تاسو خپل سایټ کټ مټ په هغه ډول ایډیټ کوئ لکه څنګه چې ستاسو لیدونکي به یې په رښتیا وویني. لکه څنګه چې پیپین به یې بیان کړي: هغه څه چې تاسو یې ګورئ همغه څه ترلاسه کوئ (WYSIWYG).

    د فرنټ‌اینډ ایډیټر بله ښه ځانګړنه دا ده چې دا تاسو ته اجازه درکوي خپل متن نېغ په نېغه ایډیټ کړئ. په سرلیکونو او پراګرافونو کې ټایپ کول د ویب پاڼې په جوړولو کې د معمولي ورډ پروسیسر کارولو اسانتیا رامنځته کوي. بټنې او د ټب لیبلونه هم باید یوازې پر هغوی د کلیک کولو او ټایپ کولو له لارې د بدلېدو وړ وي.

    دا هغه برخه ده چې ډېری نور پاڼه جوړوونکي پکې ښه نه ځلېږي. د دوی ډېری تاسو اړ باسي چې د هر څه د ایډیټ کولو لپاره د متن دننه په یوه ساحه کې ټایپ وکړئ. بیا هم، دا باید په ریښتینو فرنټ‌اینډ پاڼه جوړوونکو کې داسې نه وي. نېغ په نېغه د متن ټایپ کول او ایډیټ کول د دویمې نسخې راهیسې د Page Builder Sandwich یو پیاوړی ټکی و، او موږ ډاډ ترلاسه کړ چې دا لاهم په درېیمه نسخه کې خوندي وساتل شي.

    دویم اړین مفهوم: د چټکو بدلونونو لپاره د موږک کارول

    موږک یوه پیاوړې وسیله ده چې ډېری وخت په پاڼه جوړوونکو کې له پامه غورځول کېږي. ډېری وختونه، پاڼه جوړوونکي دا یوازې د دې لپاره کاروي چې خلکو ته اجازه ورکړي شیان راښکته کړي او په بېلابېلو ځایونو کې یې واچوي، یا پر بټنو یا د انپټ ساحو باندې کلیک وکړي. که څه هم دا سمه ده، خو د پاڼې جوړولو له پلوه ډېر داسې کارونه شته چې تاسو یې د موږک په مرسته ترسره کولی شئ.

    لومړی دا چې د پاڼې د ایډیټ کولو وسیلې په توګه د موږک کارول په زړه پورې لیدلوری غبرګون وړاندې کوي، په ځانګړي توګه د بصري ځانګړتیاوو لکه حاشیو (margins)، پیډینګونو او اندازو په تنظیمولو کې. اوس، ستاسو د عناصرو سمول یوه طبیعي تجربه ګرځي.

    د PBS په درېیمه نسخه کې، تاسو به وکولی شئ د خپل موږک په کارولو سره یو شمیر شیان تنظیم کړئ. تاسو کولی شئ د انفرادي عناصرو ترمنځ حاشیې/فاصلې، ستاسو د ستنو دننه پیډینګونه، او همدارنګه د انځورونو، شبیهونو او نقشو اندازې تنظیم کړئ. موږ هغه بټنې هم په سلایډرونو بدلې کړې دي چې تاسو ته د عددي ارزښتونو د بدلولو اجازه درکوي.

    درېیم اړین مفهوم: د متن سټایل باید اسانه وي

    که تاسو له خپل مانیټر څخه یو ګام شاته شئ، تاسو به وګورئ چې ډېری هغه څه چې تاسو یې په خپلو ویب پاڼو کې اضافه کوئ متن دی. هو، موږ هلته انځورونه او شبیهونه لرو چې ورسره یوځای شي – او په دې وروستیو کې موږ په خپلو سایټونو کې لوی انځورونه اضافه کولو ته تمایل لرو. مګر د مهمو محتویاتو ډېری برخه ټول متن دي: سرلیکونه، نښه شوي لستونه (bullet lists)، پراګرافونه، اقتباسونه، او نور. د دې تر څنګ دا ده چې موږ څنګه خپل متن زموږ د ډیزاینونو سره سم سټایل کوو. موږ یا د دوی اندازې او رنګونه بدلوو، یا یې بولډ (bold) یا اېټالیک (italic) کوو. دا د دې لپاره دي چې زموږ محتوا زموږ اړوندو لوستونکو ته د لوستلو وړ، اړونده او په زړه پورې وي.

    ځکه چې موږ ډیری وخت متن سټایل کوو، هغه بټنې چې موږ ته د سټایلونو بدلولو اجازه راکوي باید خورا اسانه لاسرسي ولري. دوی باید د یوه پاپ اپ بکس دننه پټ نه وي چې موږ اړ شو لومړی یې پرانیزو. ډیری پاڼه جوړوونکي له دې ستونزې سره مخ دي. د دې لپاره چې د دوی د کاروونکي انټرفیس د ‘بې ګډوډۍ’ په توګه ونومول شي، حتی خورا کارول شوي انتخابونه هم له سترګو پټ ساتل شوي دي.

    د دې د حل لپاره، موږ تر ټولو ډېرو کارول شویو ورډ پروسیسرونو ته کتنه وکړه. موږ ولیدل چې دوی معمولا د سکرین سر ته نږدې یو قطار د بې‌شمېره بټنو سره لري چې د متن فارمټ کولو لپاره کارول کېږي او د ۳ نسخې لپاره مو همدا ډول ترتیب نقل کړ. موږ اوس د متن د سټایل کولو د ټولو بټنو یو قطار لرو چې تل ستاسو د سکرین په سر کې شتون لري. دا چاره د متن سټایل کول خورا ګړندي او په متن ایډیټ کولو کې ستاسو دویم فطرت ته نږدې کوي.

    څلورم اړین مفهوم: پرمختللي سټایل انتخابونه باید انعطاف منونکي خو د پوهېدو وړ اسانه وي

    د یوه پاڼه جوړوونکي وروستۍ پایله دا ده چې باید خلکو ته اجازه ورکړي چې په اسانۍ سره زړه راښکونکي ډیزاینونه رامنځته کړي. دا پدې مانا ده چې موږ باید د یو ستونزمن زده کړې بهیر له رامنځته کولو پرته، ډېر بېلابېل ترتیبات او انتخابونه چمتو کړو. د حاشیو، پیډینګونو او د متن سټایل کولو وړتیا خورا ښه ده، مګر دا یوازې دومره کار کولی شي. تاسو به د کار سرته رسولو لپاره ډېرو مفصلو انتخابونو ته اړتیا ولرئ، د شالید انځورونو، نمونو (patterns)، سرحدونو (borders)، ثابتو شالیدونو او نورو په څېر انتخابونه. په دې ټولو بېلابېلو ترتیباتو کې راګیرېدل ممکن لږ مغشوشوونکی وي، نو موږ ځینې یې ساده کړي او په کټګوریو کې مو منظم کړي ترڅو په درېیمه نسخه کې شیان لا اسانه او د کاروونکي دوستانه کړي.

    پنځم اړین مفهوم: د شارټ‌کوډ ملاتړ

    په پای کې، راځئ چې هېر نه کړو چې زموږ پاڼه جوړوونکی د ورډپریس پر سر ولاړ دی. موږ باید دا پلیټفارم او د هغې ځانګړتیاوې ومنو او محدودې یې نه کړو او نه ترې واوړو. یوه لویه ځانګړنه چې ورډپریس یې وړاندې کوي شارټ‌کوډونه دي. دا پدې مانا نه ده چې ټوله مینځپانګه باید له شارټ‌کوډونو څخه جوړه شي – دا به بې ترتیبه وي – مګر پرځای یې موږ باید یوازې له هغوی سره مطابقت ولرو. ډېری پلګینونه او تیمونه شارټ‌کوډونه کاروي، او دا به خورا لوی زیان وي که موږ دا ټول له پامه وغورځوو. په حقیقت کې، شارټ‌کوډونه کاروونکو ته د پاڼو جوړولو په برخه کې ترټولو ډېر انعطاف ورکوي.

    موږ څو اوونۍ وړاندې خپل د شارټ‌کوډ میپنګ سیسټم معرفي کړ، او د دې له امله موږ د سلګونو پلګینونو څخه په سلګونو شارټ‌کوډونه نقشه کړل. موږ د ورډپریس پلګین ډایرکټرۍ کې موندل شویو ترټولو مشهورو پلګینونو ته لومړیتوب ورکړی، نو امکان شته چې تاسو به په خپلو سایټونو کې ورسره مخ شئ. دا په درېیمه نسخه کې یوازې پیاوړې شوې، او موږ به د پرمختګ په لاره کې دې ته دوام ورکړو.

    پایله

    موږ پورته ټولې اړینې ځانګړتیاوې اخیستې او د Page Builder Sandwich په ۳ نسخه کې مو ځای پر ځای کړې دي. دا د ورډپریس لپاره تر دې دمه ترټولو غوره پاڼه جوړوونکی دی چې موږ جوړ کړی دی. دا خورا روان او په کارولو کې ډېر طبیعي دی، ډېر ګړندی کار کوي، کارول یې اسانه دي، او د پخوا په پرتله ډېر دوستانه دی.

    که تاسو د پاڼې جوړوونکي د کومې اړینې ځانګړتیا په اړه کوم فکر لرئ، لاندې یې په تبصره کولو سره موږ ته ووایاست.

  • #PBSUpdate: ۲۰۰٪ د فعالیت زیاتوالی او نوي عناصر

    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

    زموږ د خوښې خبره د دې ۴ نویو عناصرو په اړه دا ده چې دوی د دې وړتیا لري چې د بشپړې ویب پاڼې برخې په چټکۍ او مؤثره توګه رامینځته کړي، پرته له دې چې عناصرو ته یو په یو د PBS کاري ساحې ته راښکلو ته اړتیا وي. موږ به تاسو ته د مختلفو سټایلونو څخه د غوره کولو فرصت هم درکړو ترڅو تاسو د خپلو ډیزاین اړتیاوو سره سم د دې دریو نویو عناصرو دودیز کولو لپاره ډیر ځای ولرئ.

    Spacer Element

    د اړتیا وړ ځای ترلاسه کولو لپاره د عناصرو حاشیې تنظیم کول اسانه دي. د فاصلې عنصر (spacer) د دې لپاره د یو بدیل په توګه کارول کیدی شي. دا په ځانګړي توګه ګټور دی که تاسو غواړئ ځینې قطارونه د ګرځنده تلیفون په سکرینونو کې ډیر کوچني نه شي.

    Featurette Element

    د فیچرېټ (featurette) عنصر ستاسو د پاڼې د برخو په خورا چټکۍ جوړولو لپاره کارول کیدی شي. پدې برخو کې کیدی شي هیرو سرلیکونه، د کاروونکو تاوېدونکي نظرونه (carousel 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 ټولو کاروونکو لپاره، ستاسو د دوامداره ملاتړ لپاره زموږ لخوا هم ډېره مننه.

    موږ به ډیر ژر نور تازه معلومات هم خپاره کړو (پشمول د نورو تر څنګ زموږ د ژمنه شوې Google Fonts ځانګړتیا)، نو په تمه یې اوسئ!

    تر هغه وخته پورې، د PBS ټیم لخوا د سایټ په خوښۍ جوړول درته غواړو!

  • د Page Builder Sandwich لومړۍ کلیزه په ډېر جوش او ولولې سره لمانځل!

    pbs-v4-ad-3 هو، بالکل سم دی: پېج بلډر سنډوېچ (Page Builder Sandwich) خپله لومړۍ کلیزه د ۲۰۱۷ کال د جنوري په ۱۴ نېټه لمانځي. زموږ د روان رخصتیو تخفیف (د محدود وخت لپاره ۳۰٪ تخفیف، پرته له پرومو کوډ څخه) ترڅنګ، PBS ستاسو لپاره ځینې حیرانوونکي شیان چمتو کړي دي، او ټیم یې له هرچا سره شریکولو ته بې صبره دی.

    په تېر یو کال کې، موږ د خپلو ښه ملګرو، ځینو ډېرو ګټورو بیاکتنو، او په د PBS سلیک ټولنه کې زموږ د نویو موندل شویو ملګرو د ملاتړ له برکته خورا وده کړې ده. موږ تاسو نه شو هېرولی – پخپله د PBS کاروونکي، چې موږ سره یې تر دې پړاوه په رسېدو کې مرسته کړې ده. نو د لمانځلو لپاره، موږ فکر وکړ: تاسو ته د لا غوره تجربې ورکولو لپاره د PBS نسخې 4.0 خپرېدو پرته نوره څه غوره لار کېدای شي؟ د خوښۍ نغمې وغږوئ.

    که مو پام نه وي شوی، اوسنۍ نسخه، نسخه 3.0، کې ځینې لوی بدلونونه او پرمختګونه راغلي دي. په دې کې پاکه، اسانه او د کاروونکي لپاره لا زیاته مناسبه بڼه، او د ځواب ویلو غوره وړتیا شامله ده. مګر د 4.0 نسخې لپاره، موږ به لا غوره شیان ور اضافه کړو! نو چمتو اوسئ، ځکه چې د جنوري په میاشت کې د راتلونکي ریلیز سره به هرڅه خورا په زړه پورې، ښکلي او فعال شي.

    د بشپړ مخ ټیمپلیټونو فیچر

    زموږ د مهمو فیچرونو په لیست کې لومړی نوي بشپړ مخ ټیمپلیټونه دي. که څه هم PBS معمولاً د هر ډول بېلابېلو پاڼو جوړولو لپاره کارول کېږي، موږ په جدي توګه دا په پام کې نیولې ده چې زموږ کاروونکي خپل سایټونه په بېلابېلو برخو کې چلوي (او له همدې امله بېلابېل ډول ویب پاڼې لري). بالاخره بېلابېل کاروونکي بېلابېلې اړتیاوې لري، که د سوداګرۍ لپاره وي که د شخصي هڅو لپاره وي. له همدې امله موږ پریکړه کړې چې د بشپړ مخ ټیمپلیټونو راتلونکي فیچر سره دې مسلې ته رسیدګي وکړو.

    pbs-v4-ag-2 نو دا د بشپړ مخ ټیمپلیټونه څنګه کار کوي؟ خورا ساده. د 4.0 نسخې لپاره، موږ به یو شمېر عالي ټیمپلیټونه خپاره کړو. دا به په بېلابېلو کټګوریو ووېشل شي؛ هر یو به د یوې ځانګړې موضوع لپاره ډیزاین شوی وي. په ټیمپلیټونو کې به د شرکتي پاڼو، پورټفولیوګانو، ای کامرس سایټونو، یا یوازې عادي شخصي بلاګونو لپاره عناصر، خاکې او ځانګړتیاوې شاملې وي (د نورو ترڅنګ) ترڅو هر ډول سایټ چې تاسو ورته اړتیا لرئ، په بشپړ ډول ورسره سمون ولري.

    نو د مثال په توګه، که تاسو یو رستورانت چلوئ او د دې ډول سوداګرۍ لپاره یوې پاڼې یا ویب پاڼې ته اړتیا لرئ، تاسو کولی شئ په ساده ډول د رستورانت ټیمپلیټ وټاکئ. او له دې امله چې PBS د انعطاف منونکي تنظیم کولو اجازه درکوي، تاسو به بیا هم وکولی شئ دا په خپلې خوښې بڼه کړئ. او څرنګه چې ستاسو غوره شوی ټیمپلیټ (پدې حالت کې، ستاسو رستورانت) به له ځانګړو فیچرونو سره راشي چې په ځانګړي ډول د رستورانت اړوند سوداګریز سایټ لپاره ډیزاین شوي، دا به د PBS داسې عناصر هم ولري چې د دې ډول سایټ اړتیاوې پوره کوي: لکه د مینو لپاره یوه بشپړه برخه، د تحویلۍ فیچر، او د ټولنیزو رسنیو تڼۍ، او نور ډېر څه. اوس د خپلې ځانګړې څانګې لپاره داسې یو څه تصور کړئ – که تاسو یو کارپوریټ دفتر، یا شخصي سوداګري چلوئ، یا حتی یوازې پورټفولیو لرئ – اندېښنه مه کوئ. د 4.0 نسخې سره، موږ به د هغو لپاره هم ټیمپلیټونه خپاره کړو. بې له شکه چې دا به ستاسو په راتلونکي سایټ جوړولو کې خورا په درد وخوري!

    ډېر عناصر، ډېر غوراوي

    د نویو بشپړ مخ ټیمپلیټونو ترڅنګ، موږ نور ډېر څه هم لرو چې راروان دي! لکه څنګه چې موږ تل وایو، PBS له دې امله شتون لري چې موږ باور لرو د حیرانوونکو او ښایسته شیانو جوړول اړین نه دي چې هغومره ستونزمن وي څومره چې هرڅوک فکر کوي. دې ټکي ته په پام سره، موږ تاسو هڅوو چې زموږ نورو راتلونکو فیچرونو ته یوه کتنه وکړئ، ترڅو تاسو پخپله ووینئ چې په PBS سره به تاسو کومې پاکې او په زړه پورې پاڼې او سایټونه جوړولی شئ!

    د پارالاکس شالیدونه

    پارالاکس سکرولنګ یو داسې تخنیک دی چې ستاسو د براوزر لپاره د شالید یو بې ساري، درې بعدي اغېز رامنځته کولو لپاره کارول کېږي. دا د هرې ویب پاڼې لپاره د پام وړ ښکلا رامنځته کوي، او کله چې په سمه توګه ترسره شي، کولی شي خامخا ستاسو د لیدونکو شمېر زیات کړي. لا هم قانع نه یاست؟ د FireWatch دا په زړه پورې ویب پاڼه وګورئ چې د پارالاکس اثر په بشپړ کمال سره پلي کوي.

    د ویډیو شالیدونه

    د ویډیو شالیدونه هم په ویب پاڼو کې یو مشهور اثر دی، په ځانګړې توګه په کور پاڼو، لېنډینګ پاڼو، او هیرو هیډرونو کې. دا هم ورته حیرانوونکي دي، او یو دلیل شته چې ولې دومره ډېر خوښیږي، پر موږ باور وکړئ! او د PBS د وروستي تازه کولو سره، تاسو به دا چانس ولرئ چې د ویډیو شالیدونه هم وازمویئ. وړاندې لاړ شئ او د لیدونکو راجلبولو او د سایټ د لا زیاتو لیدنو ترلاسه کولو لپاره ترې ګټه واخلئ!

    د نېټې معکوس شمېرنه

    د 4.0 نسخې لپاره، موږ به بشپړ نوی د نېټې معکوس شمېرنه (Date Countdown) هم خپور کړو. پدې کې به ستاسو اساسي فیچرونه شامل وي لکه دقیقه نېټه او وخت ټاکل چې تاسو یې معکوس شمېرنه کوئ، او ورسره د تل په څېر د انعطاف وړ تنظیم کولو غوراوي چې موږ ډاډه یو تاسو به یې خوښ کړئ.

    ټولنیزې نښانې

    غواړئ خپل لیدونکي وهڅوئ چې په ټولنیزو رسنیو کې ستاسو د لیکنو په اړه خبرې خپرې کړي؟ مه وېرېږئ، ځکه چې PBS ستاسو تر څنګ دی! د نوو ټولنیزو نښانو سره، لوستونکي به وکولی شي د یوې تڼۍ په ساده کلیک سره ستاسو ویب پاڼه او ستاسو محتوا شریکه کړي.

    خو موږ ستاسو لپاره نور څه هم لرو! په دې کې شامل دي:

    • ستاسو په محتوا کې د پوسټونو اضافه کولو وړتیا
    • د پرمختګ بارونه
    • د شمېرو پورته شمېرنه
    • د WooCommerce، Advanced Custom Fields (ACF)، او Contact Form 7 لپاره عناصر
    • د پیرودونکو نظریات
    • د بیو جدولونه
    • د اقدام غوښتنه (Click to action)
    • د انځور بکسونه
    • د نښانو بکسونه
    • د انځورونو وړیا لټون او ډاونلوډ
    • د دودیز CSS اضافه کولو وړتیا
    • …او نور ډېر څه!

    ځواب ویلو وړتیا

    او بالاخره، د دې ټولو نوو په زړه پورې فیچرونو ترڅنګ، PBS به په لا ښې ځواب ویلو وړتیا (Responsiveness)

    pbs-v4-ag-1 په تېر کې، په موبایل کې ستاسو د PBS پاڼې لیدل او سمول کوم اسانه کار نه و – د فونټونو اندازې برابرې نه وې، انځورونه متناسب نه و – په ټولیز ډول، موږ پوهېدو چې باید په موبایل کې د PBS پر UI کار وکړو، او دا هغه څه دي چې موږ په دقیق ډول ترسره کړي دي. موږ پر دې ځانګړي فیچر کار کړی او داسې مو برابر کړی چې نه یوازې د UI له نظره ډېر ښکلی دی، بلکې لا اسانه او د لاسرسي وړ هم دی. اوس به تاسو وکولی شئ پرته له کوم تکلیف څخه په موبایل کې خپل سایټ وګورئ او ایډیټ یې کړئ. ستاسو سترګې به خامخا ستاسو منندویې وي، او ستاسو لیدونکي به هم همداسې وي.

    لا اسانه، لا غوره، لا حیرانوونکی.

    په پای کې، موږ له PBS څخه ستاسو د ټول ملاتړ او وفادارۍ څخه په کلکه مننه کوو، او هیله لرو چې تاسو به زموږ په څېر خوښ او هڅند یاست، ځکه چې موږ ټول د یوې عالي تجربې په لور روان یو!

    نو ایا دا راتلونکي تازه معلومات ستاسو هیلې پوره کوي؟ ایا د v4 لپاره بل کوم وړاندیز لرئ؟ موږ ته لاندې تبصره ولیکئ او موږ به وګورو چې څه کولی شو!

    د v4 (او نورو په زړه پورې شیانو) په اړه د لا زیاتو خبرونو ترلاسه کولو لپاره، لاندې د ‘Subscribe’ تڼۍ په کلیک کولو سره زموږ په خبرپاڼه کې ګډون وکړئ! اندېښنه مه کوئ – تاسو کولی شئ هر وخت ګډون لغوه کړئ.

    په دې هیله چې د رخصتیو ښې ورځې مو تېرې کړې وي،

    د PBS ټیم

    د سایټ جوړولو ښې چارې!

  • څنګه پخپله د 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 maximize these 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 by you.

    نو د بېلګې په توګه، که تاسو لاندې په اصلي مخکې ډیزاین شوې برخه کې د اصلي آبي-شین رنګ او د غنمو د پټي له انځور څخه خوښ نه یاست…

    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 the button style, margin, padding, and font:

    …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

    Default Pre-Designed Section from Sandwich

    The same Pre-Designed Section, customized

    You can do it with our Full-Page Templates, too:

    Default Template 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.

    Try Live Preview
  • ۱۰ لارې چې ستاسو سایټ کولی شي د احتمالي پېرودونکو په جلبولو کې غوره شي او څنګه PBS کولی شي تاسو سره پدې کې مرسته وکړي

    Page Builder Sandwich helps you, well… build websites.

    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 that there could be lots of factors as to why your website isn’t generating the amount of leads you’d like. The first step is to identify 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.

    دلته څو وېبپاڼې دي چې ممکن د بریالي لیډونو رامنځته کولو په لور ستاسو په سفر کې مرسته وکړي:

    How PBS Can Help:

    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 by intuition (i.e. easy site-navigation and straightforward instructions), they’re more likely to stay glued on your site.

    اوس، که ستاسو په وېبپاڼه کې ګرځېدل یوه ستونزمنه او نهیلي کوونکې تجربه وي، دا چانس شته چې ستاسو لیدونکي دومره اوږد پاتې نشي چې واوري تاسو څه ویل غواړئ او څه شی ورته وړاندې کوئ.

    Straight North adds that getting 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 that bombarding 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 as second 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 our demo 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 a huge 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 that using 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 لوبې په پیاوړي کولو کې مرسته وکړي:

    TIP #7: User-Friendly Forms

    ستاسو په وېبپاڼه کې د فورمې له لارې تاسو ته د یو شخص لخوا د خپلو معلوماتو سپارل په حقیقت کې هغه څه دي چې د لیډ بریالی بدلون اندازه کوي.

    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.

    How PBS Can Help:

    With PBS’ Shortcode Mapper feature, you can place awesome, reputable contact forms like Advanced Custom Fields (ACF) and Contact Form 7 on your site.

    TIP #8: Prominently Displayed Phone Numbers (or Contact Details)

    Contact number and social media buttons displayed prominently in PBS’ Restaurant Template

    د تلیفون شمېرو دوامداره او څرګند ښودل اړین دي که تاسو داسې یو سوداګري لرئ چې د تلیفون زنګونو له لارې ملاتړ وړاندې کوي. سټریټ نارت زیاتوي چې په وړیا شمېرو (toll-free) کې پانګونه هم کولی شي ستاسو د تبدیلۍ کچې ته ښه وده ورکړي.

    که تاسو زموږ په څېر د ټیکنالوژۍ شرکت یاست، نو دا هم یو ښه نظر دی چې په خپله وېبپاڼه کې خپل د برېښنالیک پته (یا نورې لارې چې لیدونکي کولی شي تاسو سره اړیکه ونیسي) وښایئ.

    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 while only 23 percent of lead conversion rates come from 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 کارولو لپاره مننه!

    د سایټ جوړول مو مبارک شه!

  • د PBS تازه کول: نسخه ۴.۱ او د کارولو اسانتیا

    تېر جنوري د 4.0 نسخې له خپرېدو وروسته، موږ د PBS پر پراختیا کار ته دوام ورکړ، او دواړه سمونونه او ښه والي مو ور زیات کړل. موږ خوشحاله یو چې دا له تاسو سره شریکوو، نو دلته هغه څه دي چې موږ د 4.1 نسخې د تازه کولو لپاره چمتو کړي دي.

    د فارمټینګ بار ښه والي

    وروستی 4.1 تازه کول د متن د فارمټینګ بار شاوخوا راڅرخي. د ډېرو بګونو د ستونزو حلولو ترڅنګ، موږ په بار کې ځینې شیان هم ښه کړي دي چې باید له PBS سره ستاسو تجربه لا ډېره اسانه او اغېزمنه کړي.

    د رنګ ټاکونکي تازه معلومات

    د PBS په پخوانیو نسخو کې، د رنګ ټاکونکي ځینې ستونزې لرلې چې د سمون په بهیر کې یې یو څه خنډ جوړاوه، په ځانګړي توګه کله چې د متن او د متن د رنګ سمون ته راغله. په هرصورت د v4.1 لپاره، موږ دا ستونزه حل کړې ده، او د متن له ستونزو پرته د سمون لپاره مو نوي تنظیمات کړي دي.

    • د رنګ اسانه ټاکلو لپاره د رنګ نورې نمونې
    • د رنګ ټاکونکی اوس شفافیت هم ښیي
    • د متن رنګ سمولو اړوند د بګونو حل

    د متن د فارمټینګ تازه معلومات

    مخکې، موږ ځینې تڼۍ لرلې چې تاسو باید د ارزښت زیاتولو لپاره په مکرر ډول پرې کلیک کړی وای، او بیا د کمولو لپاره CTRL/CMD نیول او کلیک کول اړین وو. موږ په پیل کې فکر کاوه چې دا اسانه او مستقیمه ده، مګر کاروونکو وویل چې دا روښانه نه وه. موږ په دې تازه کولو کې دا متضاد شیان سم کړي دي.

    • د کرښې لوړوالي ته اوس اسانه لاسرسی: سلایډر کش کړئ ترڅو خپلې خوښې اندازې ته یې برابر کړئ، یا په ساده ډول هغه اندازه چې غواړئ په ورکړل شوي ځای کې ولیکئ
    • د فونټ اندازې تڼۍ په دوه تڼیو ووېشل شوه: د اسانه کارونې لپاره کمول او زیاتول
    • د فونټ اندازې زیاتول/کمول هم د لا ډېر لاسرسي وړ دي، اوس د اسانه سمون لپاره د اندازې کولو واحد په توګه px لري. مخکې، دا د “x” واحد ښودلو چې واقعیا یې کومه معنی نه درلوده
    • د چپ/منځ/ښي/برابر سمون تڼۍ اوس یوځای ډلبندي شوي ترڅو ښودل شوې تڼۍ کمې کړي
    • د “فارمټ پاکول” تڼۍ اوس نور سټایلونه هم پاکوي (لکه line-height)، چې مخکې یې دا کار نه کاوه

    د افقي کرښې ښه والي

    مخکې، افقي کرښې ځینې ستونزې رامنځته کولې. په ځینو بڼو (themes) کې، افقي کرښې دومره کوچنۍ وې چې کلیک کول پرې سخت وو. د دې د حل لپاره، موږ افقي کرښه د فارمټینګ بار څخه لرې کړه او خپل یو ځانګړي عنصر ته مو بدله کړه. د دې سربېره، تاسو اوس کولی شئ د رنګ ټاکونکي له لارې د کرښې رنګونه هم بدل کړئ.

    راتلونکي تازه معلومات: د PBS لپاره څه په پام کې نیول شوي دي؟

    لکه څنګه چې موږ وویل، موږ لاهم په نویو شیانو (او نورو تازه معلوماتو) کار کوو. دلته یو لنډ نظر دی چې موږ په راتلونکي کې ستاسو لپاره څه په پام کې لرو:

    • ګوګل فونټونه (په پای کې!)
    • موږ په دې نظر کار کوو چې د متن فارمټینګ بار یوازې د متن د فارمټ کولو ځای نه وي بلکې تر دې ډېر څه وي. څه که چیرې تڼۍ د اوسني حالت له مخې بدلې شي؟ د مثال په توګه، دا به ډېره ښه وي که د عمودي سمون تڼۍ هغه وخت راښکاره شي کله چې تاسو په یوه کالم کې دننه یو څه متن ایډیټ کوئ.

    تاسو غواړئ په راتلونکو PBS تازه معلوماتو کې څه وګورئ؟

    موږ تل د PBS ښه کولو لپاره چمتو یو، نو که تاسو کوم وړاندیزونه لرئ، موږ ته خبر راکړئ! ایا تاسو د کوم نوي فیچر غوښتنه لرئ چې غواړئ زموږ په پراخېدونکي لیست کې اضافه شي؟ بل کوم شی شته چې فکر کوئ په اوسنۍ نسخه کې ممکن سمون ته اړتیا ولري؟ موږ ته یې لاندې تبصرو کې ولیکئ!

    د سایټ جوړونه مو مبارک شه!

  • چیرته چې مسایل یو څه تخنیکي کیږي: موږ څنګه د شارټ کوډ مېپینګ خپله بڼه رامنځته کړه

    How-We-Made-Our-Version-Of-Shortcode-Mapping-Happen-2په تېرې مقالې کې، موږ د شارټ کوډ میپنګ (نقشې جوړولو) اساسات او دا چې تاسو څنګه کولی شئ د هغې غوره ګټو ته لاسرسی ومومئ، بحث کړی دی. موږ پریکړه وکړه چې هغه مقاله جلا کړو چې د شارټ کوډ میپنګ د Page Builder Sandwich بڼه ښیي، ځکه چې لاندې لیکنه ممکن یو څه نوره هم تخنیکي شي.

    لاندې زموږ د شارټ کوډ میپنګ فیچر د داخلي فعالیت لا ژور توضیحات او دا چې موږ دا څنګه کار ته چمتو کړه، وړاندې شوي دي.

    یو اتوماتیک بهیر

    د دې لپاره چې پریکړه وکړو چې کوم پلګ انونه په شارټ کوډ میپر کې شامل کړو، موږ یو اتوماتیک سکریپټ جوړ کړ چې د لاندې معیارونو پر بنسټ به د ورډپریس پلګ ان ډایرکټرۍ کې غوره پلګ انونه راټول کړي:

    • د ۱،۰۰۰ مشهورو، لوړې درجې لرونکو او تازه شویو پلګ انونو ترمنځ، لږترلږه د ۴،۰۰۰ فعالو انسټالونو سره،
    • لږترلږه د ۴،۰۰۰ فعالو انسټالونو سره،
    • لږترلږه د ۲۰ درجه بندیو سره، او؛
    • لږترلږه د ۳ ستورو اوسط درجه بندۍ سره

    موږ هره ورځ دا پوښتنه د ورډپریس پلګ ان ډایرکټرۍ ته ورکوو. دا فلټرونه ډاډ ورکوي چې موږ د هغو ښه کیفیت لرونکو پلګ انونو لیست ترلاسه کوو چې ډیری خلک یې کاروي. د دې مقالې د لیکلو پر مهال، دغو معیارونو ۸۰۰ پلګ انونه په ګوته کړل. دا ډېر زیات دي. واقعاً، خورا زیات.

    Some of the most popular plugins detected for shortcode mapping.
    ځینې خورا مشهور پلګ انونه چې د شارټ کوډ میپنګ لپاره کشف شوي دي.

    موږ بیا د هر پلګ ان په سورس کوډ باندې یو لړ اتوماتیکې پلټنې چلوو ترڅو معلومه کړو چې آیا دا کوم شارټ کوډونه لري، او بیا موږ هڅه کوو چې دا ټول شارټ کوډونه د هغوی د ټولو ځانګړتیاوو (attributes) په ګډون ومومو. د ډیټا تحلیل په پایله کې، له ۲،۰۰۰ څخه زیات شارټ کوډونه ترلاسه شول. دوه چنده حیرانوونکی! کشف شوي شارټ کوډونه بیا د لاسي کتنې لپاره د شارټ کوډ میپنګ ډیټابیس ته داخلیږي.

    د دې بهیر په پای کې، موږ د پلګ انونو یو خورا لوی لیست او د هغوی احتمالي شارټ کوډونه ترلاسه کوو. اوس خبره یوازې د دې ډیټا پاکولو ده ترڅو ډاډ ترلاسه شي چې هرڅه سم دي.

    یو لاسي بهیر

    دا شاید د ټول میپنګ سیسټم تر ټولو سخته برخه وي. د پلګ ان کوډ په بېلابېلو بڼو او اندازو کې راځي، زموږ د سکریپټونو لخوا ټول شارټ کوډونه په اتوماتيک ډول نه کشف کیږي. سره له دې چې د ورډپریس کوډکس (WordPress Codex) وایي چې د شارټ کوډ ځانګړتیاوو د فلټر کولو لپاره باید د `shortcode_atts` فنکشن وکارول شي، دا یوازې یوه سپارښتنه ده او هرڅوک یې نه کوي. همدارنګه د پلګ ان د انسټال پر مهال د شارټ کوډ د داخلي برخو د کتلو لپاره کومه سل په سلو کې باوري لار شتون نلري.

    د دې لپاره چې ډاډ ترلاسه کړو چې موږ ټول شارټ کوډونه او د هغوی ځانګړتیاوې په سمه توګه ترلاسه کوو، موږ د فرنټ اینډ یوه برخه جوړه کړه چې د شارټ کوډونو او ځانګړتیاوو ایډیټ کولو ته وقف شوې ده او د AngularJS او Bootstrap په کارولو جوړه شوې ده.

    Bootstrap & AngularJS interface for fixing up all the mapped shortcodes.
    د ټولو میپ شویو شارټ کوډونو د سمولو لپاره Bootstrap & AngularJS انټرفیس.

    موږ باید په لاسي ډول هر یو پلګ ان وګورو او د هغوی د شارټ کوډ مستندات (documentation) وڅېړو او ډاډ ترلاسه کړو چې زموږ ټوله ډیټا سمه ده.

    سره له دې چې دا کار خورا ستونزمن او ستړی کوونکی دی، خو د اتوماتیک بهیر درلودل ځینې ښې خواوې هم لري:

    • زموږ د لومړنیو شمېرو له مخې، په هرو ۲ پلګ انونو کې شاوخوا یوازې ۱ یې شارټ کوډونه لري.
    • د کشف شویو شارټ کوډونو نیمایي هېڅ ځانګړتیاوې نلري (خو د دې یوه برخه ممکن ناسمه مثبته وي)
    • یوازې د ښه کیفیت پلګ انونو په ترلاسه کولو سره، ډېر احتمال شته چې هغوی د شارټ کوډ مستندات ولري

    کله چې د یو پلګ ان ټول شارټ کوډونه وکتل شي، یوازې بیا به سرور کاروونکو ته د هغه پلګ ان د شارټ کوډ میپنګونه وېشل پیل کړي.

    د Rest API یوه غوښتنه

    د معما وروستۍ ټوټه پخپله پلګ ان دی. دلته مفکوره ساده ده: معلومه کړئ چې کوم پلګ انونه فعال دي، سایټ کومه بڼه کاروي او کوم شارټ کوډونه شتون لري، بیا د شارټ کوډ میپنګ ډیټابیس څخه وپوښتئ چې آیا دا میپنګونه لري که نه. د دې لپاره موږ د WP REST API یو ځانګړی انډپواینټ جوړ کړ چې ټول پیرودونکي یې د خپلو وروستیو شارټ کوډ میپنګونو د ترلاسه کولو لپاره پینګ کوي.

    راتلونکی: کراوډ سورسنګ (Crowdsourcing)

    په لاسي ډول د هر پلګ ان چک کول ډېر وخت او هڅو ته اړتیا لري. کله چې د شارټ کوډ میپنګ پلیټفارم باثباته شي، موږ پلان لرو چې د شارټ کوډ میپنګ هرچا ته پرانیزو. دا پدې مانا ده چې هرڅوک کولی شي د شارټ کوډونو په اضافه کولو کې مرسته وکړي.

    تاسو شاید فکر کوئ، «زه ولې د شارټ کوډونو په میپ کولو کې مرسته وکړم؟ زما لپاره پدې کې څه ګټه ده؟» ښه، ځینې ټکي ذهن ته راځي چې ولې به خلک مرسته کول وغواړي:

    1. که تاسو یو پلګ ان جوړ کړی وي، او موږ د پورته معیارونو له امله تر اوسه نه وي موندلی، (او دا د ورډپریس پلګ ان ډایرکټرۍ کې وي) نو تاسو کولی شئ میپنګونه پخپله اضافه کړئ. ستاسو پلګ ان به د PBS لخوا په بشپړ ډول ملاتړ شي!
    2. څرنګه چې موږ به په اتوماتیک بهیر کې یوازې د ورډپریس پلګ ان ډایرکټرۍ له پلګ انونو سره کار لرو، نو د پریمیوم پلګ انونو او تيمونو جوړونکي به پکې شامل نشي. نو که تاسو یو لرئ، نو تاسو کولی شئ د هغو لپاره هم خپل د شارټ کوډ میپنګونه اضافه کړئ.
    3. او د هغو کسانو لپاره چې پلګ ان نه جوړوي، موږ کولی شو هغو کسانو ته جایزه ورکړو چې مرسته کوي. د دې لپاره چې د شارټ کوډ میپنګ یوه په زړه پورې هڅه وګرځوو، موږ کولی شو خوښو مرسته کوونکو ته یو شخصي لایسنس، یا د PBS پریمیوم لایسنس ته د لوړولو امتیاز د انعام په توګه ورکړو!

    زموږ په خبرپاڼه کې نوم لیکنه وکړئ

    د شارټ کوډ میپنګ فعالیت به زموږ د پیرودونکو لپاره په اټکلي ډول د ۲۰۱۶ کال د اګست ۱۲  اګست ۱۵  اګست ۱۶ نېټه خپور شي. تر دې وخته به ټول شارټ کوډونه نه وي میپ شوي (زموږ اټکل شاید ۱۰۰ پلګ انونه وي)، مګر میپنګ به په دوامداره توګه ترسره کیږي او پیرودونکي به یې د نویو په خپرېدو سره سمدستي ترلاسه کړي.

    زموږ په خبرپاڼه کې نوم لیکنه وکړئ ترڅو د شارټ کوډ میپنګ، د هغې د خپرېدو نېټې، او عامو خلکو ته د هغې د پرانیستلو په اړه خبرونه ترلاسه کړئ!

  • د جولای څلورمه مو مبارک شه! د جولای تر ۶مې پورې په ټولو جوازونو ۲۰٪ تخفیف!

    د جولای له ۴ څخه تر جولای ۶، ۲۰۱۷ پورې د Page Builder Sandwich پر ټولو جوازونو ۲۰٪ تخفیف ترلاسه کړئ! نن ورځ د خپل تخفیف ترلاسه کولو لپاره یوازې د پرومو کوډ 4JULY2017 دننه کړئ!

  • په اسانۍ سره د ایمیل خبرپاڼې د نوم لیکنې فورمې اضافه کړئ

    Easily-Add-Email-Newsletter-Signup-FormsAdding an email newsletter sign up form to your site is a great way to grow your website’s following and to keep your website visitors interested in your site or product. And now you can easily add and customize newsletter sign up forms directly in your designs.

    preview-newsletterNew in Page Builder Sandwich is the Newsletter Element (check the short gif above). Now you can add a newsletter sign up form for your MailChimp, AWeber or MailPoet newsletter lists directly into your designs.

    معمولاً، تاسو باید بل پلګین نصب کړی وای، بیا ممکن په کوم ځای کې شارټ کوډ اضافه کړئ، یا باید یو پاپ اپ ته ورشئ او ځینې ساحې ډکې کړئ، یا ممکن تاسو باید د دې لپاره چې ستاسو د خبرپاڼې د نوم لیکنې فورمه کار وکړي یو ویجټ جوړ کړئ. اوس، د خبرپاڼې د نوم لیکنې فورمې اضافه کولو ټولې پېچلتیاوې ختمې شوې دي. یوازې په خپله پاڼه کې د خبرپاڼې عنصر (Newsletter Element) اضافه کړئ، د خپل لیست د API کیليګانې ورزیاتې کړئ او دا به سمدلاسه کار وکړي.

    تاسو کولی شئ خپله د نوم لیکنې فورمه په ساده ډول نوره هم دودیزه کړئ، یوازې د برېښنالیک په ساحه کلیک کولو سره – چیرې چې تاسو کولی شئ د هغې رنګونه، کچه، څنډه او نور ډېر څه بدل کړئ، یا په بټن کلیک وکړئ – بیا نښانونه ورزیات کړئ، د خپلې بټنې اندازه بدله کړئ، یا حتی داسې یې کړئ چې یوازې هغه وخت ښکاره شي کله چې ستاسو لیدونکی د خپل برېښنالیک پته لیکل پیل کړي. تاسو کولی شئ بڼه په بشپړ ډول د خپل ډیزاین سره سمه کړئ. ایا غواړئ چې د کاروونکي د لیکلو پر مهال ساحه رنګ بدل کړي؟ تاسو کولی شئ دا په اسانۍ سره د رنګ ټاکونکي سره ترسره کړئ. ایا یو ساده ډیزاین ته اړتیا لرئ او ساحه یوازې یوه څنډه وي؟ هېڅ ستونزه نشته!

    یو غوره شی دا دی چې د خبرپاڼې عنصر ستاسو په ویب پاڼه کې د کاروونکي جریان نه ګډوډوي. کله چې دوی غړیتوب ترلاسه کړي، پاڼه به بېرته نه تازه کېږي او د نوم لیکنې فورمه به یوازې د “مننه” په پیغام بدله شي. دا پیغام او د هغې رنګونه هم د بدلون وړ دي.

    لکه د Page Builder Sandwich د نورو برخو په څېر، تاسو کولی شئ د خبرپاڼې د نوم لیکنې خپله نوې فورمه هرچېرته چې غواړئ ځای په ځای کړئ، یوازې یې خپلو قطارونو یا بل کوم ځای ته کش کړئ.

    ایا د برېښنالیک لیستونه مهم دي؟

    لنډ ځواب هو دی. تاسو پوهیږئ چې که تاسو د ټویټر حساب ولرئ، نور ټویټر کاروونکي کولی شي په عملي توګه ستاسو “پیرو یا فالو” وکړي او ستاسو ټویټونه به وګوري، د برېښنالیک لیست داسې لاره ده چې ستاسو لیدونکي کولی شي د برېښنالیک له لارې ستاسو ویب پاڼه وڅاري.

    ایا تراوسه د برېښنالیک لیست نه لرئ؟

    If you don’t have a mailing list yet, now is a good time to get started. Getting a newsletter service like MailChimp or AWeber is good since they do the heavy lifting of managing your subscribers and blasting an email to your subscribers easily. They also have newsletter builders that will let you create a newsletter campaign easily. The good thing is they have free plans, so you won’t need to shell out cash in order to try it out.

    If you’re more of a I-like-to-handle-it-myself guy or gal, then you might consider using MailPoet. It’s downloadable free from wordpress.org and they have a paid model as well. With MailPoet, you’ll be able to see your subscribers within your dashboard and you can also send out emails from there. It’s easy to use as well and just takes literally less than 5 minutes to fully set up in your site (Yes, I’ve tried).

    د Page Builder Sandwich په اړه نور معلومات ترلاسه کړئ