Headless WordPress – или как да използваме WordPress като бекенд към собствената си уеб апликация.

В тази лекция ще споделя моя опит как да свържем WordPress като система за управление на съдържание с друга уеб апликация, която предоставя това съдържание към крайния потребител. Примерите в лекцията ще са базирани на работата ми по проект, който използва разработена от нас javascript single page апликация, която дава бърз достъп на клиентите до стотици статии за самопомощ на няколко езика. Headless философията ни позволява да се възползваме от удобството за обновяване и добавяне на съдържание от голям брой редактори, през добре познатия им WordPress бекенд, като в същото време визуализира съдържанието във вече съществуващата апликация, която клиентите ни използват за управление на услугата си.
Ще обърна внимание на следните теми:
– Как да прехвърлим всичко от WordPress, през REST API, към другата апликацията. стъпки от процеса: регистриране на REST endpoint, прехвърляне на навигационни менюта, breadcrumbs, seo тагове и други
– Как да защитим максимално обмена на данни между WordPress и другата апликация
– Как да улесним редакторите чрез добавяне на custom fields

Transcript

1. Headless WordPress или как да използваме WordPress като бекенд към собствената си уеб апликация. Станимир Стоянов
2. Здравейте! Аз съм Станимир. • WordPress Developer @SiteGround • WordPress Core Contributor • WordCamp Organizer • Plugin Developer • WordPress Security Contributor
3. Какво е Headless WordPress? Headless WordPress
4. Какво е Headless WordPress? Апликация която използва WordPress Backend-а, но не и Front-end-а. Headless WordPress
6. WP REST API
8. Example: example.com/wp-json/my-rest-namespace/get-menus
9. Security Concerns header( 'Access-Control-Allow-Origin: your-front-end-app.url' ); header( 'Content-Type: application/json' );
10. Case Study
11. SiteGround Knowledge Base siteground.com/kb/ siteground.com/tutorials/
12. КБ-тата = The SiteGround Knowledge Base
13. SiteGround España siteground.com/kb/ siteground.com/tutorials/ siteground.es/kb/ siteground.es/tutoriales/ +
14. + SiteGround Italy siteground.com/kb/ siteground.com/tutorials/ siteground.es/kb/ siteground.es/tutoriales/ it.siteground.com/kb/ it.siteground.com/tutorial
15. SiteGround New User Area siteground.com/kb/ siteground.com/tutorials/ siteground.es/kb/ siteground.es/tutoriales/ it.siteground.com/kb/ it.siteground.com/tutorial и още 6
18. Предизвикателства
19. 6 съществуващи бази данни Няколко типа съдържание 3 Езика Запазване на SEO позиции
23. Връзки между езиците
24. Нов пост е публикуван в английския сайт Site Option пази връзката между трите поста Съдържанието на англ. пост се копира като чернова Съдържанието на англ. пост се копира като чернова
27. Потребителски Полета (Custom Fields)
30. Зареждане на правилна SEO метадата или как излъгахме Yoast SEO плъгина
32. Допълнителни елементи на страницата
39. Какво постигнахме?
41. Консистентност
44. Сигурност
45. We are hiring! jobs.siteground.bg
46. Въпроси?