Custom Post Types, Post Meta, Custom Taxonomies : Η καρδιά του σύγχρονου WP - Fotis Routsis

WordCamp Thessaloniki 2019

Η καρδιά των σύγχρονων υλοποιήσεων σε WordPress στηρίζεται στην βέλτιστη αξιοποίηση των Custom Post Types, Post Meta και Custom Taxonomies.
Σκοπός της παρουσίασης ειναι να κάνει ενα σαφή διαχωρισμό ανάμεσα στα
τρία και μέσω εύκολων παραδειγμάτων να βοηθήσει τον χρήστη στην ορθή
επιλογή λύσεων που στηρίζονται στα άνωθι.

The heart of modern WordPress implementations is to make the most of Custom Post Types, Post Meta and Custom Taxonomies.
The purpose of the presentation is to make a clear distinction between the three and through easy examples to help the user in choosing the right solutions based on the above mentioned.

Transcript

1. Post Types, Post Meta και Custom Taxonomies
   Η καρδιά του σύγχρονου WordPress
   

   View Slide

2. Fotis Routsis
   fotis@routsis.gr
   routsis.gr
   #fotaras
   

   View Slide

3. #WCTHESS2019 #fotaras
   v 0.7.1
   2003
   

   View Slide

4. #WCTHESS2019 #fotaras
   0.7.1
   2003
   

   View Slide

5. #WCTHESS2019 #fotaras
   1.0.1
   2004
   

   View Slide

6. #WCTHESS2019 #fotaras
   1.0.1
   2004
   

   View Slide

7. #WCTHESS2019 #fotaras
   1.2
   2004
   

   View Slide

8. #WCTHESS2019 #fotaras
   1.5
   2005
   

   View Slide

9. #WCTHESS2019 #fotaras
   1.5
   2005
   

   View Slide

10. #WCTHESS2019 #fotaras
    1.5
    2005
    

    View Slide

11. #WCTHESS2019 #fotaras
    2.0
    2007
    

    View Slide

12. #WCTHESS2019 #fotaras
    2.3
    2007
    

    View Slide

13. #WCTHESS2019 #fotaras
    2.3
    2007
    

    View Slide

14. #WCTHESS2019 #fotaras
    2.3
    2007
    

    View Slide

15. #WCTHESS2019 #fotaras
    2.7
    2007
    

    View Slide

16. #WCTHESS2019 #fotaras
    Default WP
    Post Types Taxonomies
    Άρθρο (Post) Κατηγορία (Category)
    Σελίδα (Page) Ετικέτα (Tag)
    

    View Slide

17. #WCTHESS2019 #fotaras
    Άρθρο Σελίδα
    Τίτλος (title)
    Κείμενο (content)
    Κατηγορία (category)
    Ετικέτα (tag)
    Πρότυπο (template)
    Post Page
    Default Post Types
    

    View Slide

18. #WCTHESS2019 #fotaras
    Custom Post Types
    Γιατί χρειαζόμαστε
    ξεχωριστά Post Types;
    

    View Slide

19. #WCTHESS2019 #fotaras
    Custom Post Types
    Ομαδοποίηση σε οντότητες και
    όχι απλώς κατηγοριοποίησή τους
    

    View Slide

20. #WCTHESS2019 #fotaras
    Custom Post Types;
    Ομαδοποίηση σε οντότητες και
    όχι απλώς κατηγοριοποίησή τους
    Πώς θα περιγράφατε τις
    οντότητες περιεχομένου
    ενός site για ταινίες;
    

    View Slide

21. #WCTHESS2019 #fotaras
    Custom Post Types;
    Ομαδοποίηση σε οντότητες και
    όχι απλώς κατηγοριοποίησή τους
    Άρθρα που ανήκουν
    στην κατηγορία
    Ταινίες ;
    

    View Slide

22. #WCTHESS2019 #fotaras
    Custom Post Types;
    Ομαδοποίηση σε οντότητες και
    όχι απλώς κατηγοριοποίησή τους
    Ξεχωριστές οντότητες
    που έχουν τα
    χαρακτηριστικά
    της ταινίας;
    

    View Slide

