Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WordPress Information Architecture - Takis Bouyouris, FOSSCOM2017

WordPress Information Architecture - Takis Bouyouris, FOSSCOM2017

A717e9d055b2284e573b2412e32f5397?s=128

WordPress Greek Community

November 04, 2017
Tweet

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