Аутор: Neil Lock

  • Прећутани проблем кратких кодова

    The-Unspoken-Problem-of-Shortcodes

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

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

    Овај конкретни се зове embed кратки код и подразумевано је уграђен у WordPress. Овај конкретни уграђује видео са URL адресе у ваш садржај. Само копирајте и налепите горњи кратки код на свој сајт ако желите да га испробате.

    Иза кулиса, оно што се дешава јесте да када WordPress наиђе на кратки код у вашем садржају, он се обрађује и претвара у нешто друго. У нашем случају изнад, кад год се

    кратки код детектује, WordPress узима URL из кратког кода и проверава га према бројним добављачима садржаја које поседује. Када га пронађе, он преузима одговарајући iframe код за уграђивање и уместо тога приказује њега.

    Па шта је овде проблем? Звучи прилично једноставно, само унесете кратак текст са заградама и готови сте.

    Ту на сцену ступа Shortcode API…

    Обиље кратких кодова

    Shortcode API омогућава програмерима прављење кратких кодова. Захваљујући томе, програмери могу да додају сопствене кратке кодове унутар својих додатака.

    Ово је сјајно, сада уз помоћ само кратког исечка налик коду (отуда и назив „кратки код“), почетници као и напредни корисници могу поставити практично било коју врсту садржаја коју пожеле било где.

    WordPress подразумевано има само неколико кратких кодова. Лако их је откуцати из главе јер их има само неколико. Али ако инсталирате неколико додатака, број кратких кодова брзо скочи на десетак или више, а у неким случајевима и на преко стотину. Сваки кратки код има свој скуп атрибута и упутстава за коришћење. Сваки додатак највероватније има неку врсту документације о томе како сви њихови кратки кодови раде и наводи све доступне параметре у сваком од њих. Али били бисте луди да покушате да запамтите све кратке кодове и њихове атрибуте.

    Проблем је у томе што не постоји централизовано место на којем можете сазнати све кратке кодове доступне на вашем сајту и како да их користите.

    Неки покушавају да реше проблем

    Неки додаци покушавају да реше овај проблем тако што приказују све своје кратке кодове у падајућем менију којем је лако приступити. Затим би клик на један од њих исписао кратки код, заједно са свим могућим атрибутима за њега. Више нема потребе за памћењем, што је добра ствар.

    Screen-Shot-2016-06-22-at-11.27.09-AM

    Неки иду и даље и додају искачући образац са подешавањима који има поља за потврду и бираче боја за попуњавање атрибута кратког кода.

    Screen-Shot-2016-06-22-at-11.28.54-AM

    Ово решење донекле функционише. Међутим, сваки додатак наводи само сопствене кратке кодове. Дакле, ако сваки додатак направи сопствени облик бирача кратких кодова, сигурно ћете наићи на ситуације када имате више бирача кратких кодова на екрану (ово ми се већ дешавало).

    Screen-Shot-2016-06-22-at-11.22.41-AM

    Другим речима, сваки додатак ради по своме и примењује сопствено решење за сопствене кратке кодове. Неки додаци додају или ново дугме поред дугмета „Add Media“, или ново унутар TinyMCE-а.

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

    Идеално решење

    Савршен план би био да се направи додатак који прикупља све доступне кратке кодове на вашем сајту, затим вам приказује списак и такође вам помаже да попуните све атрибуте. И сваки пут када инсталирате нови додатак, сви ти новоуведени кратки кодови би вам такође били приказани.

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

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

    Зачкољица

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

    Напомена за програмере: да, постоји новододати трећи аргумент за функцију shortcode_atts, али то није обавезан аргумент. Дакле, осим ако га сваки програмер додатака на свету не примени, и даље нећемо имати сигуран начин да утврдимо све атрибуте кратког кода.

    Shortcode API не пружа никакве могућности за додавање описа кратких кодова, одређивање типова атрибута или описе атрибута. И осим ако сам WordPress не дода централни простор за приступ кратким кодовима, сумњам да ће ова могућност бити направљена.

    Закључак

    Тренутно је задатак организовања кратких кодова препуштен сваком програмеру појединачно. Осим ако се не развије централни метод унутар WordPress-а, очекујте да ћете и даље виђати више дугмади „Add Shortcode“ у свом контролном панелу. Да ли нешто овако треба додати у WordPress Core или не, посебна је велика расправа за себе.

    Алтернатива

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

    Ми овде у Page Builder Sandwich-у правимо нешто што се надамо да може да реши ову заврзламу са кратким кодовима. Претплатите се на наш билтен у наставку како бисте били обавештени о нашем напретку.

  • Dodavanje stilizovanih mapa na vašu stranicu predstavlja interaktivno iskustvo

    Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2Сада можете постављати мапе у своје дизајне страница користећи Page Builder Sandwich!

    Чудно је бити узбуђен због мапа. Узмете Google Map URL и затим га уградите. Или можда нађете додатак за мапе на интернету и убаците кратки код. Или можда ваш други креатор страница већ има ту опцију па можете да је додате кад год пожелите. Али разлог зашто смо ми узбуђени је тај што смо додавање мапа подигли на потпуно нови ниво.

    Ево прегледа:

    Стари, досадни начин додавања мапе

    Ево како додајете мапу помоћу типичног креатора страница:

    1. Превучете нови елемент мапе,
    2. Унесете географску ширину и дужину у поља,
    3. Унесете друге вредности у поља, попут висине мапе, ширине мапе, означите поље за стил путева итд.,
    4. Кликнете на преглед и проверите како изгледа, па одлучите да треба нешто променити како би изгледало боље,
    5. Вратите се у креатор страница и промените вредности, а затим поновите корак 4 изнад.

    Page Builder Sandwich начин додавања мапе

    Мапе на веб-сајтовима су интерактивне – можете се померати по њима, зумирати и умањивати мапу. Зато смо помислили, зашто не бисмо уклонили сва нагађања и једноставно омогућили људима да директно комуницирају са мапом док граде своју страницу?

    Ево како додајете мапу помоћу Page Builder Sandwich-а:

    1. Додате елемент мапе,
    2. Укуцате географску ширину и дужину или адресу на коју желите да се мапа центрира,
    3. Померате мапу и зумирате или је умањујете како бисте добили жељени изглед,
    4. Додате сјајне боје на своје мапе како би одговарале вашем стилу,
    5. Кликнете на сачувај.

    Наш начин је много забавнији и интуитивнији. У суштини користите мапу онако како бисте то радили са обичном Google мапом.

    Обојене мапе или стилизовање помоћу SnazzyMaps

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

    Ево једне коју смо обојили у розе:

    Page Builder Sandwich такође подржава сложеније шеме боја путем SnazzyMaps. Они имају огроман списак шема боја које су приложили корисници, а омогућавају вам и да креирате сопствене ако желите већу контролу над бојама.

    Само пронађите шему боја која вам се допада, затим копирајте код и налепите га у Page Builder Sandwich. Шема боја ће одмах бити примењена на вашу мапу.

    Ево једне сјајне шеме боја под називом papuportal dark са SnazzyMaps-а:

    Поставите мапе где год желите

    Постоји још много сјајних ствари које можете урадити са мапама – попут додавања у редове пуне ширине ради драматичнијег ефекта. Такође их можете додати унутар вртешке ако желите, или унутар картица (функција која ускоро стиже).

    Ако још увек немате Page Builder Sandwich, можете испробати премијум верзију кликом на линк „Live Demo“ изнад.

  • WordPress.com против WordPress.org

    Wordpress-Com-VS-Wordpress-OrgАко сте релативно нови у изради веб-сајтова, велике су шансе да вероватно нисте упознати са великом дебатом WordPress.com против WordPress.org. Можда нисте ни знали да и онај други постоји, као ни које су различите предности и мане сваког од њих. Дакле, о чему се, молим вас, ради у тој великој дебати између коришћења WordPress.com-а и WordPress.org-а? Да ли је овај други само јефтина копија која чека тужбу?

    Па, не.

    Дебата се, укратко, води око тога која од ове две WordPress услуге боље одговара веб-сајту који покушавате да направите. Ниједан није копија оног другог и оба сајта су у власништву WordPress-а; ствар је само у томе што је један (.com) верзија која је прилагођенија онима који нису програмери, док .org има знатно мање ограничења када је у питању израда сајта у поређењу са .com.

    „Како да знам који ми је ипак потребан?”

    Одговор на ово питање у потпуности зависи од потреба вашег будућег веб-сајта. Не постоји ниједан WordPress ентитет који је објективно „боља” или чак „најбоља” верзија за коришћење. Оба имају своје јединствене функције и једнаку количину предности и мана.

    WordPress.com: Зашто и када би требало?

    WordPress.com се брине о основним стварима уместо вас, што вам омогућава да се више фокусирате на садржај свог сајта. То је алат за израду сајтова којим у потпуности управља и који хостује група компанија под називом Automattic. Добијате премијум хостинг, резервне копије, безбедност и слично. То значи да се много лакше можете посветити садржају свог сајта, у поређењу са трошењем сати и сати градећи га од нуле.

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

    Како одржавати веб-сајт је сасвим друга прича. То у великој мери зависи од тога да ли: 1.) нисте WordPress програмер, 2.) немате намеру да учите кодирање или 3.) немате нимало или имате мало времена за то.

    WordPress.org: Када је време да се узме у обзир?

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

    „Али чекајте, зашто бих то желео? Зар поента WordPress-а није да олакша израду сајтова?”

    …Не баш. Размишљајте о томе овако: The Daily Post прави одличну аналогију између WordPress.org-а и WordPress.com-а, на начин да чак и највећи почетници (попут мене) одмах схвате суштину.

    Према њима, о WordPress.com-у треба да размишљате као о нечему над чим немате пуно власништво. Замислите, на пример, себе са 15 година, како још увек живите са родитељима. Ако бисте желели да окречите своју собу, прво бисте морали да питате родитеље за дозволу (који, наравно, имају пуно власништво над кућом, укључујући и вашу собу). Технички, соба је ваша, али на крају крајева, па… и није баш.

    Дакле, ако треба или желите да направите било какве драстичне промене (попут кречења зидова или дограђивања собе), и даље бисте морали да поразговарате и/или направите компромис са стварним власницима куће, тј. мамом и татом. Добра страна овога је, међутим, то што када прегори осигурач у подруму или клима уређај престане да ради, ваши родитељи се побрину за то, а ви не морате ни о чему да бринете.

    WordPress.org је, са друге стране, нешто што можете слободно прилагођавати и модификовати по сопственом нахођењу. Ово се може упоредити са тренутком када се са 18 година коначно одселите и добијете сопствени стан. Пошто имате пуно власништво над својим стамбеним простором, не морате ни са ким да правите компромисе да бисте окречили зидове у ону боју од које је ваша мама увек зазирала; имате слободу да сами донесете одлуку и/или унајмите некога ко одговара вашим стандардима да то уради уместо вас. Поред тога, имате и слободу да изаберете тачно онај клима уређај који желите за своју дневну собу. Само што ћете, ако се деси да се поквари, морати да ангажујете мајстора да га поправи или да сами схватите шта није у реду и како да га поправите (што и није тако лоше, јер, хеј, лекција је научена, а учење је добра ствар).

    До сада сте, надамо се, стекли јаснију слику о томе које су то велике разлике између WordPress.com-а и WordPress.org-а. Али укратко:

    инсталирајте колико год желите, теме су ограничене само на WordPress теме, морате да платите одређену накнаду да бисте уклонили огласе.Имате готово потпуну контролу над својим сајтом; можете додавати, прилагођавати или чак правити сопствене теме.

    Контрола над садржајем је ограничена;

    WordPress.com WordPress.org
    У потпуности хостовано од стране WordPress-а; све основне потребе су покривене. Самостално хостовано; изаберите сопствене основне потребе или изаберите боље.
    Функције су ограничене на оно што WordPress.com нуди Хиљаде функција у облику додатака (плагинова);

    Ово су нека од поређења која долазе са одмеравањем разлика између ова два избора. Избор између њих се на крају своди на количину слободе коју желите у креирању свог сајта и колико сте ресурса (времена, труда, новца итд.) спремни да издвојите за то. Запамтите да су ово веома важне опције које треба одмерити пре него што одлучите која вам WordPress платформа највише одговара. Зато, не журите са одлуком!

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

  • Шта су уопште кратки кодови?

    What-Are-Shortcodes-AnywayАко сте приметили, једно од неписаних правила WordPress-а јесте да увек, али увек учини ствари бар мало лакшим за све – како за почетнике, тако и за искусне програмере. Један од начина на који остварују овај циљ јесте коришћење кратких кодова.

    Страница за подршку WordPress.com дефинише их овако:

    shtЗвучи прилично једноставно. Сада, ако нисте чули за кратке кодове пре овог чланка и не знате како изгледају, то је онај архаични текст налик коду затворен у угласте заграде.

    У поређењу са обичним кодом, који обично изгледа овако:

    HTML5-video-tag-sample-code
    (Хм. Шта?)

    Кратки кодови генерално изгледају отприлике овако:

    embed_shortcode
    (Просто к’о пасуљ.)

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

    Сада се вратимо на овај конкретан пример кратког кода, исти као онај изнад:

    embed-shortcode Овај конкретни кратки код се зове embed кратки код и подразумевано је уграђен у WordPress. Он уграђује видео са URL адресе у ваш садржај. Ако сте тренутно у WordPress-у, можете копирати и налепити горенаведени кратки код на свој сајт ако желите да га испробате.

    Ипак, кратки кодови нису савршено решење за уштеду времена. У нашем претходном чланку детаљније се бавимо тиме зашто кратки кодови имају свој део мана и шта тим Sandwich припрема како би их решио.

    За сада, слободно експериментишите са кратким кодовима и погледајте шта све они могу да учине за вас.

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

  • 5 разлога зашто је празан простор важан

    Reasons-Why-Whitespace-MattersU osnovi, prazan prostor (whitespace), u svojoj najosnovnijoj definiciji, jeste prostor oko i između svih elemenata kompozicije koji je ostavljen neoznačen. To nije samo gubljenje prostora na ekranu, kako većina vlasnika veb-sajtova misli. Kada se dobro koristi, prazan prostor zapravo može doneti prednosti za bolju promociju proizvoda. On je važan ključ za kreiranje dobrog dizajna i čini veb-sajt boljim u svakom pogledu.

    Iako sam naziv „whitespace“ implicira da je prostor bele boje, on ne mora uvek doslovno biti beo. Prazan prostor zapravo može biti bilo koje boje — može čak imati i suptilnu šaru ili teksturu. To je oblast na koju ne želite da se oko fokusira. Drugi naziv za to je negativni prostor.

    Zašto je, dakle, prazan prostor važan?

    newsfeed
    Izvor slike: News Feed

    Razlog br. 1: Poboljšava čitljivost

    Prazan prostor između osnovnih linija teksta i pasusa zapravo pomaže ljudima da udobno čitaju sav sadržaj na sajtu. Prilagođavanje sitnih detalja na vašem sajtu (poput proreda teksta ili razmaka između slova) može napraviti ogromnu razliku u olakšavanju čitanja.

    Cilj je navesti ljude da nastave sa čitanjem dizajniranjem rasporeda koji prija očima.

    hpmagicwords
    Izvor slike: HP Magic Words

    Razlog br. 2: Ubrzava interakciju

    Budimo iskreni: većina vaših posetilaca neće imati dovoljno strpljenja da detaljno gleda dok pretražuje veb-sajtove. Kada veb-sajt deluje pretrpano, to odvlači pažnju korisnika od pronalaženja onoga što traže.

    Prazan prostor bi trebalo da pomogne u vođenju posmatrača kroz stranicu. Manje elemenata koji se takmiče za pažnju, uz pravilnu upotrebu praznog prostora, može sprečiti ometanja koja usporavaju posetioce.

    google
    Izvor slike: Google

    Razlog br. 3: Usmerava pažnju na prave elemente

    Prazan prostor može pružiti korisnicima vizuelne smernice o tome gde bi trebalo da gledaju. Kada se koristi na pravilan način, prazan prostor pomaže u isticanju informacija i privlačenju pažnje na određeni deo vašeg veb-sajta.

    Zapamtite, ako se sve ističe, ništa se ne ističe.

    Izvor slike: Pocket Penguins

    Razlog br. 4: Prvi utisak je važan

    Izgled i opšti utisak veb-sajta glavni su ključ za dobar prvi utisak. Dobar prvi utisak često vodi do dužeg trajanja posete. Premalo praznog prostora može učiniti da vaš veb-sajt izgleda jeftino i nepouzdano. Posetioci neće smatrati sajt ili brend verodostojnim ukoliko ne izgleda privlačno. Odgovarajuća količina praznog prostora pomaže u stvaranju pravog tona za vaš veb-sajt. Prazan prostor može biti način da se prenesu domišljatost, svežina, a ponekad i elegancija.

    Savet: Evo ideje kako da svoj veb-dizajn učinite jednostavnim i poznatim.

    flockknitwear
    Izvor slike: Flock Knitwear

    Razlog br. 5: Pomaže u stvaranju prostora za disanje i ravnoteže

    Uravnotežen dizajn ne znači nužno simetričan. Veliki dizajnerski element može se uravnotežiti sa nekoliko manjih. Dodavanje praznog prostora je odličan način za balansiranje dizajnerskih elemenata različitih veličina na vašoj stranici. Kreirajte tok kako oči korisnika ne bi lutale posvuda. Dobar dizajn bi trebalo da može da vodi korisnika od jedne do druge tačke bez zbunjivanja posetioca.

    Zaključak

    Sledeći put kada posetite neki veb-sajt i primetite da ste se zadržali neko vreme, razmislite o tome šta vas je navelo da ostanete i čitate. Mislite li da prored čini članak lakšim za čitanje? Da li vas to iskustvo navodi da poželite da se iznova vraćate? Da li vam je bilo teško da pronađete navigaciju?

    Obratite pažnju na dobru primenu praznog prostora na veb-sajtu. Ako mislite da to može funkcionisati i na vašem veb-sajtu, naučite kako da primenite i upravljate količinom prostora koju dodeljujete svom elementu dok ne procenite da ste preneli pravi ton i postigli čitljivost bez žrtvovanja „toka“ koji želite za svoj veb-sajt.

    Krajnji cilj svakog veb-sajta jeste komunikacija. Vizuelna privlačnost ide ruku pod ruku sa uspehom vašeg veb-sajta.

  • Зашто WordPress?

    Why-WordpressЈедна важна ствар коју треба узети у обзир при изради вашег првог веб-места — било да сте предузеће, слободњак, или било шта и било ко — јесте да није свако вешт у језику кода и развоју софтвера. Можете бити, на пример, кувар који жели да објави своје рецепте на мрежи. Такође можете бити студент ликовних уметности коме је потребан професионални портфолио, или почетничко предузеће коме је потребно сопствено веб-место. Било да је у питању једно или друго или било шта између, остаје чињеница да, иако су неки од нас можда упознати са основама кода, нисмо сви програмери са пуним радним временом, и да не зна свако коме је потребно или ко жели веб-место како да га направи од нуле. Овде WordPress може бити од користи. Поставља се питање: „Зашто WordPress?“

    РАЗЛОГ БР. 1

    WordPress је систем за управљање садржајем, што га чини потпуно прилагођеним корисницима.

    Прва ствар коју треба да знате јесте да је WordPress систем за управљање садржајем (или CMS). Једноставније речено, то значи да WordPress омогућава својим корисницима да праве веб-места без потребе за писањем кода од нуле. Има систематичан, организован интерфејс који вам омогућава да стално држите ствари под контролом без потребе да повремено петљате са кодом.

    У поређењу са израдом веб-места од нуле, која би обично почињала овако:

    screenshot-1 Са системом за управљање садржајем почињете са нечим оваквим:

    WordPress
    Позадински интерфејс WordPress-а. Управљање и прављење веб-места постаје лакше уз CMS.

    Можда се ипак питате: „WordPress делује сјајно, али шта ако нема функције које желим за своје веб-место?“, или „шта ако желим мапу, аудио плејер, или систем за кеширање, или поузданији безбедносни систем?“

    …Технички гледано, WordPress вероватно има ту функцију коју желите, и она ће доћи у облику WordPress додатка.

    РАЗЛОГ БР. 2

    Додаци: шлаг на торти WordPress-а

    Ако се бринете да WordPress не садржи ту одређену функцију коју можда желите на свом веб-месту, не брините: вероватно је има.

    Додаци су „додатне функције“ које постоје да би повећале функционалност вашег WordPress веб-места. Ако сте предузетник коме је потребан контакт образац за веб-место, можда ћете желети да имате на уму да WordPress сам по себи нема ту функцију, али постоји мноштво додатака који је имају. А пошто је WordPress отвореног кода — што значи да практично свако може допринети његовом развоју — нови додаци се редовно стварају. Можете добити тај контакт образац који желите, и више од тога. Имате слободу да додате друге додатке у распону од дугмади за дељење на друштвеним мрежама, до мапа, па чак и додатних безбедносних мера за ваше веб-место, међу многим, многим другим функцијама и проширењима. Реците сада да то не звучи сјајно.

    За сада, WordPress има на хиљаде ових додатака — а неки од њих су чак доступни бесплатно и/или имају бесплатне верзије, укључујући и PBS.

    РАЗЛОГ БР. 3

    Отворен код: WordPress заједница

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

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

    РАЗЛОГ БР. 4

    WordPress је поуздан.

    CNN, Званични блог Star Wars-а, Time магазин, па чак и (НЕВЕРОВАТНО!) Бијонсе, сви они користе WordPress за своја веб-места, међу многим другима. Ова велика имена нису једина ствар која потврђује легитимитет WordPress-а — према Treehouse.com, око 25% свих веб-места на мрежи покреће WordPress. Узимајући у обзир колико милиона и хиљада веб-места постоји… па, 25% је прилично велика бројка.

    РАЗЛОГ БР. 5

    Прилагођавања у изобиљу!

    WordPress има мноштво тема доступних за вас и ваше веб-место. Слободни сте да бирате између бесплатних верзија, премијум верзија, или чак да направите сопствену (или унајмите некога да је направи за вас!).

    РАЗЛОГ БР. 6:

    Бесплатан је.

    Да, добро сте прочитали. Кроз локални развој, WordPress је потпуно бесплатан и можете га инсталирати на свој рачунар притиском на дугме. Такође, уместо да ангажујете програмера, можете искористити било какво знање које имате о коду да сазнате више о томе како WordPress функционише (а учење је увек добра ствар).

    …да не помињемо да ако немате времена да се превише удубљујете у WordPress и израду сајтова, увек можете набавити згодан додатак за израду страница и испробати наш.

    Запамтите да са WordPress-ом постоје бескрајне могућности, и није потребно бити геније да бисте схватили како све то функционише!

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

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

  • 3 ствари које треба узети у обзир пре него што се упустите у креаторе страница

    3-Things-to-Consider-Before-Diving-Into-Page-BuildersПостоји мала шанса да сте овде зато што сте чули да је PBS вероватно једна од најбржих пречица за израду сајтова. Иако билдери страница генерално постоје да би олакшали ствари, ипак постоји неколико ствари које би требало да узмете у обзир пре него што зароните дубље у ову област WordPress развоја.

    Учење WordPress-а: Кључни предуслов за билдере страница

    Ово је вероватно најочигледнија ставка на овој листи, али ипак најважнија. Билдери страница се, нажалост, не могу купити засебно. Они долазе у облику прикључака у WordPress-у, које ћете морати да инсталирате и научите да користите. Будите сигурни да је WordPress један од најлакших и најпоузданијих начина за израду веб-сајта. Нећете зажалити што знате нешто техничко, с обзиром на доба у којем се тренутно налазимо. Постоји разлика између WordPress.com и WordPress.org, а знање о томе који одговара вашим потребама такође штеди време!

    Међутим, ако вас помало плаши мноштво техничких термина у овом чланку, не брините. Постоји неколико корисних сајтова које можете посетити како би вам помогли да почнете. Неки од њих су WordPress Codex и Treehouse. Они садрже савете за WordPress и израду веб-сајтова, у зависности од ваших потреба и нивоа знања.

    Можда би требало прво да испитате терен, чисто да будете сигурни

    Увек је добра идеја испробати бесплатне и/или пробне верзије пре великих куповина због којих бисте на крају могли зажалити у будућности. Срећом, већина билдера страница долази са бесплатним/демо верзијама. Наравно, можемо погледати и гомилу поузданих рецензија о билдерима страница док други пореде и упоређују билдере страница.  Обавезно пажљиво одмерите своје могућности!

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

    Дизајн прави огромну разлику

    WordPress ентузијасткиња Дона Фонтено Кавалије износи веома добру поенту у вези са билдерима страница који користе систем превлачења и испуштања, као и о важности основног дизајна. Иако билдери са превлачењем и испуштањем попут PBS-а могу да вам уштеде много времена, основно знање и барем неко познавање естетике је још једна кључна ствар коју треба узети у обзир приликом израде веб-сајтова. Замислите сценарио – рецимо да сте дошли до сјајног билдера страница по свом избору: то је одлично! Али рецимо да сте особа која баш и нема најбоље око за уметност, дизајн и функционалност: упс.

    Ипак, не брините. Page Builder Sandwich није само билдер страница; наш тим је такође посвећен пружању помоћи и другим корисницима WordPress-а. Дакле, ако имате потешкоћа са дизајном, не брините – имамо гомилу чланака овде на PBS блогу са пуно корисних савета који ће вам помоћи да започнете. На тај начин можете урадити више, научити више и мање бринути.

    Запамтите, ако имате било каквих питања или недоумица у вези са билдерима страница, или било чим што се односи на горенаведене ставке, слободно нам пишите у одељку за коментаре испод. Увек нам је задовољство да помогнемо нашим корисницима.

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

  • Мапирање кратких кодова: Како ће PBS подржати 800+ додатака и 2.000+ кратких кодова

    How-PBS-Supports-800-Plugins-2000-ShortcodesWhen I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

    Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

    I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

    I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

    I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

    Током протеклих неколико недеља, PBS тим је додао елемент мапе, као и елемент картица.

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

    But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

    And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

    I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

    Well, the simple answer is yes. Yes it is.

    And we’ve managed to achieve this feat through shortcode mapping.

    What is Shortcode Mapping?

    Shortcode mapping
    Shortcode mapping makes building shortcodes more friendly.

    Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    Предности оваквог система су прилично велике:

    1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

    2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

    3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

    4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

    5.) Overall faster page building time!

    Мапирање шорткодова ипак није новост, и многи креатори страница га већ имају. Али по чему се наш разликује?

    Како мапирање шорткодова функционише у другим креаторима страница

    Lonely times
    Each person/site does their own shortcode mapping.

    Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

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

    What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

    Како мапирање шорткодова функционише у Page Builder Sandwich-у

    Shortcode mapping is centralized
    Shortcode mappings are shared across all users.

    Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

    Ово нам доноси много сјајних предности:

    1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
    2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
    3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
    4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
    5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
    6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!

    In case you’re interested in reading into how we made all of this possible,  we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

    Пријавите се на наш билтен!

    You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

    So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!

  • 5 једноставних савета како да ваш веб-сајт изгледа добро

    5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

    Ево неколико основних савета о томе шта можете учинити да побољшате дизајн свог веб-сајта.

    Add high-quality images

    You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

    Изаберите праве боје

    booneselections
    Lawrence Boone Selections uses black to add a sense of luxury and value to their website
    juicebox
    Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

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

    Изаберите највише две до три основне боје за свој дизајн. Ако осетите потребу да додате још боја, можете искористити светлије и тамније нијансе својих основних боја. У теорији боја, светлија нијанса је мешавина боје са белом, што повећава светлоћу, док је тамнија нијанса мешавина боје са белом, што смањује светлоћу.

    Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

    Користите контрастне типове писма

    Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

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

    Одржавајте прегледност користећи празан простор

    Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

    Прилагодите га мобилним уређајима

    People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

    Додатни савет: Коришћење Page Builder Sandwich-а на вашем веб-сајту аутоматски ће омогућити приказ за мобилне уређаје и прилагодити га величини екрана мобилног телефона.

    Закључак

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

  • Како направити основна херо заглавља у 3 једноставна корака

    How-to-Create-Basic-Hero-Headers-2

    061716_PBS_Jihan_How to Create Basic Hero Headers_Done

    When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

    Шта су Hero заглавља?

    The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

    Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

    Да бисте започели рад на свом првом PBS hero заглављу, пратите брзе кораке у наставку:

    Корак 1: Уметните колону и прилагодите ширину реда

    061716_PBS_Jihan_How-to-Create-Basic-Hero-HeadersClick 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-1-b_Revised-1Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

    What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

    Row Width-Normal

    Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

    Row Width-Full-Width

    Full-Width – Background, text and other elements fill the entire width of your browser window

    Row Width-Full-Width Retain

    Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

    In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

    Корак 2: Прилагодите маргину да бисте креирали празан простор

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-2-revisedIncrease the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

    Корак 3: Додајте позадину са преклопним текстом и елементима

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-aTo add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

    061716_PBS_Jihan_How to Create Basic Hero HeadersTip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

    061716_PBS_Jihan_How-to-Create-Basic-Hero-Headers_Step-3-cType in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

    Савет бр. 2: За елементе бренда размислите о коришћењу белог или црног логотипа како се не би сукобљавао са шареном позадинском сликом.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-dYou can also add buttons by clicking on Button below the Insert Content tab.

    Не заборавите да сачувате свој рад и све је спремно!

    Честитамо на изради вашег првог hero заглавља помоћу PBS-а! У случају да нисте успели, нема потребе за бригом; почетак од нуле је вероватно лакши уз PBS, тако да то не би требало да представља велики проблем.

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