23. #WCTHESS2019 #fotaras
    Custom Post Types
    Τι θα ήταν πιο εύκολο να ρωτήσουμε ;
    Θέλω όλα τα άρθρα
    τα οποία ανήκουν στην
    κατηγορία Ταινία
    Θέλω όλες τις Ταινίες
    

    View Slide

24. #WCTHESS2019 #fotaras
    Custom Post Types
    Για φτιάξτο μια..
    

    View Slide

25. #WCTHESS2019 #fotaras
    Custom Post Types
    Για φτιάξτο μια..
    

    View Slide

26. #WCTHESS2019 #fotaras
    Φτιάξε μου
    μια οντότητα
    Movie
    

    View Slide

27. #WCTHESS2019 #fotaras
    Φτιάξε μου
    μια οντότητα
    Movie
    ..που να έχει τις
    ιδιότητες που έχουν
    και τα Άρθρα
    

    View Slide

28. #WCTHESS2019 #fotaras
    

    View Slide

29. #WCTHESS2019 #fotaras
    Custom Post Types
    Να σκεφτούμε και τίποτα άλλο ;
    

    View Slide

30. #WCTHESS2019 #fotaras
    Custom Post Types
    Να σκεφτούμε και τίποτα άλλο ;
    

    View Slide

31. #WCTHESS2019 #fotaras
    Custom Post Types
    Να σκεφτούμε και τίποτα άλλο ;
    

    View Slide

32. #WCTHESS2019 #fotaras
    Custom Post Types
    Να βάλουμε και αυτό ..;
    

    View Slide

33. #WCTHESS2019 #fotaras
    Custom Post Types
    Να βάλουμε και αυτό ..;
    .. δε φαίνεται πολύ σωστό..
    

    View Slide

34. #WCTHESS2019 #fotaras
    Taxonomies..
    Προσφέρουν..
    Κατηγοριοποίηση
    Ομαδοποίηση
    σε οντότητες περιεχομένου..
    

    View Slide

35. #WCTHESS2019 #fotaras
    Taxonomies..
    Άρθρα
    Κατηγορία (category)
    Ετικέτα (tag)
    

    View Slide

36. #WCTHESS2019 #fotaras
    Taxonomies..
    Άρθρα
    Κατηγορία (category)
    Ετικέτα (tag)
    Άρθρα για
    - Πολιτική
    - Τέχνες
    - Αθλητικά
    - Τεχνολογία
    - ..
    

    View Slide

37. #WCTHESS2019 #fotaras
    Taxonomies..
    Άρθρα
    Κατηγορία (category)
    Ετικέτα (tag)
    Άρθρα για
    - Πολιτική
    - Τέχνες
    - Αθλητικά
    - Τεχνολογία
    - ..
    - Fotis Routsis
    - Eurovision 2019
    - Nomads
    - ..
    

    View Slide

38. #WCTHESS2019 #fotaras
    Taxonomies..
    Άρθρα
    Κατηγορία (category)
    Ετικέτα (tag)
    Άρθρα για
    - Πολιτική
    - Τέχνες
    - Αθλητικά
    - Τεχνολογία
    - ..
    - Fotis Routsis
    - Eurovision 2019
    - Nomads
    - ..
    Οριζόντια
    κατηγοριοποίηση
    

    View Slide

39. #WCTHESS2019 #fotaras
    αυτό .. από πρίν ;
    .. είναι κατηγοριοποίηση των ταινιών..
    είδος ταινίας
    

    View Slide

40. #WCTHESS2019 #fotaras
    Είδος ταινίας
    • Τρόμου
    • Περιπέτεια
    • Κωμωδία
    • Δράσης
    • Ρομαντική κομεντί
    • Ντοκιμαντέρ
    • …
    

    View Slide

41. #WCTHESS2019 #fotaras
    Για φτιάξτο και αυτό μια..
    Taxonomies..
    

    View Slide

42. #WCTHESS2019 #fotaras
    Taxonomies..
    

    View Slide

43. #WCTHESS2019 #fotaras
    Φτιάξε μια
    κατηγοριοποίηση
    Movie Category
    

    View Slide

44. #WCTHESS2019 #fotaras
    Φτιάξε μια
    κατηγοριοποίηση
    Movie Category
    ..που να
    χρησιμοποιείται
    στα Movies
    

    View Slide

