Аутор: Neil Lock

  • 4 грешке у дизајну веб-сајта које морате избећи у 2018.

    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.

    Имајући то у виду, обавезно имајте на уму ове 4 честе грешке у веб-дизајну. На тај начин ћете имати једну бригу мање када коначно почнете да правите свој веб-сајт.

    Грешка бр. 1: Коришћење више од 3 фонта

    A rule of thumb when designing websites? Try not to have too much visual elements going on within your space. Having more than 3 fonts on your site design is a surefire way to break this one rule. It’ll also overwhelm your site visitors.

    Свођење фонтова на вашем веб-сајту на минимум од 3 је општа дизајнерска пракса коју примењују професионалци. Поред тога, то повећава ниво читљивости и доследности вашег сајта, што је кључно за успех посећености вашег сајта.

    DON’T DO THIS:

    Don’t use more than 3 fonts and try to avoid “fancy fonts” as much as possible. These tend to make your site look unprofessional and outdated.

    DO THIS:

    Use only 2 fonts, or a maximum of 3 if you have to. Notice how the page below looks clean and sleek, all while keeping readability and consistency all throughout the design.

    Try comparing the differences between this example and the previous one. The example below with only two fonts is a website that your visitors will likely take seriously.  This previous one above with the overwhelming amount of fonts isn’t.

    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

    Ослободите своју креативност.

    Погледајте Canva водич за боје

  • Верзија 3.0: Ново осмишљавање начина на који креатор страница треба да ради

    version-3-0-rethinking-how-a-page-builder-should-workПрошло је 10 месеци откако смо представили Page Builder Sandwich јавности. Сада имамо око 6.000 активних инсталација, и то је за нас прилично велико достигнуће. Такође смо добили мноштво повратних информација, како добрих тако и лоших. Међутим, општи утисак је да људи уживају у томе колико је лако правити распореде и креирати садржај у поређењу са другим билдерима страница на тржишту.

    Велики део повратних информација које смо добили били су захтеви за нове функције, и додали смо многе од њих током протеклих неколико месеци. Али како смо наставили то да радимо, такође смо у том процесу полако почели да мењамо кориснички интерфејс. И, последично, мењали смо и корисничко искуство… нагоре. Дошло је до тачке када смо морали поново да осмислимо интерфејс, јер једноставно више није радио глатко, а различите функције се нису добро уклапале са њим.

    Превазиђени интерфејс

    У претходним верзијама PBS-а, желели смо да све буде у облику дугмади. Зашто? Зато што су дугмад лака за коришћење. Само… кликнете на њих. У старијим верзијама инспектора (бочна трака на слици изнад), клик на дугме би повећао вредност, а shift+клик на дугме би је смањио. То звучи довољно једноставно. Али са додавањем карусела, картица, мапа и других нових елемената и функција, сва та дугмад су постала мешавина различитих иконица са различитим дизајном, и почела су да личе више на хијероглифе него на добар интерфејс. Ово није био проблем за искусне кориснике, али делује прилично застрашујуће ако сте нови у PBS-у.

    Затим, појавило се неколико проблема у инспектору. Првобитна идеја је била да све буде једноставно и доступно унутар инспектора. А под „све“, мислио сам на све – од претварања текста у наслове, до промене боја позадине, боја фонта, шта год вам падне на памет. Међутим, у свом тренутном стању, инспектор сада садржи мноштво опција због којих морате стално да користите точкић миша за скроловање горе и доле. Прилично другачије од инспектора каквог сам се раније надао да ћу направити за кориснике.

    Најзад, недавно смо унели мапирање кратких кодова за ваше омиљене прикључке. Ова функција је захтевала да креирамо текстуална поља, клизаче за бројеве, поља за потврду и додатне нове типове опција потребне да би ваше искуство уређивања кратких кодова било пријатније. У почетку је то била добра идеја, и да, олакшала вам је манипулисање кратким кодовима. Али опет, ова функција је одступила од нашег концепта интерфејса „само дугмад“. Гледајући уназад, заиста је било немогуће користити само дугмад за мењање атрибута кратких кодова. Сада, у најновијој верзији, завршили смо са 2 типа контрола: дугмадима и пољима за кратке кодове.

    Постоји још неколико разлога због којих смо одлучили да наш интерфејс више није ефикасан (или прилагођен нашим потребама), али горе наведене тачке су главне. Једна ствар је ипак увек била сигурна: знали смо да морамо да ажурирамо интерфејс.

    Дефинисање како би Page Builder идеално требало да функционише

    Уместо да одмах улетимо и мењамо ствари, направили смо сто корака уназад да бисмо сагледали целокупно искуство коришћења page builder-а. Желели смо да удахнемо нови живот интерфејсу. Искрено, нисмо желели да наставимо да га изнова правимо из године у годину. То је исцрпљујуће и дефинитивно не доноси значајну помоћ WordPress заједници. Овог пута, одлучили смо да ствари радимо полако и пажљиво. Проучили смо сваки угао Page Builder Sandwich-а и шта га чини добрим билдером страница, и коначно смо целокупно искуство уређивања уобличили у неколико кључних концепата.

    Основни концепт бр. 1: Куцање директно у садржају ради уређивања елемената

    Један од главних разлога за инсталирање page builder-а јесте ослобађање од ограничења позадинског (backend) уређивача текста у WordPress-у. Није да позадински уређивач није добар, али када правите веб-странице, он вам не приказује одмах како би ваша веб-страница изгледала посетиоцима сајта, нити вам дозвољава да организујете свој садржај изван распореда од једне колоне. Тамо можете видети само свој текст и понеку слику, али ништа од сложенијих ствари (нпр. контакт форме). Можете додавати кратке кодове, да, али они се неће приказати у свом рендерованом облику*.

    * Постоје додаци које су други направили како би решили овај проблем, као што је Shortcake UI, али то није суштина.

    Ту на сцену ступају кориснички (front-end) билдери страница. Они износе искуство уређивања из позадинског дела на сам кориснички део, тако да ви уређујете свој сајт баш онако како ће га ваши посетиоци заиста видети. Како би то Пипин рекао: Оно што видите је оно што добијате (WYSIWYG).

    Још једна добра ствар код front-end уређивача је то што вам омогућава да директно уређујете текст. Куцање наслова и пасуса пружа лакоћу коришћења уобичајеног програма за обраду текста при изради веб-сајтова. Ознаке на дугмадима и картицама такође би требало да се мењају једноставним кликом на њих и куцањем.

    Ово је област у којој већина других page builder-а не даје добре резултате. Већина њих вас приморава да куцате унутар текстуалног поља да бисте уредили било шта. Опет, то не би требало да буде случај код правих front-end билдера страница. Директно куцање и уређивање текста представља јаку страну Page Builder Sandwich-а још од верзије 2, и постарали смо се да то буде задржано и у верзији 3.

    Основни концепт бр. 2: Коришћење миша за брза подешавања

    Миш је моћан алат који се често занемарује у билдерима страница. Најчешће га билдери страница користе да би омогућили људима да превлаче елементе и спуштају их на различита места, или да кликћу на дугмад или поља за унос. Иако је то у реду, постоји толико тога што можете урадити са мишем у погледу израде страница.

    Као прво, постоји сјајна визуелна повратна информација при коришћењу миша као алата за уређивање странице, нарочито приликом подешавања визуелних својстава као што су маргине, унутрашњи размаци (padding) и величине. Сада прилагођавање ваших елемената постаје природно искуство.

    У PBS верзији 3, моћи ћете да подесите бројне ствари користећи миш. Можете подешавати маргине/размаке између појединачних елемената, унутрашње размаке унутар колона, као и величине слика, иконица и мапа. Такође смо дугмад која вам омогућавају промену нумеричких вредности заменили клизачима.

    Основни концепт бр. 3: Стилизовање текста треба да буде лако

    Ако се мало одмакнете од монитора, приметићете да је већина онога што додајете на своје веб-странице текстуални садржај. Да, имамо слике и иконице које га прате – а у последње време тежимо да додајемо веће слике на наше сајтове. Али већина важног садржаја јесте текст: наслови, листе са тачкама, пасуси, цитати, итд. Поред тога иде и начин на који стилизујемо наш текст како би одговарао нашем дизајну. Или мењамо њихову величину и боју, или га подебљавамо или правимо курзивом. Све ово чини наш садржај читљивијим, релевантнијим и атрактивнијим за наше читаоце.

    С обзиром на то да често стилизујемо текст, дугмад која нам омогућавају промену стилова треба да буду веома приступачна. Не би требало да буду сакривена унутар искачућег прозора који прво морамо да отворимо. Већина page builder-а пати од ове бољке. Да би њихов кориснички интерфејс био означен као „прегледан“, чак и најчешће коришћене опције су сакривене од погледа.

    Да бисмо ово решили, погледали смо најчешће коришћене програме за обраду текста. Приметили смо да они обично имају ред са мноштвом дугмади при врху екрана која служе за форматирање текста, па смо исти тај распоред пренели у верзију 3. Сада имамо ред са свим дугмадима за стилизовање текста који је увек присутан на врху вашег екрана. Ово чини стилизовање заиста брзим и потпуно природним приликом уређивања текста.

    Основни концепт бр. 4: Напредне опције стилизовања треба да буду флексибилне, али једноставне за разумевање

    Суштина page builder-а је у томе да омогући људима да лако креирају изванредне дизајне. То значи да треба да пружимо мноштво различитих подешавања и опција без наметања стрме криве учења. Могућност подешавања маргина, унутрашњих размака и стилизовања текста је одлична, али то није довољно за све. Биће вам потребне много сложеније опције да бисте обавили посао, опције као што су позадинске слике, шаре, оквири, фиксне позадине и још много тога. Слагање свих тих различитих подешавања може бити помало преплављујуће, па смо нека од њих поједноставили и организовали у категорије како бисмо ствари учинили приступачнијим у верзији 3.

    Основни концепт бр. 5: Подршка за кратке кодове

    Најзад, не заборавимо да се наш билдер страница ослања на WordPress. Треба да прихватимо платформу и њене функције, а не да их ограничавамо или одступамо од њих. Једна огромна функција коју WordPress пружа су кратки кодови. То не значи да цео садржај треба да се састоји од кратких кодова – то би било хаотично – већ да једноставно треба да будемо компатибилни са њима. Многи додаци и теме користе кратке кодове, и била би права штета занемарити их. У ствари, кратки кодови пружају корисницима највећу флексибилност када је у питању креирање страница.

    Пре неколико недеља смо представили наш систем мапирања кратких кодова, и захваљујући томе мапирали смо на стотине кратких кодова из стотина додатака. Дали смо приоритет најпопуларнијим додацима који се налазе у WordPress директоријуму додатака, тако да постоји велика вероватноћа да ћете наићи на њих на сопственим сајтовима. Ово је само додатно ојачано у верзији 3, и наставићемо да унапређујемо ову функцију у будућности.

    Закључак

    Узели смо сва та горе наведена основна својства и уградили их у Page Builder Sandwich верзију 3. То је најбољи билдер страница који смо до сада направили за WordPress. Интуитивнији је и природнији за коришћење, ради брже, лакши је за употребу и пријатнији него икада раније.

    Ако имате било каква размишљања о некој кључној функцији за page builder, обавестите нас остављањем коментара испод.

  • #PBSUpdate: 200% повећање перформанси и нови елементи

    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. А с обзиром на то да нисмо били уврштени на листу, истовремено смо били радознали који су то наши конкретни недостаци. Нешто касније контактирали смо CodeInWP како бисмо затражили кратку рецензију за PBS, и гостујућа ауторка Ann Taylor нам је дала веома конструктиван и користан одговор:

    “…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 у Chrome-у:

    Here are the important points of the graph in a nutshell:

    • Високе љубичасте области су лоше
    • Широке љубичасте области су још горе
    • Знатно смо убрзали ствари, и сада наш графикон за верзију 4.2 изгледа овако:

    If you compare the tall and wide purple areas from the two graphs, that means that we have achieved a 200% performance increase!

    4 New Elements

    Оно што нам се највише допада код ова 4 нова елемента јесте њихова могућност да брзо и ефикасно креирају читаве секције веб-странице, без потребе за превлачењем елемената на PBS радни простор један по један. Такође ћемо вам пружити прилику да бирате између различитих стилова како бисте имали више простора да прилагодите ова три нова елемента својим дизајнерским потребама.

    Spacer Element

    Лако је прилагодити маргине елемената како бисте добили потребан простор. Елемент за размак може се користити као алтернатива за ово. Ово је посебно корисно ако желите да се одређени редови не смање превише на екранима мобилних телефона.

    Featurette Element

    Елемент featurette може се користити за брже креирање секција ваше странице. Ове секције могу укључивати главна заглавља, вртешке са утисцима и друге ствари које можете користити да побољшате функционалност своје странице.

    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 фонтова), зато обратите пажњу на то!

    До тада, успешан рад на изради сајтова жели вам PBS тим!

  • Прослављамо први рођендан Page Builder Sandwich-а уз прасак!

    pbs-v4-ad-3 Да, тако је: Page Builder Sandwich слави свој први рођендан 14. јануара 2017. Заједно са нашом актуелном празничном распродајом (30% попуста током ограниченог периода, промотивни код није потребан), PBS је припремио неколико изненађења за вас, и наш тим једва чека да их подели са свима.

    Током протекле године значајно смо порасли захваљујући подршци сјајних пријатеља, неким веома корисним рецензијама, као и нашим новим пријатељима из PBS Slack заједнице. Нисмо могли да заборавимо ни вас – саме кориснике PBS-а, који сте нам помогли да достигнемо ову прекретницу. И зато смо, да бисмо прославили, помислили: има ли бољег начина да вам пружимо још боље искуство од објављивања верзије 4.0 PBS-а? Нека полете конфете.

    У случају да сте пропустили, тренутна верзија, верзија 3.0, прошла је кроз значајне промене и побољшања. То укључује чистији, течнији интерфејс прилагођенији корисницима, уз бољу респонзивност. Међутим, за верзију 4.0 убацићемо још боље ствари! Зато се спремите, јер ће ствари бити много забавније, свечаније и функционалније уз предстојеће јануарско издање.

    Функција шаблона за целе странице

    Први на нашој листи главних новина су потпуно нови шаблони за целе странице. Иако се PBS обично користи за израду свих врста различитих страница, озбиљно смо узели у обзир то да наши корисници воде сајтове у различитим нишама (па самим тим и различите типове веб-сајтова). Различити корисници ипак имају различите потребе, било да су у питању пословни или лични подухвати. Због тога смо одлучили да то решимо предстојећом функцијом шаблона за целе странице.

    pbs-v4-ag-2 Како онда функционишу ови шаблони за целе странице? Једноставно. За верзију 4.0 објавићемо мноштво сјајних шаблона. Они ће бити подељени у различите категорије, од којих је свака дизајнирана за одређену нишу. Шаблони ће садржати елементе, распореде и функције за корпоративне странице, портфолије, сајтове за е-трговину или једноставно уобичајене личне блогове (између осталог), тако да савршено одговарају сваком сајту који вам је потребан.

    Тако, на пример, ако водите ресторан и потребна вам је страница или веб-сајт прилагођен таквој врсти посла, можете једноставно одабрати шаблон за ресторан. А пошто PBS омогућава флексибилно прилагођавање, и даље ћете моћи да га стилизујете по сопственој жељи. А пошто ће ваш изабрани шаблон (у овом случају, за ресторан) доћи са специфичним функцијама дизајнираним посебно за пословни сајт са темом ресторана, садржаће и PBS елементе који одговарају потребама тог типа сајта: као што су цео одељак за мени, функција доставе, дугмад за друштвене мреже и још много тога. Сада замислите овако нешто за своју конкретну нишу – ако водите корпоративну канцеларију, лични посао или чак само портфолио – не брините. Са верзијом 4.0 објавићемо шаблоне и за њих. Нема сумње да ће вам добро доћи у вашем следећем подухвату израде сајта!

    Више елемената, више опција

    Заједно са новим шаблонима за целе странице, припремамо и гомилу других ствари! Као што увек кажемо, PBS постоји јер верујемо да стварање невероватних, сјајних ствари не мора бити толико компликовано колико сви тврде. Имајући то на уму, позивамо вас да погледате и наше остале предстојеће функције, како бисте се и сами уверили какве све уредне, дивне странице и сајтове можете креирати уз PBS!

    Паралакс позадине

    Паралакс скроловање је техника која се користи за креирање јединственог 3D ефекта позадине у вашем прегледачу. Она представља сјајан визуелни мамац за сваки веб-сајт, а када се уради на прави начин, дефинитивно може повећати број ваших посетилаца. Још увек нисте убеђени? Погледајте овај сјајан веб-сајт за FireWatch који паралакс ефекат изводи до савршенства.

    Видео позадине

    Видео позадине су такође популаран ефекат који се користи на веб-сајтовима, посебно на почетним страницама, одредишним страницама и главним заглављима. Оне су подједнако задивљујуће, и постоји разлог зашто су толики хит, верујте нам! Уз најновије PBS ажурирање, имаћете прилику да и сами испробате видео позадине. Слободно их искористите да привучете публику и остварите више посета сајту!

    Одбројавање до датума

    За верзију 4.0 објавићемо и потпуно ново одбројавање до датума. Садржаће основне функције попут подешавања тачног датума и времена до ког одбројавате, уз увек присутне флексибилне опције прилагођавања за које смо сигурни да ће вам се свидети.

    Иконице друштвених мрежа

    Желите да подстакнете публику да шири реч о вашим објавама на друштвеним мрежама? Не брините, јер PBS вам чува леђа! Са новим иконицама друштвених мрежа, читаоци ће моћи да деле ваш веб-сајт и садржај једноставним кликом на дугме.

    Ипак, припремили смо за вас још много тога! Укључујући:

    • Могућност додавања објава у ваш садржај
    • Траке напретка
    • Бројаче (бројеве који се увећавају)
    • Елементе за WooCommerce, Advanced Custom Fields (ACF), Contact Form 7
    • Препоруке корисника
    • Табеле са ценама
    • Позив на акцију
    • Оквире за слике
    • Оквире са иконицама
    • Бесплатну претрагу и преузимање слика
    • Могућност додавања прилагођеног CSS-а
    • …и још много тога!

    Респонзивност

    И на крају, поред свих ових сјајних нових функција, PBS ће се такође поносити још бољом респонзивношћу.

    pbs-v4-ag-1 Раније, преглед и уређивање PBS странице на мобилним уређајима није баш било једноставно – величине фонтова се нису поклапале, слике нису биле сразмерне – све у свему, знали смо да морамо да порадимо на PBS-овом корисничком интерфејсу на мобилним уређајима, и управо смо то и урадили. Радили смо на овој конкретној функционалности и прилагодили је тако да не само да изгледа боље у погледу корисничког интерфејса, већ је и течнија и приступачнија. Сада ћете моћи да прегледате и уређујете свој сајт на мобилном телефону без икаквих мука. Ваше очи ће вам дефинитивно бити захвалне, а сигурно и ваша публика.

    Течније, боље, још сјајније.

    За крај, искрено смо захвални на свој вашој подршци и оданости PBS-у, и надамо се да сте узбуђени колико и ми, јер нас све заједно очекује сјајна авантура!

    Дакле, да ли ова предстојећа ажурирања испуњавају ваша очекивања? Има ли још нечега што бисте желели да предложите за v4? Оставите нам коментар испод и видећемо шта можемо да урадимо!

    Да бисте остали у току са новим ажурирањима за v4 (и другим сјајним стварима), пријавите се на наш билтен испод кликом на дугме ‘Subscribe’! Не брините – можете се одјавити у било ком тренутку.

    Надамо се да сте провели дивне празнике,

    PBS тим

    Срећна израда сајтова!

  • Где ствари постају мало техничке: Како смо реализовали нашу верзију мапирања шорткодова

    How-We-Made-Our-Version-Of-Shortcode-Mapping-Happen-2U prethodnom članku, govorili smo o osnovama mapiranja kratkih kodova (shortcode) i o tome kako možete iskoristiti njegove sjajne prednosti. Odlučili smo da podelimo članak koji predstavlja Page Builder Sandwich verziju mapiranja kratkih kodova, jer sledeći tekst može postati malo više tehnički.

    U nastavku se nalaze detaljniji opisi unutrašnjeg funkcionisanja naše funkcije mapiranja kratkih kodova i načina na koji smo je osposobili za rad.

    Automatizovani proces

    Kako bismo odlučili koje dodatke (plugins) da uključimo u maper kratkih kodova, napravili smo automatizovanu skriptu koja prikuplja najbolje dodatke u WordPress direktorijumu dodataka na osnovu sledećih kriterijuma:

    • Među 1.000 popularnih, najbolje ocenjenih i ažuriranih dodataka,
    • Sa najmanje 4.000 aktivnih instalacija,
    • Sa najmanje 20 ocena, i;
    • Sa prosečnom ocenom od najmanje 3 zvezdice

    Ovaj upit pokrećemo svakodnevno prema WordPress direktorijumu dodataka. Ovi filteri osiguravaju da dobijemo listu kvalitetnih dodataka koje koristi veliki broj ljudi. U vreme pisanja ovog teksta, ovi kriterijumi su dali rezultat od 800 dodataka. To je zaista mnogo. Baš, baš mnogo.

    Neki od najpopularnijih dodataka detektovanih za mapiranje kratkih kodova.
    Neki od najpopularnijih dodataka detektovanih za mapiranje kratkih kodova.

    Zatim pokrećemo niz automatizovanih provera izvornog koda svakog dodatka kako bismo otkrili da li sadrži kratke kodove, a zatim pokušavamo da pronađemo sve te kratke kodove, uključujući sve njihove atribute. Obradom podataka došlo se do preko 2.000 kratkih kodova. Dvostruko „vau“. Detektovani kratki kodovi se zatim unose u bazu podataka za mapiranje kratkih kodova radi ručne provere.

    Na kraju ovog procesa, imali bismo ogromnu listu dodataka i njihovih potencijalnih kratkih kodova. Sada je preostalo samo da se ti podaci očiste kako bi se osiguralo da je sve ispravno.

    Ručni proces

    Ovo je verovatno najteži deo celog sistema mapiranja. Kod dodataka dolazi u različitim oblicima i veličinama, pa naše skripte ne prepoznaju automatski sve kratke kodove. Iako WordPress Codex navodi da treba koristiti funkciju `shortcode_atts` za filtriranje atributa kratkog koda, ovo je samo preporuka i ne pridržavaju je se svi. Takođe ne postoji siguran način da se proveri unutrašnjost kratkog koda kada je dodatak instaliran.

    Da bismo se uverili da smo tačno obuhvatili sve kratke kodove i njihove atribute, napravili smo korisnički interfejs (front end) posvećen uređivanju kratkih kodova i atributa, koji je izgrađen pomoću AngularJS i Bootstrap alata.

    Bootstrap i AngularJS interfejs za sređivanje svih mapiranih kratkih kodova.
    Bootstrap i AngularJS interfejs za sređivanje svih mapiranih kratkih kodova.

    Moraćemo ručno da prođemo kroz svaki pojedinačni dodatak, proverimo njihovu dokumentaciju o kratkim kodovima i osiguramo da su svi podaci koje imamo tačni.

    Iako je ovo mukotrpno i naporno, postoje neke svetle tačke automatizovanog procesa:

    • Prema našim ranim statistikama, samo oko 1 od svaka 2 dodatka ima kratke kodove.
    • Polovina detektovanih kratkih kodova nema atribute (ali deo toga mogu biti lažno pozitivni rezultati).
    • Uzimanjem samo kvalitetnih dodataka, velika je verovatnoća da oni imaju dokumentaciju o kratkim kodovima.

    Tek kada se provere svi kratki kodovi jednog dodatka, server počinje da distribuira mapiranja kratkih kodova tog dodatka korisnicima.

    REST API poziv

    Poslednji deo slagalice je sam dodatak. Koncept je ovde jednostavan: saznajte koji su dodaci aktivni, koju temu sajt koristi i koji su kratki kodovi dostupni, a zatim upitajte bazu podataka za mapiranje kratkih kodova da li poseduje mapiranja. U tu svrhu napravili smo prilagođenu WP REST API krajnju tačku (endpoint) koju svi klijenti kontaktiraju kako bi preuzeli svoja najnovija mapiranja kratkih kodova.

    Budućnost: Grupno angažovanje (Crowdsourcing)

    Ručna provera svakog dodatka zahteva mnogo vremena i truda. Kada platforma za mapiranje kratkih kodova postane stabilna, planiramo da omogućimo svima pristup mapiranju kratkih kodova. To znači da svako može pomoći u dodavanju kratkih kodova.

    Možda razmišljate: „zašto bih pomagao u mapiranju kratkih kodova? Šta ja imam od toga?“ Pa, nekoliko razloga pada na pamet zašto bi ljudi želeli da pomognu:

    1. Ako ste kreirali dodatak, a mi ga još nismo obuhvatili zbog gorenavedenih kriterijuma (a nalazi se u WordPress direktorijumu dodataka), onda možete sami dodati mapiranja. Vaš dodatak bi postao u potpunosti podržan od strane PBS-a!
    2. Budući da ćemo se u automatizovanom procesu baviti samo dodacima iz WordPress direktorijuma, autori premijum dodataka i tema neće biti uključeni. Dakle, ako imate neki od njih, možete takođe uneti vaša mapiranja kratkih kodova za njih.
    3. A za one koji nisu kreatori dodataka, možemo nagraditi one koji pomažu. Da bi mapiranje kratkih kodova postalo privlačan poduhvat, možemo nagraditi vredne pomagače ličnom licencom ili nadogradnjom na premijum licencu za PBS!

    Prijavite se na naš bilten

    Funkcionalnost mapiranja kratkih kodova biće okvirno dostupna našim korisnicima 12. avgusta  15. avgusta  16. avgusta 2016. godine. Neće svi kratki kodovi biti mapirani do tog trenutka (naša procena je možda oko 100 dodataka), ali mapiranje će se vršiti neprekidno i korisnici će ih dobijati čim se novi pojave.

    Prijavite se na naš bilten da biste saznali novosti o mapiranju kratkih kodova, kada ćemo ga objaviti i kada ćemo ga otvoriti za javnost!

  • 10 начина на које ваш сајт може да се истакне у генерисању потенцијалних клијената и како вам 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

    Доследно и истакнуто приказивање бројева телефона је обавезно ако сте тип предузећа које нуди подршку путем телефонских позива. Straight North додаје да улагање у бесплатне бројеве такође може значајно повећати конверзију.

    Ако сте технолошка компанија попут нас, добра је идеја и да на свом веб-сајту прикажете своју адресу е-поште (или друге начине на које вас посетиоци могу контактирати).

    How PBS Can Help:

    PBS’ Full Page Niche-Based Templates have fields that let you feature phone numbers and other contact information more prominently, so that your visitors can reach you right away.

    TIP #9: Continuous Testing

    Straight North attests to the importance of site maintenance and testing: “No matter how good your website is in converting leads, it can always be better.”

    Ово важи за било који веб-сајт, а не само за онај који покушава да оствари конверзију потенцијалних клијената. Ако се побринете да ваш сајт буде у врхунској форми и да ваши клијенти буду увек задовољни, то ће помоћи вашем пословању да далеко догура.

    How PBS Can Help:

    This one is up to you, but if you’d like a tip: the PBS Team continuously tests the site and page builder for any bugs, and always work to make sure you guys are satisfied. We don’t exactly have a feature for making sure you do regular tests on your site, so this one’s entirely up to you and your team. Do it, and do it well!

    TIP #10: Mobile-Friendly Design

    Almost everyone has a cellphone or tablet; but 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!

    Срећна израда сајтова!

  • Како да сами прилагодите унапред дизајниране одељке 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 АЖУРИРАЊЕ: Верзија 4.1 и употребљивост

    Након објављивања верзије 4.0 прошлог јануара, наставили смо са радом на развоју PBS-а, додајући и исправке и побољшања. Узбуђени смо што можемо да их поделимо са вама, па ево шта смо припремили за ажурирање на верзију 4.1.

    Побољшања траке за форматирање

    Најновије ажурирање 4.1 врти се око траке за форматирање текста. Поред решавања многих грешака, такође смо побољшали неке ствари на траци које би требало да учине ваше искуство са PBS-ом глађим и ефикаснијим.

    Ажурирања бирача боја

    У ранијим верзијама PBS-а, бирач боја је имао одређене проблеме који су донекле отежавали процес уређивања, нарочито када је у питању било уређивање текста и боје текста. Међутим, за v4.1 смо се позабавили тим проблемом и направили нова прилагођавања за уређивање текста без муке.

    • Више узорака боја за лакши избор боје
    • Бирач боја сада приказује провидност
    • Исправке грешака у вези са уређивањем боје текста

    Ажурирања форматирања текста

    Раније смо имали нека дугмад на која је требало кликтати више пута да би се вредност повећала, а затим држати CTRL/CMD и кликнути да би се смањила. Првобитно смо мислили да је ово интуитивно, али су корисници указали на то да није очигледно. У овом ажурирању смо исправили те недоследности.

    • Висина реда је сада лакше доступна: превуците клизач да бисте подесили жељену величину или једноставно унесите величину коју желите у дато поље
    • Дугме за величину фонта је подељено на два дугмета: смањење и повећање ради лакше употребе
    • Повећање/смањење величине фонта је такође приступачније, сада са px као мерном јединицом за лакше уређивање. Претходно је приказивало јединицу „x” која заправо није значила ништа
    • Дугмад за поравнање лево/центрирано/десно/обострано сада су груписана како би се смањио број приказаних дугмади
    • Дугме „Уклони форматирање” сада уклања и остале стилове (попут visine reda), што раније није радило

    Побољшања хоризонталне линије

    Раније је хоризонтална линија правила одређене проблеме. Са неким темама, хоризонталне линије су биле толико мале да је било тешко кликнути на њих. Да бисмо ово решили, уклонили смо хоризонталну линију из траке за форматирање и претворили је у засебан елемент. Поред тога, сада такође можете променити боје линије путем бирача боја.

    Будућа ажурирања: шта се спрема за PBS?

    Као што смо рекли, још увек радимо на новим стварима (и новим ажурирањима). Ево малог увида у оно што вам спремамо за будућност:

    • Google фонтови (коначно!)
    • Поигравамо се идејом да трака за форматирање текста буде више од само места за форматирање текста. Шта ако би се дугмад мењала у зависности од тренутног контекста? На пример, било би веома згодно када би се појавило дугме за вертикално поравнање док уређујете текст унутар колоне.

    Шта бисте волели да видите у будућим PBS ажурирањима?

    Увек смо расположени за побољшавање PBS-а, па ако имате било какве предлоге, јавите нам се! Да ли имате неке захтеве за нове функционалности које бисте желели да додате на нашу растућу листу? Било шта друго за шта мислите да захтева прилагођавање у тренутној верзији? Јавите нам у коментарима испод!

    Срећна израда сајтова!

  • Срећан 4. јул! 20% попуста на СВЕ лиценце до 6. јула!

    Остварите 20% ПОПУСТА на све Page Builder Sandwich лиценце од 4. до 6. јула 2017! Само унесите промотивни код 4JULY2017 да бисте остварили попуст већ данас!

  • Безбедносне мере у WordPress-у: Важност резервних копија

    safety-measures-in-wordpress-the-importance-of-backupsЗамислите ово: Ваш први WordPress веб-сајт је коначно покренут и ради. Месецима се нисте осећали овако успешно. Заслужено тапшете себе по рамену, а то чине и људи који су вам помогли да остварите плод свог рада. Инсталирате прикључке који су вам потребни и почињете да планирате даљу будућност свог веб-сајта. Изгледа светло и све иде сјајно.

    Све док се не догоди незамисливо. И ваш сајт падне.

    Слегнете раменима. Чули сте да се овакве ствари дешавају, чак и најбољима. Дођавола, сигурни сте да се Марку Закербергу и Дејвиду Карпу овако нешто већ дешавало, а обојици сада иде сасвим добро, зар не?

    Зато покушавате да га поново покренете, грозничаво гуглајући решења. Не успева из првог покушаја. Не успева ни из другог – ни из трећег, ни четвртог, ни седамнаестог, па чак ни двадесет другог. Очи вам се шире при спознаји да сте потпуно и неповратно осуђени на пропаст; ваш веб-сајт је заувек нестао. Претражујете веб у потрази за решењем, али готово сви сајтови са упутствима кажу исту ствар:

    Требало је да направите резервну копију својих WordPress датотека од самог почетка.

    Требало је да направите резервну копију својих WordPress датотека од самог почетка.

    Требало је да направите резервну копију својих WordPress датотека од самог почетка.

    У најбољем случају, једна од најгорих ноћних мора власника веб-сајта. Ово је управо оно што желимо да избегнемо, па како то тачно да спречимо? Па, одговор је прилично једноставан: потребно је да инсталирамо добар прикључак за резервне копије.

    "a very "secure" bridge" by Garrett LeSage is licensed under CC BY-SA
    „a very „secure“ bridge“ аутора Garrett LeSage лиценцирано је под CC BY-SA

    Како и где почети?

    Први корак у прављењу резервне копије вашег WordPress сајта јесте да тачно знате шта треба да сачувате. WPBeginner, у свом чланку „Which WordPress Files Should You Backup? And the Right Way To Do It“, наводи следеће као основне датотеке за које је неопходно направити резервну копију за овај задатак:

    • Основне WordPress датотеке
    • Датотеке у фасцикли wp-content (ваша тема, прикључци и отпремања)
    • WordPress конфигурациона датотека
    • Ваша WordPress база података

    Резервне копије детаљније објашњене

    Сам WordPress не долази са сопственим системима безбедности и резервних копија за ваш сајт (додуше, могли бисте да научите како да их ручно подесите – иако ће то одузети много времена), тако да је на вама да пронађете начин да смањите компликације. Ажурирање вашег сајта се увек подразумева (за случај да желите да додате нешто ново, попут другог прикључка, или ако желите нешто да уклоните), а резервне копије су обавезне, осим ако не желите да изгубите податке (што свакако не желите). Остали разлози за прављење резервне копије сајта и појачавање безбедности укључују уверење да је заштићен од хакера и да нико неће моћи да украде било које податке са вашег сајта.

    „И за то постоји прикључак.“

    WordPress има мноштво прикључака за све врсте функција, укључујући (да, погодили сте) неколико за безбедност и мере прављења резервних копија. Постоји много оваквих прикључака између којих можете да бирате; неки од популарнијих укључују BackupBuddy и UpDraftPlus. Рецензије за ове прикључке (и многе друге) постоје готово свуда, тако да не брините – магија интернета вам чува леђа. Лично, ми користимо VaultPress, како за безбедност, тако и за резервне копије, из следећих разлога:

    1. VaultPress је направио Automattic – компанија коју је основао Matt Mullenweg– иста особа која је основала и сам WordPress. Многи, ако не и већина производа и услуга компаније Automattic потпуно су поуздани, и никада није лоша идеја претплатити се на прикључке који су већ испробани и тестирани.
    2. За разлику од већине прикључака за резервне копије, VaultPress не захтева простор за складиштење. Они чувају ваше податке на сопственим серверима, тако да од свог веб хостинга нећете добијати обавештења типа „трошите превише простора на серверу“.
    3. Једноставност. Да бисте га користили, само се пријавите на кориснички интерфејс и одатле можете прегледати све детаље резервних копија и обављати операције.

    Будући да VaultPress испуњава наше личне стандарде, нама савршено одговара. Међутим, ако нисте задовољни услугом VaultPress, многи сајтови – као што су WPBeginner и wpmudev – нуде уобичајене чланке са поређењима уколико имате потешкоћа при одлучивању.

    Све зависи од вас

    На крају крајева, одлука о томе да ли ћете заштитити и направити резервну копију свог веб-сајта зависи искључиво од вас. Неки људи су уверени да ће моћи да се суоче са ризицима које небезбедан сајт носи… а неки нису – и то је у реду. На крају крајева, боље спречити него лечити.

    За коју год одлуку да се определите, увек пажљиво одмерите своје могућности. На крају крајева, само ви можете проценити са чиме сте у стању да се носите.

    Срећно!