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

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

Transcript

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

   View Slide

2. Здравейте!
   Аз съм Станимир.
   ● WordPress Developer @SiteGround
   ● WordPress Core Contributor
   ● WordCamp Organizer
   ● Plugin Developer
   ● WordPress Security Contributor
   

   View Slide

3. Какво е Headless WordPress?
   Headless WordPress
   

   View Slide

4. Какво е Headless WordPress?
   Апликация която използва
   WordPress Backend-а,
   но не и Front-end-а.
   Headless WordPress
   

   View Slide

5. View Slide

6. WP REST API
   

   View Slide

7. View Slide

8. Example:
   example.com/wp-json/my-rest-namespace/get-menus
   

   View Slide

9. Security Concerns
   header( 'Access-Control-Allow-Origin:
   your-front-end-app.url' );
   header( 'Content-Type: application/json' );
   

   View Slide

10. Case Study
    

    View Slide

11. SiteGround Knowledge Base
    siteground.com/kb/
    siteground.com/tutorials/
    

    View Slide

12. КБ-тата = The SiteGround Knowledge Base
    

    View Slide

13. SiteGround España
    siteground.com/kb/
    siteground.com/tutorials/
    siteground.es/kb/
    siteground.es/tutoriales/
    +
    

    View Slide

14. +
    SiteGround Italy
    siteground.com/kb/
    siteground.com/tutorials/
    siteground.es/kb/
    siteground.es/tutoriales/
    it.siteground.com/kb/
    it.siteground.com/tutorial
    

    View Slide

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
    

    View Slide

16. View Slide

17. View Slide

18. Предизвикателства
    

    View Slide

19. 6 съществуващи бази данни
    Няколко типа съдържание
    3 Езика
    Запазване на SEO позиции
    

    View Slide

20. View Slide

21. View Slide

22. View Slide

23. Връзки между езиците
    

    View Slide

24. Нов пост е
    публикуван в
    английския сайт
    Site Option пази връзката между трите поста
    Съдържанието на
    англ. пост се
    копира като
    чернова
    Съдържанието на
    англ. пост се
    копира като
    чернова
    

    View Slide

25. View Slide

26. View Slide

27. Потребителски Полета
    (Custom Fields)
    

    View Slide

28. View Slide

29. View Slide

30. Зареждане на правилна
    SEO метадата
    или как излъгахме Yoast SEO плъгина
    

    View Slide

31. View Slide

32. Допълнителни елементи
    на страницата
    

    View Slide

33. View Slide

34. View Slide

35. View Slide

36. View Slide

37. View Slide

38. View Slide

39. Какво постигнахме?
    

    View Slide

40. View Slide

41. Консистентност
    

    View Slide

42. View Slide

43. View Slide

44. Сигурност
    

    View Slide

45. We are hiring!
    jobs.siteground.bg
    

    View Slide

46. Въпроси?
    

    View Slide