Како користити Page Builder Sandwich

Како се користи Page Builder Sandwich

Page Builder Sandwich није као ваш уобичајени креатор страница, он је некомпликован и једноставан за коришћење.

Можете погледати видео испод за кратак преглед.

Где је уређивач?

Прво направите нову страницу, чланак или CPT. Затим посетите свој нови чланак или било који постојећи на корисничком делу сајта (frontend). PBS је 100% frontend, нећете морати да се мучите у позадини (backend).

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

Помоћу PBS-а можете уређивати само појединачне странице. Не можете уређивати листу чланака на блогу или 404 страницу, јер њих генерише ваша тема. Чланци, странице и прилагођени типови садржаја (CPT) су у реду.

Уређивање вашег садржаја

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

Форматирање вашег садржаја / улепшавање ствари

dcb1615380 file 9OtagMFi2c

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

Додавање елемената

ecfd309bb2 file yDqiNEv73s

Пређите мишем преко дугмета за додавање елемената у горњем левом углу екрана да бисте приказали Панел за додавање елемената. Такође можете само померити миш на леву страну екрана да би се појавио.

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

Стилизовање и модификовање елемената

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

0046713cb7 file YU6nUCc7jYМожете прећи мишем преко ивица контура да бисте повећали/смањили маргине између елемената.

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

5c220b4ac9 file Odem5RLPok

Инспектор својстава

3e7e48b754 file INy1v5z9Oz

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

Такође можете приступити својствима родитељских елемената. На пример, ако сте поставили слику унутар колоне и отворили инспектор својстава, можете приступити својствима слике, колоне у којој се налази и реда у којем се колона налази.

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

Коришћење кратких кодова (Shortcodes)

Page Builder Sandwich приказује праве кратке кодове на корисничком делу, а можете их и лако уређивати! 

edee730340 file TqfWB9yv3y

Ако знате своје кратке кодове напамет, можете их уметнути тако што ћете их директно укуцати у свој садржај. Али ако их нисте запамтили све (ко то уопште ради?), инспектор наводи све кратке кодове доступне на вашем сајту. Превуците дугме Shortcode из инспектора у област садржаја и пронађите онај који желите да уметнете, а затим кликните на њега да бисте га уметнули.

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

Преуређивање вашег садржаја

Помоћу PBS-а можете кликнути и превући било шта и померити га било где. Када нешто превучете, померите то изнад другог елемента на страници, и можете га поставити изнад или испод било ког другог садржаја.

Чување вашег рада

ae0cf6f413 file

Када сте задовољни својим дизајном, само кликните на дугме за чување у горњем левом углу странице. То је све!