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
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
24. Attachments
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
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
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
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)
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
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
61. Everything comes together with Plugins extend core functionality Themes are responsible for what the users see (the front-end)
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