Садржај
- 01. Инсталирајте нову копију ВордПресс-а
- 02. Уклоните подразумеване додатке
- 03. Додајте прилагођени тип поста
- 04. Додавање / уређивање прилагођеног интерфејса типа поста
- 05. Направите прилагођени пуж за преписивање
- 06. Додајте подршку за прилагођена поља
- 07. Додајте прилагођена поља
- 08. Поставите поља
- 09. Направите датотеку ВордПресс шаблона
- 10. Направите распоред једноструког поста пуне ширине
- 11. Покрените петљу и креирајте садржај
- 12. Користите ПХП за позивање динамичких вредности
- 13. Направите тест купца са неким лажним подацима
- 14. Обрадите грешке за податке који недостају
- 15. Средите интерфејс
- 16. Изузмите је са мапе сајта
Потрошачи су очекивали постојање подручја које корисницима омогућава пријаву и преузимање или преглед докумената, од телефонских уговора до комуналних услуга.
Међутим, када дизајнери раде са својим клијентима, све се брзо може разбити у збрку е-поште, веза до макета и прилога.
Овај водич за ВордПресс ће показати како проширити ВордПресс (доступне су и друге услуге веб хостинга) на клијентски портал способан за чување докумената, видео записа и цртежа, тако да клијент може да им приступи на једном месту. Портал ће служити сваком купцу јединственом везом заштићеном лозинком која се не појављује у редовној навигацији.
Прилагођени типови и поља поста користиће се за чување података, а они ће се додавати путем додатака, како би се избегао губитак података у случају промене теме. Тема ће бити мало измењена.
Поседовање портала за клијенте пружа корисницима погодност приступа њиховим датотекама на истом месту, кад год им затребају, слично као када користе складиште у облаку. Има низ пословних предности, укључујући приказивање доступних продаја, или се може користити за давање прегледа процеса рада од почетка визуелним истицањем резултата.
Преузмите датотеке за овај водич.
- Како ВордПресс претворити у визуелни градитељ
01. Инсталирајте нову копију ВордПресс-а
Нова копија ВордПресс-а инсталирана је на развојном серверу, а тема „ундерстрап“ је изабрана да пружи темељну основу како би брзо започела рад. Користиће се додатак Прилагођени кориснички тип корисничког интерфејса, тако да су наши прилагођени типови постова независни од теме.
02. Уклоните подразумеване додатке
Ако су уз копију ВордПресс-а стигли било који подразумевани додаци, избришите их. Додаци потребни за ово упутство су „Напредна прилагођена поља“ и „Прилагођени кориснички интерфејс типа објаве“. Инсталиран је и „Цлассиц Едитор“.
03. Додајте прилагођени тип поста
Коришћењем корисничког интерфејса Прилагођени тип објаве додајте нови тип назива под називом „купац“. Када уносите „Слуг типе пост“, користите подвлаке уместо размака и пишите у једнини, јер ће то касније олакшати стварање шаблона. Префикс ту_ је додат да би се смањила шанса за сукоб.
04. Додавање / уређивање прилагођеног интерфејса типа поста
Додајте множину означену са „купци“ и једнину „купац“, јер ће се то појавити у ВордПресс админ менију. У овим пољима прихваћено је писање великих слова, што ће ВордПресс мени учинити уреднијим.
05. Направите прилагођени пуж за преписивање
Коришћење префикса за пуж типа пошта значи да ће купци додани на портал бити створени са везом која изгледа као „/ ту_цустомер / екампле-цомпани“. Ово не изгледа уредно, а за побољшање се користи прилагођени пуж за преписивање. Постављањем преписивачког пужа на „купци“ омогућава се да се прилагођени тип објаве приказује као / купци / пример-компанија.
06. Додајте подршку за прилагођена поља
Последња опција која је омогућена за прилагођени тип поста је „Подржава> Прилагођено поље“ која се налази при дну странице. Означите ово, а затим на дну странице „додајте тип објаве“. Ово подноси промене и региструје тип поста.
07. Додајте прилагођена поља
Сада је потребно додати прилагођена поља и доделити типу поста који је управо створен. Први корак је додавање групе поља са називом „портал купаца“, након чега следи додавање прилагођених поља у њу помоћу дугмета за додавање поља. Прво поље „бриф“ биће постављено као тип поља „датотека“, што омогућава администратору да учита датотеку на овом месту. Подесите повратну вредност на "урл датотеке".
08. Поставите поља
Следеће поље које треба додати је „упитник о бренду“. Ово ће се састојати од везе до гоогле обрасца који купац треба да попуни. Најприкладнији тип поља за ово је „УРЛ“. Овај исти метод се може користити за сва поља која ће се повезивати са спољном услугом. Када завршите, померите се надоле до оквира „локација“ и користите логику „Прикажи ако је врста поште“ = „Купац“. Затим објавите групу поља.
09. Направите датотеку ВордПресс шаблона
ВордПресс мора да зна како да прикаже надзорну таблу купаца. Због тога се следи хијерархија ВордПресс шаблона да би се креирала датотека шаблона за овај одређени тип поста. Направите датотеку која се зове сингле-ту_цустомер.пхп у основном директоријуму теме.
10. Направите распоред једноструког поста пуне ширине
Отворите датотеку сингле-ту_цустомер.пхп и додајте функције гет_хеадер и гет_фоотер ВордПресс. Између тих функција направите изглед пуне ширине да бисте садржали садржај који одговара вашој теми.
? пхп гет_хеадер ();?> див ид = "сингле-враппер"> див ид = "цонтент" табиндек = "- 1"> див> див ид = "примари"> маин ид = "маин"> -! Садржај -> / маин> / див> / див>! - .ров -> / див>! - #цонтент -> / див>! - # сингле-враппер ->? Пхп гет_фоотер () ;?>
11. Покрените петљу и креирајте садржај
Унутар главног> елемента позовите тхе_пост и креирајте елементе контејнера за чување информација. Користите информације о резервираном месту како бисте стекли идеју о изгледу и почните да стилизујете елементе. Елементи картице ће бити боотстрап картице са заглављем, описом и везом.
маин ид = "маин">? пхп вхиле (хаве_постс ()): тхе_пост (); ?> вар13 -> див> див> див> Цонтент / див> див> Цонтент / див> див> Цонтент / див> / див> / див>? пхп ендадинг; // крај петље. ?> вар13 -> / маин>! - #маин ->
12. Користите ПХП за позивање динамичких вредности
Користећи функцију „тхе_фиелд“, функцију која долази са додатком за напредна прилагођена поља, динамички садржај из прилагођених поља уноси се у образац купца. „Име_поља“ је вредност која је унета у кораку 3.
див> див> х5> Кратак / х5> п> Ово је ваш оригинални кратки документ / п> а хреф = "? пхп тхе_фиелд ('кратко');?> вар13 ->" таргет = "ноне"> Отвори / а > / див> / див>
13. Направите тест купца са неким лажним подацима
Приступајући ВордПресс контролној табли, нови купац се може додати са леве траке. Купци> Додај новог купца. Приказ поста ће бити познат, али померање надоле ће открити сва нова прилагођена поља. Унесите неке податке о тестирању како бисте били сигурни да све ради исправно.
14. Обрадите грешке за податке који недостају
Ако је документ заборављен или је једноставно прерано у процесу да би тај документ био доступан, купца може збунити када дугме не ради. Додавањем провере да ли вредност постоји пре него што је покаже, даје се шанса да се прикаже варијација картице „поље које недостаје“. Додавање класе „онемогућено“ на картицу када вредност недостаје омогућиће нам да обликујемо недоступне картице.
? пхп иф (гет_фиелд ('име_поља')):?> вар13 -> приказано када поље_име има вредност? пхп елсе: // име_поља враћено нетачно?> вар13 -> приказано када поље не постоји? пхп ендиф ; // крај логике иф_поља?> вар13 ->
15. Средите интерфејс
Сада када је структура интерфејса финализована, може се правилно обликовати. Коришћењем ЦСС-а може се побољшати изглед картица и боје на страници. Боја за навигацију је промењена у светлију плаву, а смер корисника је побољшан додавањем уводног текста.
16. Изузмите је са мапе сајта
Прилагођени типови постова не би требало да се налазе у резултатима претраживача. Тип поста треба да се изузме са карте веб локације веб странице, било помоћу додатка за СЕО или ручно помоћу метаознаке и датотеке роботс.ткт.
мета наме = "роботс" цонтент = "ноиндек, нофоллов" /> Кориснички агент: * Забранити: / купци /
Желите да дизајнирате нову веб страницу? Користите бриљантног градитеља веб страница како бисте поступак учинили супер једноставним.