45. #WCTHESS2019 #fotaras
    Φτιάξε μια
    κατηγοριοποίηση
    Movie Category
    ..που να
    χρησιμοποιείται
    στα Movies
    ..και να είναι
    Ιεραρχική
    

    View Slide

46. #WCTHESS2019 #fotaras
    ..και να είναι
    Ιεραρχική
    

    View Slide

47. #WCTHESS2019 #fotaras
    Ιεραρχικές
    

    View Slide

48. #WCTHESS2019 #fotaras
    Ιεραρχικές
    

    View Slide

49. #WCTHESS2019 #fotaras
    Μη Ιεραρχικές
    

    View Slide

50. #WCTHESS2019 #fotaras
    Μη Ιεραρχικές
    

    View Slide

51. #WCTHESS2019 #fotaras
    Μπορεί να ανήκουν σε
    πολλά Custom Post Types
    

    View Slide

52. #WCTHESS2019 #fotaras
    Μπορεί να ανήκουν σε
    πολλά Custom Post Types
    

    View Slide

53. #WCTHESS2019 #fotaras
    Μπορεί να ανήκουν σε
    πολλά Custom Post Types
    Είναι η ίδια κατηγοριοποίηση
    και οι όροι της εμφανίζονται σε όλα τα Post Types
    

    View Slide

54. #WCTHESS2019 #fotaras
    Movie
    Μέχρι τώρα έχουμε..
    

    View Slide

55. #WCTHESS2019 #fotaras
    Movie
    • Movie Category
    • Year
    Taxonomy
    • Τίτλος (title)
    • Περιγραφή (content)
    Post Data
    

    View Slide

56. #WCTHESS2019 #fotaras
    Movie
    • Movie Category
    • Year
    Taxonomy
    • Τίτλος (title)
    • Περιγραφή (content)
    Post Data
    Βαθμολογία (rating)..;
    

    View Slide

57. #WCTHESS2019 #fotaras
    Movie
    • Movie Category
    • Year
    • Rating
    Taxonomy
    • Τίτλος (title)
    • Περιγραφή (content)
    • rating (ως κείμενο)
    Post Data
    Βαθμολογία (rating)..;
    

    View Slide

58. #WCTHESS2019 #fotaras
    Movie
    • Movie Category
    • Year
    Taxonomy
    • Τίτλος (title)
    • Περιγραφή (content)
    Post Data
    • Βαθμολογία (rating)..;
    • ….
    Meta Data
    

    View Slide

59. #WCTHESS2019 #fotaras
    Movie
    • Movie Category
    • Year
    Taxonomy
    • Τίτλος (title)
    • Περιγραφή (content)
    Post Data
    • Βαθμολογία (rating)..;
    • Trailer
    • Release Date
    • Εισπράξεις
    Meta Data
    

    View Slide

60. #WCTHESS2019 #fotaras
    Post Meta
    Χαρακτηριστικά μιας οντότητας
    τα οποία αποθηκεύουμε και
    επεξεργαζόμαστε ξεχωριστά από
    το περιεχόμενο.
    

    View Slide

61. #WCTHESS2019 #fotaras
    Εισπράξεις Ταινίας
    Οι πληροφορίες που
    ορίζονται εμφανίζονται
    μαζί με το υπόλοιπο
    κείμενο στον επισκέπτη και
    ο προγραμματιστής δεν
    μπορεί να διαχωρίσει το
    τελικό αποτέλεσμα.
    

    View Slide

62. #WCTHESS2019 #fotaras
    Εισπράξεις Ταινίας
    Οι πληροφορίες
    αποθηκεύονται ξεχωριστά
    και ο προγραμματιστής
    μπορεί να τις διαχειριστεί
    ξεχωριστά και να τις
    προβάλλει με διαφορετικό
    τρόπο.
    

    View Slide

63. #WCTHESS2019 #fotaras
    Μπορούμε να ορίσουμε με αυστηρό τρόπο:
    • Τον τρόπο καταχώρισης (format κλπ)
    • Την επεξεργασία (πχ τροποποίηση USD σε EUR)
    • Τον τρόπο προβολής (ξεχωριστά divs κλπ)
    

    View Slide

64. #WCTHESS2019 #fotaras
    Post Meta
    

    View Slide

