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.
Parallaks aylantirishning foydalanuvchiga ta’siri
Biroq, bu usul unchalik yangi emas va aslida 1920-yillardan boshlab an’anaviy animatsiyada qo’llanila boshlangan. U shuningdek Super Mario brothers kabi ko’plab klassik video o’yinlarda ham ishlatilgan.
Veb-dizayn sohasida esa Nike ko’pincha 2011-yilda parallaks aylantirishni birinchilardan bo’lib qo’llagan kompaniya sifatida e’tirof etiladi. O’shandan beri «parallaks aylantirish» (ba’zan «parallaks fon(lar)» deb ham ataladi) atamasi dizaynerlar va dasturchilar orasida keng tarqalgan atamaga aylanib, mashhurligi barqaror oshib bormoqda.
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.
Foydalanuvchiga bundan nima foyda
Ushbu effektning ajoyib tomoni shundaki, u foydalanuvchilarni veb-saytingiz bilan o’zaro aloqaga kirishishga undaydi, foydalanuvchilar bilan hamkorlikni ham, jozibadorlikni ham oshiradi. Va, agar to’g’ri bajarilsa, parallaks aylantirish hatto eng oddiy veb-saytlarga ham jon bag’ishlashi mumkin. Undan hatto saytga tashrif buyuruvchilarning barchasini bir zumda o’ziga jalb qiladigan hayratlanarli hikoyalarni yaratishda ham foydalanish mumkin.
Ishlaringizni biz bilan baham ko’ring!
Xo’sh, siz nima deb o’ylaysiz? PBS v4 versiyasidagi eng yangi parallaks fon xususiyatidan foydalanib ko’rdingizmi? U sizga foyda keltiryaptimi? O’z ishlaringiz havolasini bemalol qoldirishingiz yoki quyidagi izohlar bo’limida takliflaringizni yozishingiz mumkin.
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.
Shunday ekan, veb-dizayndagi ushbu 4 ta keng tarqalgan xatoni yodda tuting. Shunda veb-saytingizni yaratishni nihoyat boshlaganingizda yana bitta tashvishdan xalos bo’lasiz.
1-xato: 3 tadan ortiq shrift ishlatish
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 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.
Nima demoqchi ekanligimizni tushunish uchun quyidagi ikkita misol bilan tanishing.
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.
Dizayn intuitiv va mantiqiy ketma-ketlikka ega: birinchidan, tashkilot o’zini tanishtiradi va auditoriyaga asosiy ma’lumotlarni beradi; masalan, u nima haqida va nima bilan shug’ullanishi kabi. Ikkinchidan, ishonchlilikni oshirish uchun ishonchli raqamlarni keltiradi. Va nihoyat, veb-sayt auditoriyaga o’zining aloqa raqamlarini hamda tadbirlar ro’yxatini taqdim etib, ularni harakat qilishga undaydi.
Mistake #4: Trying to Fit in Every Bit of Information Onto Your Website
Bo’sh joy bo’lishi kerak bo’lgan yerga keraksiz matnlarni tiqishtirish auditoriyangizni bezdirishi mumkin. Faqat muhim tafsilotlarni qoldirishni unutmang.
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.
Buni o’z-o’zidan bo’ladigan narsa deb qabul qilmaslikni unutmang. Har doim tadqiqotga vaqt ajrating va sizga yo’l-yo’riq ko’rsatadigan dizayn maqolalarini o’qib boring. Ko’p o’tmay, saytingiz trafigi oshib borayotganini ko’rasiz. ? Omad tilaymiz!
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.
Navbatdagi dizayn loyihangiz uchun Canva’ning ajoyib Ranglar bo’yicha qo’llanmasi bilan tanishing.
Ha, aynan shunday: Page Builder Sandwich 2017-yil 14-yanvarda o‘zining birinchi tug‘ilgan kunini nishonlaydi. Davom etayotgan Bayram chegirmamiz (cheklangan vaqt davomida 30% chegirma, promo-kod kerak emas) bilan bir qatorda, PBS siz uchun bir nechta syurprizlarni tayyorlab qo‘ydi va jamoamiz ularni barcha bilan baham ko‘rishga oshiqmoqda.
O‘tgan yil davomida biz ajoyib do‘stlarimiz, juda foydali sharhlar va PBS Slack hamjamiyatidagi yangi topilgan do‘stlarimiz qo‘llab-quvvatlashi tufayli ancha o‘sdik. Bizga ushbu marraga erishishda yordam bergan PBS foydalanuvchilarini — sizlarni ham unuta olmasdik. Shunday qilib, bayramni nishonlash uchun biz o‘ylab ko‘rdik: PBS 4.0 versiyasini chiqarishdan ko‘ra sizga yanada yaxshiroq tajriba ulashishning qanday ajoyib yo‘li bor? Qani, konfettilarni oting.
Agar o‘tkazib yuborgan bo‘lsangiz, joriy versiya — 3.0 versiyasi bir qator katta o‘zgarishlar va yaxshilanishlarga duch keldi. Bunga yanada toza, silliq va foydalanuvchi uchun qulayroq interfeys, shuningdek, yaxshilangan moslashuvchanlik kiradi. 4.0 versiyasi uchun esa biz yanada ajoyib narsalarni qo‘shmoqdamiz! Shuning uchun tayyor turing, chunki yanvar oyidagi bo‘lajak nashr bilan barchasi ancha qiziqarli, bayramona va funksional bo‘ladi.
To‘liq sahifali shablonlar funksiyasi
Bizning asosiy funksiyalarimiz ro‘yxatida birinchi o‘rinda mutlaqo yangi To‘liqsahifali shablonlar turibdi. PBS odatda har xil turdagi sahifalarni yaratish uchun ishlatilsa-da, biz foydalanuvchilarimiz o‘z saytlarini turli sohalarda (va shuning uchun turli xil veb-saytlar turlarida) yuritishlarini jiddiy hisobga oldik. Nima bo‘lganda ham, biznes yoki shaxsiy loyihalar bo‘lsin, turli foydalanuvchilarning ehtiyojlari har xil bo‘ladi. Shuning uchun biz buni yaqinlashib kelayotgan To‘liq sahifali shablonlar funksiyasi orqali hal qilishga qaror qildik.
Xo‘sh, bu To‘liq sahifali shablonlar qanday ishlaydi? Oddiy. 4.0 versiyasi uchun biz bir qator ajoyib shablonlarni taqdim etamiz. Ular turli toifalarga bo‘linadi; har biri muayyan sohaga mo‘ljallangan. Shablonlar sizga kerak bo‘lgan har qanday saytga to‘liq mos kelishi uchun korporativ sahifalar, portfoliolar, elektron tijorat saytlari yoki shunchaki odatiy shaxsiy bloglar (va boshqalar) uchun elementlar, maketlar va funksiyalarni o‘z ichiga oladi.
Masalan, agar siz restoran yuritsangiz va aynan shu turdagi biznesga mos sahifa yoki veb-sayt kerak bo‘lsa, siz shunchaki restoran shablonini tanlashingiz mumkin. PBS moslashuvchan sozlash imkoniyatini taqdim etgani sababli, siz uni baribir ko‘nglingizdagidek bezatishingiz mumkin bo‘ladi. Tanlagan shabloningiz (bu holatda restoraningiz) aynan restoran mavzusidagi biznes sayti uchun maxsus yaratilgan xususiyatlar bilan taqdim etilganligi sababli, u ushbu turdagi sayt ehtiyojlariga javob beradigan PBS elementlari bilan birga keladi: menyu uchun alohida bo‘lim, yetkazib berish funksiyasi, ijtimoiy tarmoq tugmalari va boshqalar. Endi buni o‘zingizning maxsus sohangiz uchun tasavvur qiling — agar korporativ ofis yoki shaxsiy biznes yuritsangiz yoxud shunchaki portfolio bo‘lsa ham, xavotir olmang. 4.0 versiyasi bilan biz ular uchun ham shablonlarni taqdim etamiz. Hech shubhasiz, ular keyingi sayt yaratish loyihangizda juda asqotadi!
Ko‘proq elementlar, ko‘proq imkoniyatlar
Yangi To‘liq sahifali shablonlar bilan bir qatorda, bizda yana boshqa ko‘plab yangiliklar kutilmoqda! Biz doim aytganimizdek, PBS mavjud, chunki biz ajoyib va hayratlanarli narsalarni yaratish hamma o‘ylagandek qiyin bo‘lishi shart emasligiga ishonamiz. Shuni yodda tutgan holda, PBS orqali qanday ajoyib va mukammal sahifalar hamda saytlarni yarata olishingizni o‘z ko‘zingiz bilan ko‘rishingiz uchun sizni boshqa bo‘lajak funksiyalarimiz bilan tanishib chiqishga chorlaymiz!
Parallaks fonlar
Parallaks skrolling — bu brauzeringiz uchun noyob, 3D fon effektini yaratish uchun ishlatiladigan usul. U har qanday veb-sayt uchun ajoyib diqqat tortuvchi vosita bo‘lib xizmat qiladi va to‘g‘ri qo‘llanilganda, auditoriyangiz sonini albatta oshirishi mumkin. Hali ham ishonmadingizmi? Parallaks effektini mukammal tarzda qo‘llagan FireWatch saytini ko‘rib chiqing.
Video fonlar
Video fonlar ham veb-saytlarda, ayniqsa bosh sahifalar, lending sahifalari va xiro (hero) sarlavhalarida qo‘llaniladigan mashhur effektdir. Ular ham xuddi shunday hayratlanarli va ularning bu qadar urf bo‘lganining sababi bor, bizga ishoning! Eng so‘nggi PBS yangilanishi bilan siz ham video fonlarni sinab ko‘rish imkoniyatiga ega bo‘lasiz. Auditoriyangizni jalb qilish va ko‘proq tashriflar olish uchun ulardan bemalol foydalaning!
Sanani ortga hisoblash
4.0 versiyasi uchun biz mutlaqo yangi Sanani ortga hisoblash funksiyasini ham taqdim etamiz. U ortga hisoblayotgan aniq sana va vaqtni belgilash kabi asosiy funksiyalarni, shuningdek, sizga albatta yoqadigan doimiy moslashuvchan sozlash parametrlarini o‘z ichiga oladi.
Ijtimoiy tarmoq belgilari
Auditoriyangizni ijtimoiy tarmoqlarda postlaringiz haqida xabar tarqatishga undamoqchimisiz? Hech xavotir olmang, chunki PBS sizni qo‘llab-quvvatlaydi! Yangi ijtimoiy tarmoq belgilari yordamida o‘quvchilar tugmani bir marta bosish orqali veb-saytingiz va kontentingizni ulashishlari mumkin bo‘ladi.
Biroq, bizda siz uchun yana ko‘p narsalar bor! Jumladan:
Kontentingizga postlar qo‘shish imkoniyati
Jarayon indikatorlari (progress bar)
Ortib boruvchi raqamlar hisoblagichi
WooCommerce, Advanced Custom Fields (ACF), Contact Form 7 uchun elementlar
Mijozlar fikrlari
Narxlar jadvallari
Harakatga chaqiruvchi tugmalar (CTA)
Rasm bloklari
Belgi bloklari
Rasmlarni bepul qidirish va yuklab olish
Maxsus CSS qo‘shish imkoniyati
…va yana boshqalar!
Moslashuvchanlik
Va nihoyat, ushbu barcha ajoyib yangi funksiyalardan tashqari, PBS yanada yaxshiroq moslashuvchanlik
Ilgari PBS sahifangizni mobil qurilmalarda ko‘rish va tahrirlash unchalik ham oson kechmas edi — shrift o‘lchamlari to‘g‘ri kelmas, rasmlar proporsional bo‘lmas edi — umuman olganda, biz mobil qurilmalarda PBS UI ustida ishlashimiz kerakligini bilardik va aynan shunday qildik. Biz ushbu muayyan funksiya ustida ishladik va uni nafaqat UI jihatdan chiroyliroq, balki silliqroq va qulayroq bo‘lishi uchun moslashtirdik. Endi siz o‘z saytingizni mobil qurilmalarda hech qanday qiyinchiliksiz ko‘rishingiz va tahrirlashingiz mumkin bo‘ladi. Ko‘zlaringiz sizga albatta minnatdorchilik bildiradi, auditoriyangiz ham shunday qilishi aniq.
Silliqroq, yaxshiroq, ancha ajoyibroq.
Xulosa qilib aytganda, biz PBS ga bo‘lgan barcha qo‘llab-quvvatlovingiz va sadoqatingiz uchun chin dildan minnatdormiz va siz ham biz kabi hayajondasiz degan umiddamiz, chunki barchamizni ajoyib sayohat kutmoqda!
Xo‘sh, bu kutilayotgan yangilanishlar sizning talablaringizga javob beradimi? v4 uchun taklif qilmoqchi bo‘lgan yana biror narsangiz bormi? Quyida izoh qoldiring va biz nima qila olishimizni ko‘rib chiqamiz!
v4 bo‘yicha qo‘shimcha yangilanishlardan (va boshqa ajoyib yangiliklardan) xabardor bo‘lib turish uchun quyidagi «Subscribe» tugmasini bosish orqali axborot byulletenimizga obuna bo‘ling! Xavotir olmang — istalgan vaqtda obunani bekor qilishingiz mumkin.
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
Ushbu oʻzgarishga sabab boʻlgan narsa CodeInWP saytining sahifa yaratuvchilari (page builders) boʻyicha kutuvlar haqidagi maqolasi boʻldi. Unda oʻzlarining sevimli vositalari qisqa roʻyxatda keltirilib, ularning har biri muayyan mezonlar asosida koʻrib chiqilgan edi. Page Builder Sandwich roʻyxatning oʻziga kirmagan boʻlsa-da, maqolada biz haqimizda ham qisqacha toʻxtalib oʻtilgan:
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.
Buni oʻqish jamoamizni PBS ustida yanada koʻproq ishlashga undadi. Va roʻyxatga kiritilmaganimizni koʻrib, ayni paytda bizning aniq kamchiliklarimiz nimalardan iborat ekanligiga ham qiziqdik. Biroz vaqt oʻtgach, biz PBS haqida qisqacha sharh berishlarini soʻrab CodeInWP bilan bogʻlandik va mehmon muallif Ann Taylor bizga juda konstruktiv va foydali javob berdi:
“…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…”
Ushbu ajoyib fikr-mulohazalar bizni PBS tezligi va unumdorligini yanada chuqurroq oʻrganishga undadi. Biz juda koʻp turli xil ssenariylarni sinab koʻrdik va tezlikni sekinlashtiruvchi jiddiy toʻsiqlarni aniqladik. Unumdorlik bilan bogʻliq muammolarning asosiy sababi plaginning konturlar, asboblar paneli va boshqa vizual tahrirlash belgilarini koʻrsatish uchun bajargan turli xil hisob-kitoblari edi. Quyida Chrome brauzerida PBS 4.1 versiyasining unumdorligi grafigi keltirilgan:
Here are the important points of the graph in a nutshell:
Baland binafsharang sohalar – bu yomon
Keng binafsharang sohalar – bundan ham battar
Biz ishlarni ancha tezlashtirdik va endi 4.2 versiyamiz uchun grafik quyidagicha koʻrinishga ega:
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
Ushbu 4 ta yangi elementning bizga eng yoqqan tomoni shundaki, ular elementlarni PBS ish maydoniga birma-bir tortib oʻtirmasdan, butun veb-sahifa boʻlimlarini tez va samarali yaratish imkoniyatiga ega. Shuningdek, dizayn ehtiyojlaringizga moslashtirish uchun koʻproq imkoniyatga ega boʻlishingiz maqsadida turli xil uslublardan birini tanlash imkonini ham beramiz.
Spacer Element
Oʻzingizga kerakli boʻsh joyni olish uchun element chetlarini (margin) sozlash oson. Spacer (oraliq) elementi bunga muqobil sifatida ishlatilishi mumkin. Bu, ayniqsa, mobil ekranlarda maʼlum qatorlarning haddan tashqari kichrayib ketmasligini istasangiz juda foydalidir.
Featurette Element
Featurette elementi sahifangiz boʻlimlarini tezroq yaratish uchun ishlatilishi mumkin. Ushbu boʻlimlarga asosiy sarlavhalar (hero headers), karusel shaklidagi fikr-mulohazalar va sahifangiz funksionalligini oshirish uchun foydalanishingiz mumkin boʻlgan boshqa narsalar kirishi mumkin.
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
Jamoa aʼzosi (team member) elementi saytingiz tashrif buyuruvchilariga jamoangiz aʼzolarini tanishtirish uchun juda mos keladi. Odatda, bunday boʻlim jamoa aʼzosining fotosurati hamda pastki qismidagi qisqacha tavsifni oʻz ichiga oladi.
Gallery Element
Ushbu element fotogalereyalar yaratish uchun ishlatiladi. Ilgari galereya yaratish uchun PBS ish maydoniga alohida elementlarni (masalan, tugmalar, hoshiyalar va h.k.) birma-bir tortib oʻtishingiz kerak boʻlardi. Biroq, bu yangi element buni siz uchun oʻzi bajaradi, shu bois jarayon qiyinchiliksiz kechadi.
A Huge Thank You
4.2 versiyasi bizning hozirgacha boʻlgan eng muhim yangilanishlarimizdan biridir. Axir, unumdorlik va funksionallik har qanday ajoyib plagin uchun hal qiluvchi ahamiyatga ega. Bizga konstruktiv fikr-mulohazalar bildirgani va faoliyatimizda omad tilagani uchun @Ann Taylor va CodeInWP jamoasiga minnatdorchilik bildiramiz. Shuningdek, barcha PBS foydalanuvchilariga ham doimiy qoʻllab-quvvatlab kelayotganlari uchun katta rahmat aytamiz.
Tez orada biz yana ham koʻproq yangilanishlarni (jumladan, biz vaʼda qilgan Google Fonts funksiyasi va boshqalarni) chiqaramiz, shuning uchun kuzatib boring!
Ungacha esa, PBS jamoasidan barchaga maroqli sayt yaratish tilab qolamiz!
Oldingi maqolamizda biz shortcode mapping asoslari va uning ajoyib afzalliklaridan qanday foydalanish mumkinligini muhokama qilgan edik. Biz Shortcode Mapping-ning Page Builder Sandwich versiyasiga bagʻishlangan maqolani alohida qismga ajratishga qaror qildik, chunki quyidagi yozuv biroz koʻproq texnik boʻlishi mumkin.
Quyida shortcode mapping funksiyamizning ichki ishlash mexanizmi va uni qanday ishga tushirganimiz haqida batafsil maʼlumotlar keltirilgan.
Avtomatlashtirilgan jarayon
Shortcode mapper-ga qaysi plaginlarni kiritishni aniqlash uchun biz WordPress plaginlar katalogidagi eng sara plaginlarni quyidagi mezonlar asosida toʻplaydigan avtomatlashtirilgan skript yaratdik:
1000 ta mashhur, yuqori baholangan va yangilangan plaginlar orasida, kamida 4000 ta faol oʻrnatilishga ega boʻlgan,
Kamida 4000 ta faol oʻrnatilishga ega boʻlgan,
Kamida 20 ta baholashga ega boʻlgan va;
Oʻrtacha kamida 3 yulduzli reytingga ega boʻlgan
Biz bu soʻrovni har kuni WordPress plaginlar katalogida bajaramiz. Ushbu filtrlar koʻp odamlar foydalanadigan yuqori sifatli plaginlar roʻyxatini olishimizni taʼminlaydi. Ushbu maqola yozilgan vaqtda bu mezonlar 800 ta plaginni aniqladi. Bu juda koʻp. Haqiqatan ham juda koʻp.
Shortcode mapping uchun aniqlangan eng mashhur plaginlarning baʼzilari.
Soʻngra har bir plaginning manba kodida shortcodelar mavjudligini aniqlash uchun bir qator avtomatlashtirilgan tekshiruvlarni bajaramiz va keyin barcha atributlari bilan birga ushbu barcha shortcodelarni topishga harakat qilamiz. Maʼlumotlar qayta ishlanganda, bu 2000 dan ortiq shortcodeni tashkil etdi. Ikki karra hayratlanarli. Aniqlangan shortcodelar qoʻlda tekshirish uchun shortcode mapping maʼlumotlar bazasiga kiritiladi.
Ushbu jarayon oxirida bizda plaginlarning ulkan roʻyxati va ularning mumkin boʻlgan shortcodelari paydo boʻladi. Endi esa hamma narsa toʻgʻri ekanligiga ishonch hosil qilish uchun ushbu maʼlumotlarni tozalash masalasi qoladi.
Qoʻlda bajariladigan jarayon
Bu butun mapping tizimining eng qiyin qismi boʻlsa kerak. Plagin kodlari har xil shakl va hajmda boʻladi, barcha shortcodelar ham bizning skriptlarimiz tomonidan avtomatik ravishda aniqlanmaydi. Garchi WordPress Codex shortcode atributlarini filtrlash uchun `shortcode_atts` funksiyasidan foydalanishni tavsiya qilsa-da, bu shunchaki tavsiya va hamma ham bunga amal qilmaydi. Shuningdek, plagin oʻrnatilganda shortcodening ichki tuzilishini tekshirishning aniq va kafolatlangan usuli yoʻq.
Shunday qilib, barcha shortcodelar va ularning atributlarini toʻgʻri olishimizga ishonch hosil qilish uchun biz shortcodelar va atributlarni tahrirlashga moʻljallangan hamda AngularJS va Bootstrap yordamida yaratilgan frontend maydonini ishlab chiqdik.
Xaritalangan barcha shortcodelarni tuzatish uchun Bootstrap & AngularJS interfeysi.
Biz har bir plaginni birma-bir koʻrib chiqishimiz, ularning shortcode hujjatlarini tekshirishimiz va bizdagi barcha maʼlumotlar toʻgʻri ekanligiga ishonch hosil qilishimiz kerak boʻladi.
Garchi bu oʻta mashaqqatli va zerikarli boʻlsa-da, avtomatlashtirilgan jarayonga ega boʻlishning baʼzi ijobiy tomonlari bor:
Dastlabki statistik maʼlumotlarimizga koʻra, har 2 ta plagindan faqat 1 tasida shortcode mavjud.
Aniqlangan shortcodelarning yarmida hech qanday atribut yoʻq (ammo ularning bir qismi soxta natijalar boʻlishi mumkin)
Faqat sifatli plaginlar tanlangani sababli, katta ehtimol bilan ularda shortcode hujjatlari mavjud
Faqatgina plaginning barcha shortcodelari tekshirilgandan soʻng, server ushbu plaginning shortcode mappinglarini foydalanuvchilarga tarqatishni boshlaydi.
Rest API soʻrovi
Boshqotirmaning soʻnggi boʻlagi — bu plaginning oʻzi. Bu yerdagi konsepsiya oddiy: qaysi plaginlar faol ekanligini, sayt qaysi mavzudan foydalanayotganini va qanday shortcodelar mavjudligini aniqlash, soʻngra shortcode mapping maʼlumotlar bazasidan mos mappinglar bor-yoʻqligini soʻrash. Buning uchun biz maxsus WP REST API endpoint yaratdik, barcha mijozlar eng soʻnggi shortcode mappinglarini olish uchun unga murojaat qiladilar.
Kelajak: Kraudsorsing
Har bir plaginni qoʻlda tekshirish juda koʻp vaqt va kuch talab qiladi. Shortcode mapping platformasi barqaror boʻlgach, biz shortcode mappingni hamma uchun ochishni rejalashtirmoqdamiz. Bu shuni anglatadiki, har kim shortcodelarni qoʻshishda yordam berishi mumkin.
Siz: “Nega men shortcodelarni xaritalashda yordam berishim kerak? Menga bundan nima foyda?” deb oʻylayotgan boʻlishingiz mumkin. Odamlar nima sababdan yordam berishni xohlashlari haqida bir nechta fikrlar bor:
Agar siz plagin yaratgan boʻlsangiz va yuqoridagi mezonlar sababli biz uni hali aniqlamagan boʻlsak (hamda u WordPress plaginlar katalogida mavjud boʻlsa), u holda mappinglarni oʻzingiz qoʻshishingiz mumkin. Plaginingiz PBS tomonidan toʻliq qoʻllab-quvvatlanadi!
Avtomatlashtirilgan jarayonda faqat WordPress plaginlar katalogidagi plaginlar bilan ishlaganligimiz sababli, pullik plagin va mavzu mualliflari kiritilmaydi. Shuning uchun, agar sizda shunday plagin yoki mavzu boʻlsa, ular uchun ham oʻz shortcode mappinglaringizni qoʻshishingiz mumkin.
Plagin yaratuvchisi boʻlmaganlar uchun esa yordam berganlarni ragʻbatlantirishimiz mumkin. Shortcode mappingni jozibador tashabbusga aylantirish uchun biz mamnun yordamchilarni shaxsiy litsenziya yoki PBS-ning pullik litsenziyasiga yangilash bilan taqdirlashimiz mumkin!
Axborot byulletenimizga obuna boʻling
Shortcode mapping funksiyasi mijozlarimiz uchun taxminan 12-avgust15-avgust 2016-yil 16-avgustda taqdim etiladi. Bu vaqtgacha barcha shortcodelar xaritalanmaydi (taxminimizcha, ehtimol 100 ta plagin), ammo mapping uzluksiz davom etadi va mijozlar yangilari paydo boʻlishi bilanoq ularni oladilar.
Shortcode mapping haqidagi yangiliklar, uni qachon chiqarishimiz va qachon uni ommaga ochishimiz haqida xabardor boʻlish uchun bizning axborot byulletenimizga obuna boʻling!
O’tgan yanvar oyida 4.0 versiyasi chiqarilgandan so’ng, biz PBS ustida ishlashni davom ettirdik hamda tuzatishlar va yaxshilanishlarni qo’shdik. Ularni siz bilan bo’lishishdan xursandmiz, mana 4.1 versiyasi yangilanishida sizni nimalar kutmoqda.
Formatlash panelidagi yaxshilanishlar
Eng so’nggi 4.1 yangilanishi matnni formatlash paneli atrofida jamlangan. Ko’plab xatolarni tuzatishdan tashqari, biz PBS bilan ishlash tajribangizni yanada qulay va samarali qilish uchun panelga bir nechta yaxshilanishlarni ham kiritdik.
Rang tanlagich yangilanishlari
PBS ning oldingi versiyalarida rang tanlagichda tahrirlash jarayonida, xususan matn va matn rangini tahrirlashda ma’lum noqulayliklar mavjud edi. Biroq 4.1 versiyasida biz ushbu muammoni hal qildik va matnni muammosiz tahrirlash uchun yangi sozlamalarni kiritdik.
Rangni osonroq tanlash uchun ko’proq rang namunalari
Rang tanlagich endi shaffoflikni ko’rsatadi
Matn rangini tahrirlash bilan bog’liq xatolar tuzatildi
Matnni formatlash yangilanishlari
Ilgari qiymatni oshirish uchun bir necha bor bosish, kamaytirish uchun esa CTRL/CMD tugmasini bosib turib bosish kerak bo’lgan tugmalar mavjud edi. Dastlab biz buni tushunarli deb o’ylagan edik, ammo foydalanuvchilar buning unchalik yaqqol emasligini aytishdi. Ushbu yangilanishda bu kabi noqulayliklarni tuzatdik.
Qator balandligini (line height) o’zgartirish endi osonroq: slayderni kerakli o’lchamga suring yoki berilgan maydonga kerakli o’lchamni kiriting
Shrift o’lchami tugmasi foydalanishni osonlashtirish uchun ikkita tugmaga ajratildi: kamaytirish va oshirish
Shrift o’lchamini oshirish/kamaytirish ham qulayroq bo’ldi, endi tahrirlash oson bo’lishi uchun o’lchov birligi sifatida px ishlatiladi. Ilgari u hech qanday ma’noga ega bo’lmagan “x” birligini ko’rsatardi
Chapga/markazga/o’ngga/kenglik bo’yicha tekislash tugmalari ko’rsatiladigan tugmalar sonini kamaytirish uchun bitta guruhga birlashtirildi
“Formatlashni tozalash” tugmasi endi boshqa uslublarni ham tozalaydi (masalan, qator balandligi), ilgari u bunday qilmas edi
Gorizontal chiziq yaxshilanishlari
Ilgari gorizontal chiziq ba’zi muammolarni keltirib chiqarayotgan edi. Ayrim mavzularda gorizontal chiziqlar shu qadar kichik ediki, ularni bosish qiyin edi. Buni tuzatish uchun biz gorizontal chiziqni formatlash panelidan olib tashladik va uni alohida elementga aylantirdik. Bundan tashqari, endi chiziq ranglarini rang tanlagich orqali ham o’zgartirishingiz mumkin.
Kelgusi yangilanishlar: PBS da nimalar kutilmoqda?
Aytganimizdek, biz hali ham yangi imkoniyatlar (va ko’proq yangilanishlar) ustida ishlayapmiz. Kelajakda siz uchun nimalar tayyorlab qo’yganimiz haqida qisqacha ma’lumot:
Google Fonts (nihoyat!)
Biz matnni formatlash paneli nafaqatmatnni formatlash joyi bo’lishi g’oyasini ko’rib chiqmoqdamiz. Agar tugmalar joriy kontekstga qarab o’zgarsa-chi? Masalan, ustun ichidagi matnni tahrirlayotganingizda vertikal tekislash tugmasi paydo bo’lsa, juda qulay bo’lar edi.
Biz har doim PBS ni yaxshilashga tayyormiz, shuning uchun agar takliflaringiz bo’lsa, bizga yozing! Rivojlanib borayotgan ro’yxatimizga qo’shishni xohlagan funksiyalaringiz bormi? Amaldagi versiyada yana biror narsani o’zgartirish kerak deb o’ylaysizmi? Quyidagi izohlarda bizga xabar bering!
Tasavvur qiling: birinchi WordPress veb-saytingiz nihoyat ishga tushdi va ishlayapti. Oylardan beri o’zingizni bunchalik muvaffaqiyatli his qilmagansiz. Siz o’zingizga munosib tarzda ofarin aytasiz, mehnat mevasiga erishishingizga yordam bergan odamlar ham shunday qilishadi. Kerakli plaginlarni o’rnatasiz va saytingizning kelajagini yanada kengroq rejalashtirishni boshlaysiz. Hammasi yorqin ko’rinadi va ishlar a’lo darajada ketmoqda.
Kutilmagan hodisa yuz berguncha. Saytingiz esa ishdan chiqdi.
O’zingizcha yelka qisasiz. Bunday holatlar eng zo’r odamlar bilan ham sodir bo’lishini eshitgansiz. Qolaversa, Mark Zukerberg va Devid Karpda ham ilgari shunday narsa bo’lganiga amin bo’lasiz va ularning har ikkalasi ham hozir juda yaxshi ahvolda, shunday emasmi?
Shuning uchun siz uni qayta ishga tushirishga harakat qilasiz, tuzatish yo’llarini internetdan jon-jahdingiz bilan qidirasiz. Birinchi urinishda o’xshamaydi. Ikkinchisida ham o’xshamaydi – yoki uchinchisida, to’rtinchisida, o’n yettinchisida, hatto yigirma ikkinchisida ham. Butunlay va batamom halokatga uchraganingizni tushunganingizda ko’zlaringiz katta-katta ochiladi; veb-saytingiz butunlay yo’q bo’ldi. Siz yechim topish uchun butun internetni ko’zdan kechirasiz, lekin deyarli barcha qo’llanma saytlari bitta gapni aytadi:
Siz WordPress fayllaringizni boshidanoq zaxiralab borishingiz kerak edi.
Siz WordPress fayllaringizni boshidanoq zaxiralab borishingiz kerak edi.
Siz WordPress fayllaringizni boshidanoq zaxiralab borishingiz kerak edi.
Veb-sayt egasining eng yomon dahshatli tushlaridan biri, yumshoq qilib aytganda. Bu aynan biz qochishni xohlagan holat, shuning uchun buni qanday qilib oldini olish mumkin? Xo’sh, javob juda oddiy: yaxshi zaxira nusxa yaratish plaginini o’rnatishimiz kerak.
wp-content papkasidagi fayllar (mavzuingiz, plaginlar va yuklamalar)
WordPress konfiguratsiya fayli
WordPress ma’lumotlar bazangiz
Zaxira nusxalar haqida batafsilroq
WordPress o’z-o’zidan saytingiz uchun o’rnatilgan xavfsizlik va zaxiralash tizimlariga ega emas (garchi ularni qo’lda sozlashni o’rganishingiz mumkin bo’lsa-da, bu ancha vaqt oladi), shuning uchun qiyinchiliklarni kamaytirish yo’lini topish o’zingizga bog’liq. Saytingizni yangilab borish doimo tabiiy holat (bordiyu unga yangi narsa qo’shmoqchi bo’lsangiz, masalan boshqa plagin, yoki biror narsani olib tashlamoqchi bo’lsangiz), ma’lumotlarni yo’qotishni xohlamasangiz (albatta, xohlamaysiz), zaxira nusxalar shart. Saytingizni zaxiralash va xavfsizlikni kuchaytirishning boshqa sabablariga uning xakerlardan himoyalanganligiga va saytingiz ma’lumotlarini hech kim o’g’irlay olmasligiga ishonch hosil qilish kiradi.
“Buning uchun ham plagin bor.”
WordPress har xil funksiyalar uchun tonnalab plaginlarga ega, jumladan (ha, to’g’ri topdingiz) xavfsizlik va zaxiralash choralari uchun ham bir nechtasi mavjud. Siz tanlashingiz mumkin bo’lgan ushbu plaginlarning juda ko’p turlari bor; eng mashhurlaridan ba’zilari: BackupBuddy va UpDraftPlus. Ushbu plaginlar (va boshqalar) haqida deyarli hamma joyda sharhlar bor, shuning uchun xavotir olmang – internet mo’jizasi sizga yordam beradi. Shaxsan biz xavfsizlik va zaxira nusxalash uchun VaultPressdan quyidagi sabablarga ko’ra foydalanamiz:
VaultPress Automattic tomonidan yaratilgan – unga Matt Mullenweg– WordPressning o’ziga ham aynan shu shaxs asos solgan. Automattic mahsulotlari va xizmatlarining aksariyati, agar hammasi bo’lmasa ham, ishonchli va allaqachon sinab ko’rilgan plaginlarga a’zo bo’lish hech qachon yomon fikr emas.
Aksariyat zaxira plaginlaridan farqli o’laroq, VaultPress saqlash joyini talab qilmaydi. Ular ma’lumotlaringizni o’z serverlarida saqlaydilar, shuning uchun veb-xostingizdan hech qanday “serverda juda ko’p joyni egallayapsiz” degan ogohlantirishlarni olmaysiz.
Oddiylik. Undan foydalanish uchun shunchaki foydalanuvchi interfeysingizga kirishingiz kifoya va barcha zaxira nusxalari tafsilotlarini ko’rishingiz hamda u yerdan amallarni bajarishingiz mumkin.
VaultPress bizning shaxsiy talablarimizga javob bergani sababli, u biz uchun a’lo darajada ishlaydi. Biroq, agar siz VaultPressdan qoniqmasangiz, ko’plab saytlar – masalan, WPBeginner va wpmudev – agar qaror qabul qilishda qiynalsangiz, odatiy qiyosiy maqolalarni taqdim etadi.
Hammasi o’zingizga bog’liq
Veb-saytingizni himoyalash va zaxiralash bo’yicha qaror oxir-oqibat o’zingizga bog’liq. Ba’zi odamlar himoyalanmagan sayt keltirib chiqaradigan xavf-xatarlarga qarshi tura olishlariga ishonadilar… ba’zilari esa yo’q – va bu tabiiy hol. Axir, afsuslanishdan ko’ra ehtiyot bo’lgan yaxshiroq.
Qaysi qarorni tanlashingizdan qat’i nazar, har doim imkoniyatlaringizni chamalashni unutmang. Nima bo’lganda ham, nimani eplay olishingizni faqat o’zingiz baholay olasiz.
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.
Ammo baribir, lidlarni jalb qilish ortida butun bir fan yotganini bilish muhimdir va biz raqamli marketolog boʻlmasak-da, muvaffaqiyatli lid konversiyasi dizayn va kontentning toʻgʻri bajarilishi bilan ham bogʻliqligini taʼkidlash zarur. Aynan shu yerda biz yordamga kelamiz.
“Ammo bularning barchasida marketing tomonlama qanday yordam bera olasizlar?”
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.
Boshqacha aytganda, birinchi taassurot juda muhim.
Xuddi yomon kastinglar aktyorlarga bosh rollarni taqdim etmagani kabi, kimningdir veb-saytingizga birinchi tashrifi ham sizning muvaffaqiyatingizni belgilashi yoki uni barbod qilishi mumkin.
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.
Muvaffaqiyatli lidlar yaratish yoʻlingizda sizga yordam berishi mumkin boʻlgan bir nechta veb-saytlar:
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.
Endi, agar saytingiz boʻylab harakatlanish asabiy tajriba boʻlib chiqsa, tashrif buyuruvchilar nima demoqchi ekanligingizni va ularga nima taklif qilayotganingizni eshitish uchun yetarlicha uzoq vaqt qolmasligi ehtimoli yuqori.
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 faoliyatingizni kuchaytirishga yordam beradigan baʼzi resurslar:
Insonning saytingizdagi forma orqali oʻz maʼlumotlarini sizga yuborishi, pirovardida, muvaffaqiyatli lid konversiyasining asosiy koʻrsatkichidir.
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
Telefon raqamlarining doimiy va koʻzga tashlanadigan tarzda koʻrsatilishi, agar siz telefon qoʻngʻiroqlari orqali yordam koʻrsatadigan biznes turi boʻlsangiz, shartdir. Straight North qoʻshimcha qilishicha, bepul qoʻngʻiroq raqamlariga (toll-free) sarmoya kiritish ham konversiyangizni sezilarli darajada oshirishi mumkin.
Agar siz biz kabi texnologik kompaniya boʻlsangiz, u holda veb-saytingizda elektron pochta manzilingizni (yoki tashrif buyuruvchilar siz bilan bogʻlanishi mumkin boʻlgan boshqa usullarni) koʻrsatish ham ajoyib gʻoyadir.
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.”
Bu nafaqat lidlarni jalb qilmoqchi boʻlgan, balki har qanday veb-sayt uchun toʻgʻridir. Saytingiz eng aʼlo holatda ekanligiga va mijozlaringiz doimo mamnunligiga ishonch hosil qilish biznesingizning uzoqqa borishiga yordam beradi.
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.
Lidlarni jalb qilishga urinayotganda odamlar yoʻl qoʻyadigan eng katta xatolardan biri aynan shudir: veb-saytni tashkil etuvchi kichik jihatlarga (masalan, dizayn, matn va boshqa kontentga) beparvo qarash.
Hopefully your website garners the success it very well deserves; it’s been built with PBS, after all.
Sizga va barcha ishlaringizga omad tilaymiz hamda har doimgidek Page Builder Sandwich’dan foydalanganingiz uchun tashakkur!
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.
Misol uchun, agar quyidagi birlamchi Tayyor bo’limdagi standart ko’k-yashil rang va bug’doyzor tasviri sizga ma’qul bo’lmasa…
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.
Taqqoslash uchun:
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-ning Tayyor bo’limlari siz o’ylaganingizdan ham ko’proq imkoniyatlarga ega.
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.
Yodingizda bo’lsin, Page Builder Sandwich kamroq vaqt ichida dizayn yaratishingizga yordam berish uchun shu yerda. Tayyor bo’limlarimiz va To’liq sahifa shablonlarimizdan to’liq foydalanish aynan shunga erishishingizga yordam beradi.
Design in less time!
Get access to Sandwich’s Pre-Designed Sections, Templates, and a whole lot more.
2017-yil 4-iyuldan 6-iyulgacha barcha Page Builder Sandwich litsenziyalariga 20% CHEGIRMA oling! Bugunoq chegirmangizga ega bo’lish uchun shunchaki 4JULY2017 promokodini kiriting!
O’tgan yanvar oyida 4.0 versiyasi chiqarilgandan so’ng, biz PBS ustida ishlashni davom ettirdik hamda tuzatishlar va yaxshilanishlarni qo’shdik. Ularni siz bilan bo’lishishdan xursandmiz, mana 4.1 versiyasi yangilanishida sizni nimalar kutmoqda.
Tasavvur qiling: birinchi WordPress veb-saytingiz nihoyat ishga tushdi va ishlayapti. Oylardan beri o’zingizni bunchalik muvaffaqiyatli his qilmagansiz. Siz o’zingizga munosib tarzda ofarin aytasiz, mehnat mevasiga erishishingizga yordam bergan odamlar ham shunday qilishadi. Kerakli plaginlarni o’rnatasiz va saytingizning kelajagini yanada kengroq rejalashtirishni boshlaysiz. Hammasi yorqin ko’rinadi va ishlar a’lo darajada ketmoqda.
