Page Builder Sandwich

Набавите PBS Pro

Аутор: Neil Lock

  • Како функционише Page Builder Sandwich

    Како-ради-Page-Builder-SandwichОвај чланак ће пружити кратак преглед тога како Page Builder Sandwich ради и намењен је као увод за све оне који желе да знају како се наш креатор страница интегрише са различитим деловима WordPress-а. Нећу се детаљно задржавати на појединачним функцијама додатка Page Builder Sandwich; ако вас оне занимају, посетите нашу страницу са видео-записима где сваку функцију приказујемо појединачно уз кратке видео-снимке екрана.

    Ако желите да сазнате по чему се Page Builder Sandwich разликује од других креатора страница на тржишту, погледајте наш чланак Како се Page Builder Sandwich разликује од осталих.

    Где се налази креатор страница?

    Где се налази? И шта могу да уређујем помоћу њега?

    За разлику од многих других креатора страница, Page Builder Sandwich се налази на корисничком делу (front end) вашег веб-сајта. Ако сте у контролној табли (back end), обезбедили смо дугме „Frontend“ поред тастера уређивача садржаја које ће вас одвести на приказ странице на самом сајту.

    Page Builder Sandwich вам омогућава да уређујете своје чланке, странице и садржај прилагођених типова чланака. Међутим, не дозвољава вам директно уређивање збирних чланака на почетној страници блога и других делова на вашем сајту који нису појединачне странице. Размишљајте о томе на овај начин: ако оно што желите да уредите има уређивач садржаја у контролној табли (као што су „Нови чланак“ и „Нова страница“), онда се Page Builder Sandwich може користити. Можете уређивати своје појединачне странице и чланке на блогу, а ако, на пример, имате додатак који уводи јеловнике ресторана или ставке портфолија, можете уређивати и њих.

    Док сте на корисничком делу сајта, поставили смо плаво дугме „Edit with Page Builder Sandwich“ у вашу администраторску траку. Само кликните на њега да бисте започели уређивање странице.

    Директно уређивање садржаја

    Уз Page Builder Sandwich, учинили смо уређивање садржаја што једноставнијим и лакшим. Уређивање садржаја је директно и лако – само кликните и куцајте. Толико је једноставно.

    Инспектор

    Представљамо: инспектор

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

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

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

    Интеграција са WordPress темама

    Page Builder Sandwich по својој природи готово да нема укључене сопствене стилове. Када уређујете свој садржај, стилови које видите углавном се заснивају на вашој теми.

    Интеграција са кратким кодовима (Shortcodes)

    Кратки кодови су важан аспект у WordPress-у и највероватније ћете користити већи број кратких кодова на свом сајту. Page Builder Sandwich са њима одлично излази на крај, при чему ће се ваши кратки кодови приказати рендеровани на корисничком делу. Кратки кодови такође остају доступни за уређивање, а најбољи део је то што ће се, након што уредите своје кратке кодове, поново рендеровати заједно са вашим изменама.

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

    Без нагомиланог кода

    Шта је са нагомилавањем непотребног кода на веб-сајту?

    Ко воли споре веб-сајтове? Ми не, а дефинитивно ни ви. Постарали смо се да Page Builder Sandwich има готово нулти утицај на перформансе вашег веб-сајта. Када нисте пријављени, у најмању руку учитавају се само CSS стилови за редове и колоне, заједно са неопходним JS и CSS скриптама за кратке кодове које сте користили.

    За програмере

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

    Ако желите да додатно проширите могућности или се интегришете са неким деловима Page Builder Sandwich-а, имамо и мноштво корисних кукица акција и филтера које можете користити.

  • Шта је Page Builder и зашто је Front End важан

    What-is-a-Page-Builder-and-Why-Front-End-MattersАко сте страствени блогер чије се целокупно стварање садржаја своди на писање дугачких чланака са повременом пратећом сликом, онда је постојећи TinyMCE уређивач садржаја можда сасвим довољан за ваше потребе. Тренутни скуп алата већ садржи неопходне алате за писање чланака — ту су основни алати за форматирање текста као што су подебљано, курзив, наслови итд. Али то је отприлике све.

    Нема практичних могућности креирања распореда

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

    Други су покушали да заобиђу овај проблем коришћењем WordPress функције кратких кодова (shortcode). Укратко, кратки кодови омогућавају уметање исечака кода помоћу посебних ознака. Постоје WordPress додаци који уводе различите кратке кодове које можете користити за креирање садржаја у колонама. На пример, могли бисте да обухватите свој садржај са више ознака за колоне ако желите да га поставите у распоред са две колоне. Иако овај метод „ради“, визуелно није практичан јер би на крају, како додајете више садржаја, све изгледало као велики хаос.

    Како би попунили ову празнину у креирању распореда, настали су градитељи страница (page builders).

    Page building blocks

    Градитељи страница олакшавају креирање уређеног садржаја

    Градитељи страница вам дају додатне алате који олакшавају организовање вашег садржаја у јединствене распореде. Градитељи страница обично уклањају позадински (back end) TinyMCE уређивач садржаја и замењују га (или додају) новим који вам помаже да визуелизујете свој садржај. Ако раније нисте користили позадински градитељ страница, замислите скуп блокова где сваки блок представља одређену врсту садржаја: слику, текст или кратки код. Затим би вам омогућио да их превучете и отпустите у различите распореде и колоне.

    Осим креирања распореда, градитељи страница такође олакшавају прављење и постављање кратких кодова. Раније сте кратке кодове могли видети у њиховом пуном, сировом облику. Видели бисте угласте заграде заједно са свим атрибутима и вредностима помешаним унутар вашег садржаја. Градитељи страница обично садрже алате за креирање кратких кодова — искачуће прозоре који одабир атрибута кратких кодова чине знатно једноставнијим него када их ручно куцате.

    Градитељи страница на корисничком делу (front end) су будућност

    Иако све ово представља боље искуство за дизајнере и креаторе садржаја, позадински градитељи страница имају велики уграђени проблем. Иако можете видети визуелни приказ онога како би ваш садржај изгледао, оно што видите није ваш стварни садржај. То доводи до тога да људи непрестано проверавају преглед својих страница како би видели да ли је оно што раде исправно. Када користим позадинске градитеље страница, лично кликнем на дугме за преглед барем 20 пута са лакоћом само да бих проверио да ли ми је садржај правилно поравнат или да ли су маргине равномерно распоређене. Ово одузима много времена и представља право малтретирање.

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

    Тренутно постоји много позадинских градитеља страница и само неколико градитеља на корисничком делу. Међу том неколицином је и Page Builder Sandwich. Ако желите да сазнате више о томе шта Page Builder Sandwich чини јединственим и зашто је он прави алат за вас, прочитајте чланак Како се Page Builder Sandwich разликује од осталих.

  • Ексклузивна Cloudways промоција за PBS кориснике!

    Сарађујемо са Cloudways-ом, једном од најсјајнијих платформи за управљани клауд хостинг на вебу. Ако још нисте чули за њих, они уживају велико поверење у WordPress заједници, показавши се као једна од најпоузданијих хостинг услуга. Такође имају неке сјајне функције, као што су вишеструке клауд инфраструктуре, више дата центара и SSD хостинг, плус клонирање у 1 клик, прављење резервне копије и враћање у 1 клик и мапирање домена у 1 клик.

    Добра вест је да смо се удружили са Cloudways-ом како бисмо направили ексклузивну промоцију за љубитеље Page Builder Sandwich-а који желе да испробају Cloudways или као поклон за постојеће кориснике Cloudways-а! Само унесите код Само унесите код:

    CWPBS15

    ..да бисте добили $15 попуста када надоградите свој Cloudways налог. Ова понуда вам такође даје 1GB DigitalOcean сервер на Cloudways-у током 1 месеца. Ово је одлична понуда за оне који желе да промене хостинг провајдера или оне који желе да покрену нове веб-сајтове или веб-апликације.

    Надамо се да ћете уживати у овој промоцији онолико колико смо ми уживали у сарадњи са Cloudways-ом!

  • Page Builder Sandwich 2017: Преглед године

    Током 2017. године почели смо да проширујемо функције Page Builder Sandwich-а. Ова година је била огроман корак за нас и нисмо могли бити срећнији.

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

    So without further ado, let’s look back at Page Builder Sandwich’s 2017. Here are our favorite updates and releases from this year.

    Parallax Scrolling

    Parallax Scrolling is a background effect that gives your page a a 3D layered look while you scroll.  We made adding this effect easy for our users- simply select the Parallax Scrolling option in your row’s background to add the parallax effect.

    Video Backgrounds

    Баш као и са Parallax Scrolling-ом, Page Builder Sandwich вам омогућава да додате атрактивне видео позадине једноставним копирањем и лепљењем Vimeo или YouTube линкова, или ручним отпремањем видео записа.

    Ken Burns Backgrounds

    Примећујете начин на који се архивски снимци приказују у већини документараца? Како приказују слику на екрану, полако је зумирајући? То се зове Ken Burns ефекат. И да, Page Builder Sandwich је и то објавио 2017. године.

    Blank Page Template

    Желите да почнете од нуле? Page Builder Sandwich мисли на вас. Такође смо 2017. године објавили шаблон Blank Page Template, који вам омогућава да дизајнирате свој веб-сајт на потпуно празном платну.

    Full Page Templates

    Page Builder Sandwich released its very first set of Page Templates in January 2017. Niche-based and professionally designed, these templates also allow for manual editing so you can customize them the way you’d like.

    Mobile Responsiveness

    2017. је била година када смо у наш списак могућности увели прилагођавање мобилним уређајима. Сада можете беспрекорно прегледати свој веб-сајт преко мобилног телефона.

    All 800+ Google Fonts

    Омогућили смо вам да свом веб-сајту додате живост и флексибилност уз свих 800+ Google фонтова.

    200% Performance Increase

    Bigger, better, faster. Page Builder Sandwich increased its performance by 200% in 2017.

    What’s in Store for 2018?

    Page Builder Sandwich је заиста прилагођен корисницима, заиста интуитиван и прави front-end креатор страница. Наша визија да вам пружимо најбоље искуство израде веб-страница расте како ви делите своје потребе.

    Из ваших идеја изградили смо нешто боље за 2018. годину!

    Frontly Builder is the next step in our evolution and we’re at the final stages of development!

    Leave us your email to get first dibs on updates!

    ’til relaunch

    Не бисмо стигли довде без ваше подршке, зато једно огромно, огромно хвала свима који су били уз нас током ове 2017. године! Наздравље за стварање још невероватнијих ствари у 2018. Видимо се тамо!

    Срдачан поздрав,
    Тим Page Builder Sandwich

  • Странице и додаци: Максимално искористите своје WordPress искуство

    pages-and-plugins-maximizing-your-wordpress-experience

    Nekim WordPress funkcijama (posebno onim složenijim) novim korisnicima može biti potrebno malo vremena da se prilagode. A ako jeste jedan od tih novijih korisnika, zamršen WordPress žargon mogao bi vas lako uvući u spiralu zastrašivanja, naročito kada se javi onaj gotovo neizbežni osećaj preopterećenosti informacijama. Uf.

    Ako spadate u ovaj deo WordPress korisnika, molimo vas da ne brinete; dobra vest je da je zabluda to što se status WordPress početnika automatski izjednačava sa ograničenim WordPress iskustvom. Ovakav način razmišljanja je uobičajena greška koju gotovo svako napravi, i apelujemo na vas da ne napravite tu istu grešku.

    Istina je da vam uopšte nije potrebno toliko duboko razumevanje unutrašnjeg funkcionisanja softvera i koda kako biste počeli sa izradom sajta – ili kako biste postigli da on radi onako kako želite. „Kako je to moguće?“, možda se pitate? Pa, jedan od načina da se to postigne jeste kreiranje stranica na vašem sajtu i dodavanje dodataka.

    WordPress je istovremeno i složen i praktičan, a kroz niz naših članaka za početnike, prilično smo detaljno to obradili. Ranije smo takođe raspravljali o tome kako dodaci doprinose prilagodljivosti i fleksibilnosti WordPress-a, kao i o tome kako oni omogućavaju korisnicima da izvuku maksimum iz svog WordPress iskustva. I dok je upoznavanje sa važnošću dodataka ključno za vaše putovanje u izradi sajta, osnovni elementi WordPress-a – kao što je postojanje stranica – takođe vam mogu pružiti prilično dobar početak.

    20160824_Una_PBS_Article_2

    Definisanje: Stranice naspram članaka

    U svetu WordPress-a, izraz „stranica“ je gotovo uvek povezan sa izrazom „članak“ – kao u „stranice i članci“ – i dešava se da ih ljudi pogrešno smatraju zamenljivim pojmovima. Može se reći da je lako zbuniti se oko ove dve stvari (naročito ako tek plivate u plićaku bazena za WordPress početnike). Imajući to na umu, imajte u vidu da, iako ove stvari mogu delovati beznačajno, uvek je dobra ideja upoznati se sa sitnicama u WordPress-u, posebno ako tek počinjete.

    Jednostavan način za razlikovanje članaka i stranica jeste taj što su članci pojedinačni unosi koje kreirate na svom sajtu (ovaj članak koji trenutno čitate, na primer, jeste članak). Ovi unosi nisu nužno neophodni za veb-sajtove, osim ako vaš sajt nema aktivan blog poput našeg. Međutim, ono što može biti ključni element vašeg sajta jeste podešavanje stranica, na šta će ovaj članak biti malo više usmeren.

    Stranice su gradivni blokovi

    Osim ako nikada pre niste dodirnuli računar (što pretpostavljamo da je malo verovatno), velike su šanse da ste već videli ili čuli za veb-stranice, ili barem imate okvirnu predstavu o tome šta bi one mogle biti. Ako niste upoznati s tim, ne brinite; takođe je verovatno da ste već nailazili na stranice tokom poseta drugim veb-sajtovima: sekcije sa često postavljanim pitanjima (FAQ) i/ili „O nama“, kontakt forme i galerije slika. Za početnike i tek izgrađene sajtove, one mogu biti poput gradivnih blokova, u neku ruku. Kada se spoje, one čine suštinu onoga o čemu je vaš sajt i šta on ima da ponudi.

    Dakle, lepo je i korisno voditi računa o ovim osnovnim razlikama, da. Ali u kombinaciji sa vašim osnovnim znanjem o dodacima, zapravo ste u savršenoj poziciji da iskoristite novostečeno znanje o WordPress stranicama, čak i ako ste početnik. Pitanje je, međutim, kako.

    20160824_Una_PBS_Article_1

    Iskoristite prednosti: Osnovni dodaci koje možete instalirati

    Na osnovnom WordPress sajtu, kreiranje stranica je jednostavno, naravno. Samo treba da prođete kroz to, pročitate nekoliko uputstava, kliknete na par dugmadi i spremni ste. Ako ipak želite bilo šta više od toga, moraćete da instalirate nekoliko dodataka.

    1. SEO (Search Engine Optimization) dodaci

    Plasirati svoj sajt u javnost dovoljno je teško, a zadatak širenja reči o vašem sajtu je još teži. Verujte mi. Zato je mala pomoć SEO dodataka ključna kako bi vaš sajt dobio taj podsticaj u rangiranju.

    Ovde u Sandwich-u koristimo Yoast, koji se često naziva vodećim SEO dodatkom na današnjem tržištu. Međutim, postoji mnoštvo drugih SEO rešenja između kojih možete birati, i postoje brojni sajtovi, poput SitePoint-a, koji porede različite SEO dodatke ako želite da odmerite svoje mogućnosti.

    1. Dodaci za pravljenje rezervnih kopija (Back-up)

    Pravljenje rezervnih kopija jedna je od najvažnijih mera opreza koje morate preduzeti kada postavljate svoj sajt; zaista nikada ne možete biti previše oprezni. Na kraju krajeva, bolje je odvojiti nekoliko minuta (ili sati, u zavisnosti od vašeg iskustva) za podešavanje dobrog dodatka za rezervne kopije, nego provesti večnost ponovo postavljajući sajt iz početka ako vam se podaci slučajno potpuno izbrišu.

    1. Bezbednosni dodaci

    Okrutan je to svet tamo napolju, čak i u prostranstvima interneta. Zlonamerni ljudi će želeti da ukradu vaše podatke, pa čak i da vam hakuju sajt, između ostalog. Zato je uvek dobra ideja instalirati bezbednosni dodatak zajedno sa rezervnom kopijom, za svaki slučaj. Mi koristimo VaultPress i za rezervne kopije i za bezbednost.

    1. Anti-spam dodaci

    Niko ne želi spam, osim ako je u pitanju hrana. Ukusno.

    Pa, na stranu popularne konzerve, postoji mnogo načina na koje se neželjeni spam može uvući na vaš WordPress sajt. Prema WPExplorer-u, iako je moguće ručno podesiti WordPress kako bi se sprečio spam, možete se odlučiti i za brže rešenje: instaliranje anti-spam dodatka za vaš sajt.

    1. Keš (Cache)

    Instaliranje dodatka za keširanje siguran je način da ubrzate performanse svog sajta i servera. Mi već neko vreme koristimo WP Fastest Cache, ali postoji i mnogo drugih visoko ocenjenih, pouzdanih dodataka za keširanje – kao što je W3 Total Cache – koje takođe možete isprobati.

    Možete saznati više o keširanju na sajtu WordPress Codex.

    ZANIMLJIVOST: Cache se izgovara ˈkash, a ne kashè

    Dodatni dodaci za vaše stranice

    1. Dodatak za kontakt formu

    Kao vlasnik sajta, odgovorni ste za odgovaranje na upite svoje publike i reagovanje na njihove predloge. Zato će u nekom trenutku, nakon što završite izradu sajta, oni možda želeti – ili čak morati – da stupe u kontakt sa vama; a upravo tome služe dodaci za kontakt forme. Iako je moguće napraviti kontakt formu za svoj sajt od nule, moramo priznati da postoje trenuci kada to ne bi bilo baš praktično, s obzirom na to da će vam za to sigurno biti potrebno određeno vreme, naročito ako ste početnik.

    WPBeginner ima listu onoga što ocenjuju kao najbolje dodatke za kontakt forme na tržištu, dok Site Point ima sličan članak o onima koji su dostupni besplatno.

    2. Dodatak za društvene mreže

    Osim ako niste veb-sajt na koji ljudi masovno dolaze, mora se priznati da je pomalo izazovno proširiti sadržaj vašeg sajta (poput članaka). Zbog toga se ponekad javlja potreba za dodatkom za društvene mreže. Velike su šanse da će vaša publika, ako joj sadržaj bude dovoljno zanimljiv, želeti da ga podeli sa svojim prijateljima na društvenim mrežama.

    3. Alati za komentarisanje / Disqus

    Kao što smo spomenuli, komunikacija sa publikom je obavezna, posebno ako se sadržaj vašeg sajta vrti oko tematskih članaka. Upoznavanje vaše publike takođe vam daje prednost; možete iskoristiti bilo koje povratne informacije koje imaju kako biste poboljšali svoj sajt i/ili svoje proizvode.

    Disqus je veoma popularan alat za komentarisanje i jedan od najpopularnijih na tržištu. Kikolani takođe ima veoma koristan članak koji vam može pomoći da odlučite koji će alat za komentare najbolje funkcionisati za vaš sajt.

    Postoji više dodataka nego što mislite

    Spisak dodataka dostupnih za WordPress sajtove ne završava se ovim člankom. Ovo je samo nekolicina onih koje smatramo veoma korisnim; svet WordPress dodataka definitivno sadrži mnogo više od onih osam koje smo gore naveli.

    Imajući to u vidu, verovatno nismo uspeli sve da pokrijemo. Dakle, imate li na umu neki dodatak za koji smatrate da bi trebalo da se nađe na listi? Recite nam u odeljku za komentare ispod, a mi bismo mogli uvrstiti vaše predloge u neki od naših budućih članaka!

    Srećna izrada sajta!

  • Ускоро објављујемо нешто заиста велико.

    In a few short months, we’ll be relaunching as Frontly Builder.

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

    Од Page Builder Sandwich-а до Frontly Builder-а

    Before the idea of Sandwich, we noticed a little pattern with page builders everywhere: A lot of them were difficult to use.

    For example, some of these builders would have you go through numerous pop-ups and other settings if you want to add something as simple as an image, a row, a button.

    And if you wanted to change a column’s settings, clicking on the edit button takes you to yet another pop-up that requires you to input settings like size and margins through dropdown options that aren’t very flexible.

    It was frustrating because we knew that page builders should exist to make things easier for users, not the other way around.

    Other wordpress page builders
    Other WordPress Page Builders

    This is how we came up with Page Builder Sandwich.

    We wanted to introduce a builder that was going to maximize users’ experience when creating webpages, allowing them to create awesome things the fast and easy way.

    We received lots of great feedback that allowed Sandwich to evolve. And the more our audience grew, the more suggestions we received on how we could further improve the plugin.

    We were in a state of constant development, and we loved it.

    Page Builder Sandwich has true front-end power, and so will Frontly Builder.

    Редефинисање онога што значи радити на ПРАВОМ фронтенду

    Еволуција Sandwich-а је била константна.

    Apart from the feedback (both negative— things we could work on; and positive ones— which we knew we had to retain), Sandwich’s capacity to grow increased, too. We kept finding more and more ideas and solutions to further improve PBS.

    And the more wants and needs from PBS arose, the more our code’s main foundation got tweaked.

    Замислите прави сендвич са свим вашим омиљеним прилозима.

    Наравно, био би одличног укуса, али како ће вам стати у уста? Како ће испунити своју главну сврху — да буде поједен?

    This is kind of what happened with PBS. We realized that so much more could be done with it with an even more efficient, stronger foundation. That we could take it further.

    Као што смо поменули, Page Builder Sandwich је у стању непрестане еволуције.

    Frontly is the next step to that evolution.

    You’ll still get an awesome support team, theme and plugin compatibility, and more.

    LIKE US ON FACEBOOK to see the logo!

    Ово није збогом за Page Builder Sandwich.

    It’s a hello to Frontly.

    So what makes Frontly different from Page Builder Sandwich?

    We’ve been working really hard to maximize Frontly’s development. The goal now is to make it an insanely better version of PBS — to embody what it means to operate on true front-end.

    Right now, we’re focusing on further improving Frontly’s UX and UI. We’ve worked on giving it a smoother look, a more user-friendly experience, and features that’ll let you build professional-looking websites in even less effort and less time.

    Questions on Frontly?

    We have a short FAQ post you can check out. Add a comment below so we can add your questions to our list!

    Стиже веома ускоро.

    While we’re crazy excited to show you guys what we’ve come up with, we wanna make sure everything is just right for you. So leave us your email to get first dibs on updates, tips and trick, and big promos on the release date.

    We are relaunching as Frontly Builder.

    Leave your email so you don’t miss out.

     

  • #PBSUpdate: Шаблони за целе странице засновани на нишама

    PBS Version 4.0 has been our biggest update yet, and with its release, we’ve included a new game-changing feature, the Full Page, Niche-Based Templates.

    The Full Page Templates are a set of 10 professionally designed, niche-based templates. They’re ready to use upon downloading PBS, and can be used as is, or may be tweaked to fit your taste.

    Use as a Starting Point for Your Page

    Коришћење шаблона је један од најефикаснијих начина за израду веб-страница. Они се обично нуде као брзо решење за проблеме у вези са дизајном и распоредом сајта, нудећи кориснику неколико опција (обично са различитим темама) на избор. Са ажурирањем верзије 4.0, Page Builder Sandwich је коначно објавио сопствени сет.

    A screenshot of one of our templates, the PBS Farm Template

    The Benefits

    PBS-ови шаблони за целе странице (Full Page Templates) прилагођени су тако да вас растерете дизајнирања веб-странице од нуле. Сваки шаблон је осмишљен за одређену нишу и садржи елементе прилагођене конкретној индустрији. На пример, шаблон Hotel укључује функције као што су Google мапа, контакт формулар и одељци намењени представљању погодности вашег хотела. Шаблон Fashion, са друге стране, укључује карусел у којем можете приказати своје најновије производе са њиховим ценама испод.

    Tweak, Tweak, Tweak

    Будући да су шаблони унапред дизајнирани, они такође олакшавају процес израде страница штедећи и време и ресурсе. Али ако изабрани шаблон не садржи функцију коју желите на својој страници (као што је видео позадина у главном заглављу за шаблон Industrial), нема разлога за бригу. Можете једноставно прилагодити дизајн шаблона свом укусу и потребама подешавањем својстава елемената директно из PBS-а.

    A section of the PBS Farm Template with tweaked colors and different photo that may cater to a different niche

    The 10 templates we currently have available (we’ll be releasing more soon!) are themed according to the following common niches and industries:

    1. Hotel Template

    • For hotels, spas, or similar business.
    • Includes video background hero header, carousel testimonials, contact form, Google Map, and more.

    2. Law/Corporate Template

    • For law firms and other corporate businesses.
    • Includes about us section, carousel testimonials, meet the team section, and more.

    3. Fashion Template

    • Use for online clothing stores and other e-commerce sites. Includes featured products carousel, call–to–action buttons, latest blogpost previews, and more.
    • Includes featured products carousel, call–to–action buttons, latest blogpost previews, and more.

    4. Farm Template

    • Ideal for subscription e–commerce sites.
    • Includes promo header, call–to–action buttons, subscription plan sections, and more.

    5. Restaurant Template

    • Perfect for restaurants and other delivery service businesses.
    • Includes hero header with space for delivery numbers, menu section, business hours section, and more.

    6. Concert Template

    • Ideal for concerts and other big events or gatherings.
    • Includes countdown, video background, affiliates section, prices section, subscription button, and more.

    7. Forum Template

    • Use for communities, small organizations, and more.Includes call-to-action buttons, about section, count up, meet the team section, and more.
    • Includes call-to-action buttons, about section, count up, meet the team section, and more.

    8. Portfolio Template

    • For photography or art portfolios, and more.
    • Includes iconified skillset section, gallery, social media buttons, and more.

    9. Industrial Template

    • Use for industrial or manufacturing businesses, and more.
    • Includes hero header with video background, about us/featured product sections, carousel testimonials, and more.

    10. Wedding Template

    • Perfect for weddings and other small intimate events.
    • Includes hero header with video background, photo gallery, RSVP section, Google Map, and more.

    Some samples of PBS’ Full Page Templates: the Law, Forum, and Hotel Templates

    The Future of Full Page Templates

    Иако тренутно имамо 10 доступних шаблона, у процесу смо израде нових. Желимо да покријемо све уобичајене нише и индустрије, наравно, али ако имате било какве предлоге, слободно нам се јавите.

    Срећно прављење сајтова!

  • Frontly Builder: Често постављана питања

    A few months ago, we announced the launch Frontly Builder, a bigger, better front-end page builder with increased performance and awesome new stuff. Think of it as a new and improved version of Page Builder Sandwich.

    Још увек је у изради, али стиже врло брзо. У међувремену, сигурни смо да имате нека питања о платформи Frontly. Зато, ево кратких честих питања за све!

    What will happen to my PBS-run site?/Will I lose everything I’ve built using PBS?/Will the Frontly update destroy my website?

    • No, definitely not! Everything you’ve made using Page Builder Sandwich will remain intact, and nothing will change.

    I purchased Page Builder Sandwich before the Frontly release. What do I do?

    • The only thing you have to do is… nothing. For current PBS users, Frontly will be released as an “update”. You’ll just be upgraded to a “better” version of PBS- Frontly.

    Will I have to repurchase Frontly?

    • No. If you’ve purchased PBS before the Frontly release, you don’t need to purchase anything. As mentioned, everything will be released as an “update” for old users, so you won’t have to lift a finger or shell anything out- we’ve sorted everything out for you guys. ?

    То је све за сада! Ако имате још питања, оставите нам коментар испод како бисмо их додали на ову листу честих питања.

    Надамо се да сте узбуђени због платформе Frontly колико и ми! Видимо се тамо. ?

    Оставите нам своју адресу е-поште како бисте међу првима сазнали за новости!

  • Како додати паралакс ефекат, видео позадину и Кен Бернс ефекат

    Page Builder Sandwich има функцију коју заједнички волимо да називамо Fancy Background Effects. Постоје три таква ефекта: Parallax ефекат, видео позадине и Ken Burns ефекат.

    What are the different Fancy Background Effects?

    PBS-ови Fancy Background Effects дају вашем веб-сајту подстицај који му је потребан да привуче посетиоце. Они су сигуран начин да привучете пажњу, а када се правилно примене, могу донети упечатљиве резултате у саобраћају на веб-сајту.

    Parallax ефекат

    Примена Parallax ефекта на вашу страницу даје вашој позадини осећај дубине, омогућавајући одређеним елементима вашег сајта да „искоче“ приликом скроловања. Ево примера странице са примењеном паралакс позадином и једне без ње.

    With Parallax Scrolling

    The background image scrolls at a different rate as the rest of the elements in the page.

    Without Parallax Scrolling

    The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.

    Video Backgrounds

    Видео позадине вам омогућавају да уместо статичних слика у позадини поставите видео-записе који се непрекидно понављају. Сјајна ствар код PBS видео позадина је то што можете једноставно налепити жељени YouTube или Vimeo линк када се то затражи, а ми ћемо га претворити у видео позадину за вас. За ово можете и сами отпремити своје видео-записе.

    Неколико примера видео позадина које можете погледати:

    The Ken Burns Effect

    Ken Burns, who popularized the Ken Burns effect in film.

    In documentaries, do you ever notice when they show photos that slowly zoom into detail? That’s called the Ken Burns Effect. You can access these effects on Page Builder Sandwich, too.

    How do I add the Fancy Background Effects?

    Све Fancy Background Effects можете пронаћи помоћу следећих корака:

    Step 1: Choose a row you’d like to add an effect on. Click on this row’s settings button (the gear icon on the left). This will open the Properties Inspector.

    Step 2: Once the Properties Inspector pops up, scroll down a bit until you find the option called “Fancy Background Effects”.

    Step 3: Once you’ve found it, you’ll see that you can click a dropdown button and select which background effect you’d like on your row.

    Step 4: Depending on which Fancy Background Effect you choose, you can adjust each effect’s settings. For example, for the Parallax effect, you can adjust its height and position.

    И то је све! Након овога, требало би да видите своје Fancy Background Effects како раде у пуном замаху на вашем сајту.

    Have you used PBS’ Fancy Backgrounds yet?

    Да ли постоје још неки позадински ефекти за које бисте желели да предложите да их додамо у наше функције? Или нам покажите свој сајт направљен помоћу PBS-а са неким од ових ефеката? Обавестите нас у одељку за коментаре испод!

  • Паралакс скроловање: Шта је то?

    The parallax scrolling effect is a design technique that’s relatively new in development and web design. Over the past few years since it’s hit the scene though, it’s grown pretty popular in its own right, and with good reason, too.

    Дефиниција паралакс скроловања

    Parallax scrolling is a technique wherein your web page’s background image scrolls at a slower rate compared to the foreground image. It gives the user a unique sense of depth and action while scrolling through a page when used on a website.

    Without Parallax Scrolling

    The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.

    With Parallax Scrolling

    The background image scrolls at a different rate as the rest of the elements in the page.

    Утицај паралакс скроловања на корисника

    Ова техника ипак није сасвим нова, и заправо се користила у традиционалној анимацији још од 1920-их година. Такође је коришћена и у многим класичним видео-играма, као што је Super Mario brothers.

    У домену веб дизајна, међутим, компанија Nike се често наводи као једна од првих која је користила паралакс скроловање 2011. године. Од тада је термин „паралакс скроловање” (понекад називан и „паралакс позадина/е”) постао уобичајен појам међу дизајнерима и програмерима, чија популарност непрестано расте.

    Parallax scrolling as used in a version of Super Mario Brothers. Notice how the hills in the background move
    in slightly varying speeds, as compared to Mario and the other characters in the foreground.

    Шта корисник добија од тога

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

    Поделите свој рад са нама!

    Дакле, шта ви мислите? Да ли сте већ испробали најновију функцију паралакс позадине из PBS v4? Да ли вам иде у прилог? Слободно нам пошаљите везу ка свом раду или оставите предлоге у одељку за коментаре испод.

    Срећно прављење сајтова!