65. #WCTHESS2019 #fotaras
    Post Meta
    Ορισμένες φορές
    είναι δύσκολο να επιλέξουμε
    αν θα χρησιμοποιήσουμε
    Post Meta ή Taxonomy
    Taxonomy
    VS
    

    View Slide

66. #WCTHESS2019 #fotaras
    Post Meta Taxonomy
    VS
    Post Meta Taxonomy
    Είδος Ταινίας
    Trailer URL
    Έτος
    Βαθμολογία
    Καταλληλότητα
    Εισπράξεις
    

    View Slide

67. #WCTHESS2019 #fotaras
    Post Meta Taxonomy
    VS
    Post Meta Taxonomy
    Είδος Ταινίας
    Trailer URL
    Έτος
    Βαθμολογία
    Καταλληλότητα
    Εισπράξεις
    

    View Slide

68. #WCTHESS2019 #fotaras
    Post Meta Taxonomy
    VS
    Post Meta Taxonomy
    Έτος
    Καταλληλότητα
    Έτος
    • 1980
    • 1981
    • 1982
    • ..
    • 2015
    • 2016
    Δεκαετία
    • 1980 - 1989
    • 1990 - 1999
    • 2000 – 2009
    • 2010 ..
    

    View Slide

69. #WCTHESS2019 #fotaras
    Post Meta Taxonomy
    VS
    Post Meta Taxonomy
    Έτος
    Καταλληλότητα
    • G
    • PG
    • PG-13
    • R
    • NC-17
    

    View Slide

70. #WCTHESS2019 #fotaras
    Post Meta Taxonomy
    VS
    Post Meta Taxonomy
    Είδος Ταινίας
    Trailer URL
    Έτος
    Βαθμολογία
    Καταλληλότητα
    Εισπράξεις
    Πρωταγωνιστής ? ?
    

    View Slide

71. #WCTHESS2019 #fotaras
    Post Meta Taxonomy
    VS
    Post Meta Taxonomy
    Είδος Ταινίας
    Trailer URL
    Έτος
    Βαθμολογία
    Καταλληλότητα
    Εισπράξεις
    Πρωταγωνιστής
    

    View Slide

72. #WCTHESS2019 #fotaras
    Post Meta Taxonomy
    VS
    Post Meta Taxonomy
    Πρωταγωνιστής
    Ηθοποιοί (Custom Post Types)
    • Anthony Hopkins (ID: 323)
    • Jason Statham (ID: 754)
    • Paul Newman (ID: 134)
    • ..
    Ταινίες (Custom Post Types)
    • Hannibal
    • Πρωταγωνιστής.ID: 323
    • Thor
    • MIB III
    • ..
    

    View Slide

73. #WCTHESS2019 #fotaras
    Post Meta Taxonomy
    VS
    Τα ερωτήματα προς τη
    Βάση Δεδομένων είναι
    αρκετά
    βελτιστοποιημένα.
    Δεν είναι
    βελτιστοποιημένα
    για σύνθετες αναζητήσεις
    στη Βάση Δεδομένων.
    

    View Slide

74. #WCTHESS2019 #fotaras
    Taxonomy .. meta ?
    Κι αν θέλαμε οι
    κατηγοριοποιήσεις (taxonomy)
    μας να έχουν και αυτές
    ειδικά χαρακτηριστικά;
    

    View Slide

75. #WCTHESS2019 #fotaras
    Taxonomy .. meta! Ναι!
    • G
    • PG
    • PG-13
    • R
    • NC-17
    Θέλω οι κάτωθι κατηγορίες
    να έχουν … εικονίδια
    

    View Slide

76. #WCTHESS2019 #fotaras
    Taxonomy .. meta!
    

    View Slide

77. #WCTHESS2019 #fotaras
    DB πριν DB μετά
    VS
    

    View Slide

78. #WCTHESS2019 #fotaras
    Οι επιλογές μας θα πρέπει να ορίζονται
    από τις ανάγκες του συστήματος
    που σχεδιάζουμε.
    

    View Slide

79. Ευχαριστώ πολύ!
    Ερωτήσεις;
    WP Cafeδάκι;
    fotis@routsis.gr
    routsis.gr
    #fotaras
    

    View Slide