Στο WordPress, ένας σύντομος κωδικός είναι ένα μικρό κομμάτι κώδικα που σας επιτρέπει να προσθέσετε δυναμικό περιεχόμενο στις σελίδες, τις αναρτήσεις και τα widgets σας. Οι συντομευτικοί κώδικες αναπαρίστανται με τετράγωνες αγκύλες [ ] και χρησιμοποιούνται για την ενσωμάτωση διαφόρων τύπων περιεχομένου, όπως εικόνες, ήχο, βίντεο, φόρμες και άλλα.
Εάν χρησιμοποιείτε το FooEvents για τη διαχείριση των εκδηλώσεων και των κρατήσεών σας, ίσως θελήσετε να εμφανίσετε τις εκδηλώσεις ως ημερολόγιο στον ιστότοπό σας (δείτε το demo). Αυτό επιτυγχάνεται εύκολα με τη χρήση του Ημερολόγιο FooEvents plugin και shortcodes. Σε αυτή τη δημοσίευση, θα χρησιμοποιήσουμε τους κωδικούς FooEvents Calendar shortcodes για να ενσωματώσουμε γρήγορα τα ημερολόγια εκδηλώσεων WordPress σε αναρτήσεις και σελίδες. Αυτοί οι σύντομοι κωδικοί μπορούν επίσης να χρησιμοποιηθούν για την εμφάνιση ημερολογίων χρησιμοποιώντας τους περισσότερους κατασκευαστές σελίδων, όπως το ενσωματωμένο Μπλοκ WordPress, Elementor, Beaver Builder και Divi.
plugin. Το FooEvents παρέχει δύο τρόπους για τη δημιουργία εκδηλώσεων στον ιστότοπό σας WordPress. Η πρώτη επιλογή είναι να προσθέσετε λεπτομέρειες συμβάντος σε μια τυπική ανάρτηση ή σελίδα του WordPress χρησιμοποιώντας την εντολή Ημερολόγιο FooEvents plugin. Αυτό γίνεται κατά την επεξεργασία της ανάρτησης ή της σελίδας. Το πρόσθετο FooEvents Calendar θα προσθέσει στη συνέχεια μια βασική φόρμα ρυθμίσεων συμβάντος στο κάτω μέρος της σελίδας, όπου μπορείτε να ορίσετε την ημερομηνία και την ώρα του συμβάντος.
Η δεύτερη και πιο εξελιγμένη επιλογή είναι να χρησιμοποιήσετε το FooEvents για WooCommerce plugin και επεκτάσεις για να προσθέσετε λειτουργικότητα εκδηλώσεων, κρατήσεων και έκδοσης εισιτηρίων στα προϊόντα σας WooCommerce.
Για να δείξω πώς θα εμφανίζονται τα διάφορα συμβάντα στο ημερολόγιο, έχω ρυθμίσει τα ακόλουθα τρία συμβάντα χρησιμοποιώντας το FooEvents:
- Συνέδριο μίας ημέρας που λαμβάνει χώρα στις 28 Απριλίου 2023 από το 9 π.μ. έως 5 μ.μ.
- Πολυήμερο συνέδριο που λαμβάνει χώρα στις 14-16 Απριλίου 2023 από το 9 π.μ. έως 5 μ.μ. (βλ. FooEvents Πολυήμερο plugin)
- Υπηρεσία ή εκδήλωση με δυνατότητα κράτησης που λαμβάνει χώρα στις διάφορες ημέρες κατά τη διάρκεια του Απριλίου 2023 στο τρεις διαφορετικές χρονοθυρίδες (βλ. FooEvents Κράτηση plugin)
Pssst: Αν είστε νέοι στο FooEvents και θέλετε να ρίξετε μια ματιά κάτω από το καπό, να ζητήσετε πρόσβαση σε ένα περιβάλλον επίδειξης admin όπου μπορείτε να δοκιμάσετε όλα τα τελευταία plugins του FooEvents από το ταμπλό του WordPress.
Στη συνέχεια, δημιούργησα μια νέα σελίδα WordPress (ή ανάρτηση) και πρόσθεσα ένα μπλοκ με τον ακόλουθο σύντομο κώδικα:
[fooevents_calendar]
Μετά τη δημοσίευση της σελίδας, το ακόλουθο ημερολόγιο θα εμφανιστεί στο front-end.
Προσαρμογή του Ημερολογίου Εκδηλώσεων
Τώρα που έχουμε ενσωματώσει το ημερολόγιο, μπορούμε να το προσαρμόσουμε με βάση τις προτιμήσεις και τις απαιτήσεις μας. Αυτό επιτυγχάνεται με την προσθήκη διαφόρων ιδιοτήτων στον σύντομο κώδικα.
Αλλαγή ημέρας έναρξης ημερολογίου
Ορίστε τις στήλες του ημερολογίου να ξεκινούν τη Δευτέρα ή την Κυριακή.
[fooevents_calendar firstDay="0"] 0 = Κυριακή, 1 = Δευτέρα κ.λπ.
Εμφάνιση συγκεκριμένου μήνα
Ορίστε την προεπιλεγμένη ημερομηνία που πρέπει να εμφανίζει το ημερολόγιο κατά την πρώτη φόρτωση. Αυτό είναι χρήσιμο αν η εκδήλωσή σας ξεκινάει μόνο σε μεταγενέστερη ημερομηνία.
[fooevents_calendar defaultDate= "2023-09-01"]
Φίλτρο ανά κατηγορία
Δημιουργήστε ημερολόγια για διάφορες ομάδες εκδηλώσεων. Αυτό ισχύει μόνο για τις εκδηλώσεις WooCommerce. Απλώς επισημάνετε τα σχετικά συμβάντα σε μια κατηγορία WooCommerce και καθορίστε την κατηγορία χρησιμοποιώντας το στοιχείο include_cat ιδιοκτησία.
[fooevents_calendar include_cat="featured"]
Καθορίστε τον αριθμό των συμβάντων που θα εμφανιστούν
Περιορίστε τον αριθμό των εκδηλώσεων που θα εμφανίζονται στο ημερολόγιο. Από προεπιλογή, θα εμφανιστούν όλα τα συμβάντα που λαμβάνουν χώρα εντός του μήνα.
[fooevents_calendar num=10]
Εμφάνιση πολλαπλών ημερολογίων ανά σελίδα
Μπορείτε να ενσωματώσετε πολλαπλά ημερολόγια ανά σελίδα. Για να το κάνετε αυτό, απλά βεβαιωθείτε ότι κάθε σύντομος κωδικός προσδιορίζει ένα μοναδικό αναγνωριστικό ημερολογίου.
[fooevents_calendar id="cal1"], [fooevents_calendar id="cal2"] κ.λπ.
Ρύθμιση της μορφής ώρας
Προσαρμόστε τη μορφή της ώρας χρησιμοποιώντας τις υποστηριζόμενες μορφές ημερομηνίας FullCalendar: https://fullcalendar.io/docs/v1/formatDate
[fooevents_calendar timeFormat="H.mm"]
Απόκρυψη Σαββατοκύριακων
[fooevents_calendar weekends="false"]
Τρόποι εμφάνισης
Το ημερολόγιο του FooEvents περιλαμβάνει διάφορες λειτουργίες εμφάνισης και μπορεί να ρυθμιστεί χρησιμοποιώντας το defaultView ιδιοκτησία.
Εμφάνιση προβολής λίστας (ημέρα)
[fooevents_calendar defaultView="listDay"]
Εμφάνιση προβολής λίστας (εβδομάδα)
[fooevents_calendar defaultView="listWeek"]
Εμφάνιση προβολής λίστας (μήνας)
[fooevents_calendar defaultView="listMonth"]
Εμφάνιση προβολής λίστας (έτος)
[fooevents_calendar defaultView="listYear"]
Εμφάνιση συγκεκριμένων εκδηλώσεων
Εμφάνιση πολλαπλών συμβάντων καθορίζοντας το αναγνωριστικό του προϊόντος, της δημοσίευσης ή της σελίδας. Μπορείτε να εμφανίσετε ένα μόνο συμβάν ή πολλαπλά συμβάντα εισάγοντας μια λίστα αναγνωριστικών που χωρίζονται με κόμμα.
[fooevents_calendar post="123,456"]
Χρώματα ημερολογίου
Μπορείτε να τροποποιήσετε το θέμα που χρησιμοποιείται από το ημερολόγιό σας συνολικά, ρυθμίζοντας την επιλογή Θέμα ημερολογίου στις κύριες ρυθμίσεις του FooEvents.
- Πηγαίνετε στο Ταμπλό διαχειριστή WordPress > Ρυθμίσεις FooEvents
- Κάντε κλικ στο Ημερολόγιο καρτέλα
- Επιλέξτε ένα Θέμα ημερολογίου επιλογή (Default, Light, Flat, Minimalist ή Dark)
- Αποθήκευση τις αλλαγές σας!
Δημιουργοί σελίδων
Οι κατασκευαστές σελίδων WordPress είναι πρόσθετα που επιτρέπουν στους χρήστες να δημιουργούν και να σχεδιάζουν προσαρμοσμένες διατάξεις για τις σελίδες και τις αναρτήσεις τους στο WordPress χωρίς καμία γνώση προγραμματισμού ή κωδικοποίησης. Δεδομένου ότι οι συντομεύσεις αποτελούν τυπική λειτουργικότητα του WordPress, οι περισσότεροι κατασκευαστές σελίδων WordPress υποστηρίζουν συντομεύσεις. Το ακόλουθο παράδειγμα δείχνει πώς να χρησιμοποιήσετε Elementor για να εξάγετε τον σύντομο κώδικα ημερολογίου FooEvent.
Άλλοι Shortcodes
Επισκεφθείτε το κέντρο βοήθειας του FooEvents Οδηγός σύντομων κωδικών για μια πλήρη λίστα με τους κωδικούς και τα widgets που προσφέρονται από το FooEvents.