Задаволены
- 01. Усталюйце свежую копію WordPress
- 02. Выдаліць убудовы па змаўчанні
- 03. Дадайце ўласны тып паведамлення
- 04. Даданне / рэдагаванне карыстацкага інтэрфейсу тыпу паведамлення
- 05. Стварыце карыстацкі перапісвальны слізень
- 06. Дадайце падтрымку для карыстацкіх палёў
- 07. Дадайце ўласныя палі
- 08. Наладзьце палі
- 09. Стварыце файл шаблона WordPress
- 10. Стварыце поўнашырынны макет аднаго паведамлення
- 11. Пачніце цыкл і стварыце змест
- 12. Выкарыстоўвайце PHP для выкліку дынамічных значэнняў
- 13. Зрабіце тэставага кліента з некаторымі фіктыўнымі дадзенымі
- 14. Апрацоўка памылак пры адсутнасці дадзеных
- 15. Прывядзіце ў парадак інтэрфейс
- 16. Выключыце яго з карты сайта
Наяўнасць вобласці, якая дазваляе карыстальнікам уваходзіць у сістэму і загружаць альбо праглядаць дакументы, стала чаканай для спажыўцоў - ад тэлефонных кантрактаў да камунальных паслуг.
Аднак, калі дызайнеры працуюць са сваімі кліентамі, усё можа хутка разбурыцца ў бязладзіцы лістоў, спасылак на макеты і ўкладанні.
Гэты падручнік па WordPress пакажа, як пашырыць WordPress (даступныя іншыя паслугі вэб-хостынгу) на кліенцкі партал, здольны захоўваць дакументы, відэа і чарцяжы, каб кліент мог атрымаць да іх доступ у адным месцы. Партал будзе абслугоўваць кожнага кліента унікальнай і абароненай паролем спасылкай, якая не з'яўляецца ў звычайнай навігацыі.
Для захоўвання дадзеных будуць выкарыстоўвацца ўласныя тыпы паведамленняў і палі, якія будуць дададзены праз убудовы, каб пазбегнуць страты дадзеных у выпадку змены тэмы. Тэма будзе нязначна зменена.
Наяўнасць кліенцкага парталу дае кліентам зручнасць доступу да сваіх файлаў у адным і тым жа месцы, калі яны ім патрэбныя, як пры выкарыстанні воблачнага сховішча. Ён мае цэлы шэраг бізнес-пераваг, у тым ліку паказвае наяўныя дадатковыя продажы, або можа быць выкарыстаны для агляду працоўнага працэсу з самага пачатку, наглядна абазначыўшы вынікі.
Загрузіце файлы для гэтага падручніка.
- Як ператварыць WordPress у візуальны канструктар
01. Усталюйце свежую копію WordPress
Новая копія WordPress усталявана на серверы распрацоўкі, і тэма "understrap" абрана, каб даць аснову для хуткага пачатку працы. Будзе выкарыстоўвацца ўбудова карыстацкага тыпу паведамлення, таму нашы карыстацкія тыпы публікацый не залежаць ад тэмы.
02. Выдаліць убудовы па змаўчанні
Калі з копіяй WordPress пастаўляюцца якія-небудзь убудовы па змаўчанні, выдаліце іх. Убудовы, неабходныя для гэтага ўроку, - "Дадатковыя карыстацкія палі" і "Карыстальніцкі інтэрфейс тыпу паведамлення". Таксама ўсталяваны "Класічны рэдактар".
03. Дадайце ўласны тып паведамлення
З дапамогай карыстацкага інтэрфейсу карыстацкага тыпу паведамлення дадайце новы тып паведамлення, які называецца "кліент". Пры ўваходзе ў "Службовы тып" выкарыстоўвайце падкрэсліванне замест прабелаў і пішыце ў форме адзіночнага ліку, бо гэта палегчыць стварэнне шаблонаў пазней. Прэфікс tu_ быў дададзены, каб паменшыць верагоднасць канфлікту.
04. Даданне / рэдагаванне карыстацкага інтэрфейсу тыпу паведамлення
Дадайце множны лік з надпісам "кліенты" і адзіночнае "кліент", бо гэта з'явіцца ў меню адміністратара WordPress. У гэтых палях прымаецца напісанне вялікай літары, што зробіць меню WordPress акуратнейшым.
05. Стварыце карыстацкі перапісвальны слізень
Выкарыстанне прэфікса для тыпу паведамлення будзе азначаць, што кліенты, дададзеныя на партал, будуць створаны са спасылкай, падобнай на "/ tu_customer / example-company". Гэта не выглядае акуратна, і для паляпшэння выкарыстоўваецца карыстацкі перазапіс. Усталёўка перазапісу кулямёта на "кліенты" дазваляе карыстацкаму тыпу паведамленняў адлюстроўвацца як / customers / example-company.
06. Дадайце падтрымку для карыстацкіх палёў
Апошні параметр, які ўключаны для карыстацкага тыпу паведамлення, - "Падтрымка> Карыстальніцкае поле", які знаходзіцца ўнізе старонкі. Адзначце гэта, а затым "дадаць тып паведамлення" унізе старонкі. Гэта прадстаўляе змены і рэгіструе тып паведамлення.
07. Дадайце ўласныя палі
Карыстальніцкія палі зараз трэба дадаць і прызначыць тыпу паведамлення, які толькі што быў створаны. Даданне групы палёў з імем "партал кліентаў" - гэта першы крок, а затым даданне ў яе карыстацкіх палёў кнопкай дадання поля. Першае поле "кароткі" будзе ўсталявана як тып поля "файл", што дазваляе адміністратару загружаць файл у гэтым месцы. Усталюйце значэнне, якое вяртаецца, "url файла".
08. Наладзьце палі
Наступнае поле, якое трэба дадаць, - "анкета брэнда". Гэта будзе складацца са спасылкі на форму Google, якую кліент павінен запоўніць. Найбольш прыдатны тып поля для гэтага - "URL". Гэты ж метад можна выкарыстоўваць для ўсіх палёў, якія будуць спасылацца на знешнюю службу. Па заканчэнні пракруціце ўніз да поля "месцазнаходжанне" і выкарыстоўвайце логіку "Паказаць, калі тып паведамлення" = "Кліент". Затым апублікуйце палявую групу.
09. Стварыце файл шаблона WordPress
WordPress павінен ведаць, як адлюстраваць прыборную панэль кліента. Для гэтага выкарыстоўваецца іерархія шаблонаў WordPress для стварэння файла шаблона для гэтага пэўнага тыпу паведамлення. Стварыце файл з назвай single-tu_customer.php у каранёвым каталогу тэмы.
10. Стварыце поўнашырынны макет аднаго паведамлення
Адкрыйце файл single-tu_customer.php і дадайце функцыі WordPress get_header і get_footer. Паміж гэтымі функцыямі стварыце макет поўнай шырыні, каб утрымліваць змесціва, якое працуе з вашай тэмай.
? php get_header ();?> div id = "single-wrapper"> div id = "content" tabindex = "- 1"> div> div id = "primary"> main id = "main"> -! Змест -> / main> / div> / div>! - .row -> / div>! - #content -> / div>! - # single-wrapper ->? Php get_footer () ;?>
11. Пачніце цыкл і стварыце змест
У галоўным> элеменце выклічце the_post і стварыце элементы кантэйнера для захоўвання інфармацыі. Выкарыстоўвайце інфармацыю пра запаўняльнікі, каб атрымаць уяўленне пра макет і пачаць стылізаваць элементы. Элементамі карты будуць пачатковыя карткі з загалоўкам, апісаннем і спасылкай.
асноўны id = "main">? php while (have_posts ()): the_post (); ?> var13 -> div> div> div> Content / div> div> Content / div> div> Content / div> / div> / div>? php endgether; // канец цыкла. ?> var13 -> / main>! - # галоўная ->
12. Выкарыстоўвайце PHP для выкліку дынамічных значэнняў
Выкарыстоўваючы функцыю "the_field", функцыю, якая пастаўляецца з дадатковым убудовай для ўласных палёў, дынамічны кантэнт з карыстацкіх палёў уводзіцца ў шаблон заказчыка. "Імя_поля" - гэта значэнне, якое было ўведзена на этапе 3.
div> div> h5> Кароткае / h5> p> Гэта ваш арыгінальны кароткі дакумент / p> a href = "? php the_field ('кароткі');?> var13 ->" target = "none"> Адкрыць / a > / div> / div>
13. Зрабіце тэставага кліента з некаторымі фіктыўнымі дадзенымі
Доступ да прыборнай панэлі WordPress, новы кліент можа быць дададзены з левай панэлі. Кліенты> Дадаць новага кліента. Прагляд паведамлення будзе знаёмы, але пракрутка ўніз адкрые ўсе новыя карыстацкія палі. Увядзіце некаторыя дадзеныя тэсту, каб пераканацца, што ўсё працуе правільна.
14. Апрацоўка памылак пры адсутнасці дадзеных
Калі дакумент забыты альбо проста занадта рана ў працэсе, каб гэты дакумент быў даступны, гэта можа збянтэжыць кліента, калі кнопка не працуе. Даданне праверкі наяўнасці значэння да яго паказу дае магчымасць паказаць варыяцыю карты "адсутнічае поле". Даданне класа "адключанага" на карту, калі значэнне адсутнічае, дазволіць нам стылізаваць недаступныя карты.
? php if (get_field ('імя_поля')):?> var13 -> адлюстроўваецца, калі імя_поля мае значэнне? php else: // імя_поля вернута false?> var13 -> адлюстроўваецца, калі поле не існуе? php endif ; // канец логікі if_name_поля?> var13 ->
15. Прывядзіце ў парадак інтэрфейс
Цяпер, калі структура інтэрфейсу дапрацавана, яго можна правільна стылізаваць. З дапамогай CSS можна палепшыць знешні выгляд картак і колеры на старонцы. Колер навігацыі быў зменены на больш светлы сіні, а кірунак карыстальніка быў палепшаны, дадаўшы ўводны тэкст.
16. Выключыце яго з карты сайта
Карыстальніцкія тыпы паведамленняў не павінны сустракацца ў выніках пошуку. Тып публікацыі неабходна выключыць з карты сайта на сайце альбо з дапамогай убудовы SEO, альбо ўручную, выкарыстоўваючы метатэг і файл robots.txt.
meta name = "robots" content = "noindex, nofollow" /> User-agent: * Забараніць: / customers /
Хочаце стварыць новы сайт? Выкарыстоўвайце бліскучую канструктар веб-сайтаў, каб зрабіць працэс вельмі простым.
