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

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

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

27378dfefac1382ffcbc63e7183834ae?s=128

Stanimir Stoyanov

November 09, 2019
Tweet

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
  5. None
  6. WP REST API

  7. None
  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
  16. None
  17. None
  18. Предизвикателства

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

    на SEO позиции
  20. None
  21. None
  22. None
  23. Връзки между езиците

  24. Нов пост е публикуван в английския сайт Site Option пази

    връзката между трите поста Съдържанието на англ. пост се копира като чернова Съдържанието на англ. пост се копира като чернова
  25. None
  26. None
  27. Потребителски Полета (Custom Fields)

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

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

  33. None
  34. None
  35. None
  36. None
  37. None
  38. None
  39. Какво постигнахме?

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

  42. None
  43. None
  44. Сигурност

  45. We are hiring! jobs.siteground.bg

  46. Въпроси?