WordPress Information Architecture - Takis Bouyouris, FOSSCOM2017

Transcript

1. FOSSCOM 2017 WordPress Information Architecture Takis Bouyouris WordPress Greek Community

   Nevma.gr

2. Who am I? Takis Bouyouris Software Engineer/Web Developer Co-founder of

   Nevma.gr WordPress Greek Community WordPress Athens Meetup WordCamp Athens

3. Megaron, the Athens Concert Hall Sat. 09th December 2017 https://2017.athens.wordcamp.org/

4. WordPress

5. is an open source (GPL) Content Management System powers 28%

   of websites today has a vibrant, global community and a vast ecosystem of extensions and services

6. It’s a CMS blog engine publishing tool web application platform

7. Technologies LAMP/LNMP PHP Apache, Nginx, etc MySQL HTML, CSS, Javascript

8. Information Architecture

9. Information Architecture is necessary a. for development b. for analysis

   c. for communication

10. Information Architecture "Ontology is a formal naming and defnition of

    the types, properties, and interrelationships of the entities in a domain" https://en.wikipedia.org/wiki/Ontology_(information_science)

11. Ontologies have Classes Attributes Relations Individuals Restrictions Rules Events Functions

    ...

12. WordPress Information Architecture

13. WordPress Post types (Classes) Posts Pages Attachments

14. Posts

15. Posts (non hierarchical) the simplest information piece post-1 post-2 post-3

    post-4 post-5 post-6 post-7 post-8 post-9
16. None
17. None
18. None

19. Pages

20. Pages (hierarchical) page-1 ├─page-1-1 ├─page-1-2 │ ├─page-1-2-1 │ └─page-1-2-2 └─page-1-3

    page-2 ├─page-2-1 └─page-2-2 page-3
21. None
22. None
23. None

24. Attachments

25. None

26. Taxonomies

27. WordPress taxonomies (Relations) ways to categorise content categories tags

28. Categories (hierarchical) cat-1 ├─cat-1-1 │ ├─cat-1-1-1 │ ├─cat-1-1-2 │ └─cat-1-1-3

    └─cat-1-2 cat-2 ├─cat-2-1 └─cat-2-2 cat-3
29. None

30. Tags (non hierarchical) tag-1 tag-2 tag-3 tag-4 tag-5 tag-6 tag-7

    tag-8 tag-9 tag-10 tag-11 tag-11 tag-12 tag-13 tag-14
31. None

32. Examples

33. A simple company website pages == static content Home About

    us Services Products How we work Contact

34. A simple company website posts == news

35. A news portal pages == static content About us Terms

    Contact

36. A news portal posts == news categories == main categorisation

    tags == secondary categorisation

37. Custom felds

38. WordPress custom felds (Attributes) custom felds ACF PODS Toolset/Types

39. None
40. None
41. None
42. None

43. Custom post types and taxonomies

44. WordPress can be extended with Custom post types (like custom

    posts and pages) Custom taxonomies (like custom categories and tags)
45. None
46. None
47. None
48. None

49. So!

50. WordPress has posts and pages they have custom felds they

    are categorised by taxonomies can be extended with custom post types and custom taxonomies

51. What’s missing? Relationships one to one one to many many

    to many Use plugins: ACF, Toolset/Types, PODS, etc
52. None

53. Examples

54. A not-so-simple company website pages == static content posts ==

    news categories == main news categories tags == secondary news categories

55. A not-so-simple company website custom post types portfolio == projects

    products == products custom taxonomies portfolio-categories == projects categories product-categories == products categories

56. Advantages: Easy to implement Separation of concerns Different design per

    section Different admin section

57. UI components

58. UI components Sidebars Widgets Menus

59. None
60. None

61. Everything comes together with Plugins extend core functionality Themes are

    responsible for what the users see (the front-end)
62. None

63. https://wphierarchy.com/

64. REST API

65. REST API for interoperating with other platforms is part of

    the core since v4.7 https://developer.wordpress.org/rest-api/

66. Megaron, the Athens Concert Hall Sat. 09th December 2017 https://2017.athens.wordcamp.org/

67. WordPress Greek Community https://wpgreece.org/ https://www.facebook.com/groups/WordPressGreekCommunity/ https://twitter.com/wpgreeceorg/ https://www.meetup.com/Athens-WordPress-Meetup/ https://www.youtube.com/channel/UCn2JrgFY9lHO85gGTAlfw0A/ https://speakerdeck.com/wpgr/ (or

    just Google us)

68. Thank you! takis@nevma.gr http://takis.nevma.gr/ f @ takis.bouyouris t @ takisbig