Πώς να χρησιμοποιήσετε συντομεύσεις για να ενσωματώσετε ημερολόγια εκδηλώσεων στον ιστότοπό σας WordPress

Fooevents Ημερολόγιο Shortcodes Προτεινόμενη εικόνα

Στο 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 Post και Page

Η δεύτερη και πιο εξελιγμένη επιλογή είναι να χρησιμοποιήσετε το FooEvents για WooCommerce plugin και επεκτάσεις για να προσθέσετε λειτουργικότητα εκδηλώσεων, κρατήσεων και έκδοσης εισιτηρίων στα προϊόντα σας WooCommerce.

Στιγμιότυπο των ρυθμίσεων συμβάντος Fooevents.

Για να δείξω πώς θα εμφανίζονται τα διάφορα συμβάντα στο ημερολόγιο, έχω ρυθμίσει τα ακόλουθα τρία συμβάντα χρησιμοποιώντας το FooEvents:

  • Συνέδριο μίας ημέρας που λαμβάνει χώρα στις 28 Απριλίου 2023 από το 9 π.μ. έως 5 μ.μ.
  • Πολυήμερο συνέδριο που λαμβάνει χώρα στις 14-16 Απριλίου 2023 από το 9 π.μ. έως 5 μ.μ. (βλ. FooEvents Πολυήμερο plugin)
  • Υπηρεσία ή εκδήλωση με δυνατότητα κράτησης που λαμβάνει χώρα στις διάφορες ημέρες κατά τη διάρκεια του Απριλίου 2023 στο τρεις διαφορετικές χρονοθυρίδες (βλ. FooEvents Κράτηση plugin)

Pssst: Αν είστε νέοι στο FooEvents και θέλετε να ρίξετε μια ματιά κάτω από το καπό, να ζητήσετε πρόσβαση σε ένα περιβάλλον επίδειξης admin όπου μπορείτε να δοκιμάσετε όλα τα τελευταία plugins του FooEvents από το ταμπλό του WordPress.

Στη συνέχεια, δημιούργησα μια νέα σελίδα WordPress (ή ανάρτηση) και πρόσθεσα ένα μπλοκ με τον ακόλουθο σύντομο κώδικα:

[fooevents_calendar]

Στιγμιότυπο του ημερολογίου Fooevents που ενσωματώνεται κατά την επεξεργασία μιας σελίδας στο Wordpress

Μετά τη δημοσίευση της σελίδας, το ακόλουθο ημερολόγιο θα εμφανιστεί στο front-end.

Στιγμιότυπο του ημερολογίου Fooevent Embed χρησιμοποιώντας Shortcodes

Προσαρμογή του Ημερολογίου Εκδηλώσεων

Τώρα που έχουμε ενσωματώσει το ημερολόγιο, μπορούμε να το προσαρμόσουμε με βάση τις προτιμήσεις και τις απαιτήσεις μας. Αυτό επιτυγχάνεται με την προσθήκη διαφόρων ιδιοτήτων στον σύντομο κώδικα.

Αλλαγή ημέρας έναρξης ημερολογίου

Ορίστε τις στήλες του ημερολογίου να ξεκινούν τη Δευτέρα ή την Κυριακή.

[fooevents_calendar firstDay="0"] 0 = Κυριακή, 1 = Δευτέρα κ.λπ.

Ημερολόγιο Fooevents χρησιμοποιώντας τη ρύθμιση Firstday

Εμφάνιση συγκεκριμένου μήνα

Ορίστε την προεπιλεγμένη ημερομηνία που πρέπει να εμφανίζει το ημερολόγιο κατά την πρώτη φόρτωση. Αυτό είναι χρήσιμο αν η εκδήλωσή σας ξεκινάει μόνο σε μεταγενέστερη ημερομηνία.

[fooevents_calendar defaultDate= "2023-09-01"]

Φίλτρο ανά κατηγορία

Δημιουργήστε ημερολόγια για διάφορες ομάδες εκδηλώσεων. Αυτό ισχύει μόνο για τις εκδηλώσεις WooCommerce. Απλώς επισημάνετε τα σχετικά συμβάντα σε μια κατηγορία WooCommerce και καθορίστε την κατηγορία χρησιμοποιώντας το στοιχείο include_cat ιδιοκτησία.

Επιλογή κατηγορίας Woocommerce

[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"]

Στιγμιότυπο 2023 04 05 Στις 15.19.31

Απόκρυψη Σαββατοκύριακων

[fooevents_calendar weekends="false"]

Τρόποι εμφάνισης

Το ημερολόγιο του FooEvents περιλαμβάνει διάφορες λειτουργίες εμφάνισης και μπορεί να ρυθμιστεί χρησιμοποιώντας το defaultView ιδιοκτησία.

Εμφάνιση προβολής λίστας (ημέρα)

[fooevents_calendar defaultView="listDay"]

Ημερολόγιο Fooevents χρησιμοποιώντας τη ρύθμιση Listday

Εμφάνιση προβολής λίστας (εβδομάδα)

[fooevents_calendar defaultView="listWeek"]

Ημερολόγιο Fooevents χρησιμοποιώντας τη ρύθμιση Listweek

Εμφάνιση προβολής λίστας (μήνας)

[fooevents_calendar defaultView="listMonth"]

Ημερολόγιο Fooevents χρησιμοποιώντας τη ρύθμιση Listmonth

Εμφάνιση προβολής λίστας (έτος)

[fooevents_calendar defaultView="listYear"]

Ημερολόγιο Fooevents χρησιμοποιώντας τη ρύθμιση Listyear

Ημερολόγιο Fooevents Χρησιμοποιώντας τη ρύθμιση Σαββατοκύριακα για να αποκρύψετε τα Σαββατοκύριακα

Εμφάνιση συγκεκριμένων εκδηλώσεων

Εμφάνιση πολλαπλών συμβάντων καθορίζοντας το αναγνωριστικό του προϊόντος, της δημοσίευσης ή της σελίδας. Μπορείτε να εμφανίσετε ένα μόνο συμβάν ή πολλαπλά συμβάντα εισάγοντας μια λίστα αναγνωριστικών που χωρίζονται με κόμμα.

[fooevents_calendar post="123,456"]

Χρώματα ημερολογίου

Μπορείτε να τροποποιήσετε το θέμα που χρησιμοποιείται από το ημερολόγιό σας συνολικά, ρυθμίζοντας την επιλογή Θέμα ημερολογίου στις κύριες ρυθμίσεις του FooEvents.

  1. Πηγαίνετε στο Ταμπλό διαχειριστή WordPress > Ρυθμίσεις FooEvents
  2. Κάντε κλικ στο Ημερολόγιο καρτέλα
  3. Επιλέξτε ένα Θέμα ημερολογίου επιλογή (Default, Light, Flat, Minimalist ή Dark)
  4. Αποθήκευση τις αλλαγές σας!

Δημιουργοί σελίδων

Οι κατασκευαστές σελίδων WordPress είναι πρόσθετα που επιτρέπουν στους χρήστες να δημιουργούν και να σχεδιάζουν προσαρμοσμένες διατάξεις για τις σελίδες και τις αναρτήσεις τους στο WordPress χωρίς καμία γνώση προγραμματισμού ή κωδικοποίησης. Δεδομένου ότι οι συντομεύσεις αποτελούν τυπική λειτουργικότητα του WordPress, οι περισσότεροι κατασκευαστές σελίδων WordPress υποστηρίζουν συντομεύσεις. Το ακόλουθο παράδειγμα δείχνει πώς να χρησιμοποιήσετε Elementor για να εξάγετε τον σύντομο κώδικα ημερολογίου FooEvent.

Στιγμιότυπο 2023 04 05 Στις 13.37.51

Άλλοι Shortcodes

Επισκεφθείτε το κέντρο βοήθειας του FooEvents Οδηγός σύντομων κωδικών για μια πλήρη λίστα με τους κωδικούς και τα widgets που προσφέρονται από το FooEvents.

Εγγραφείτε στο blog digest

Λάβετε μια περίληψη των τελευταίων αναρτήσεων στα εισερχόμενά σας.

Τα στοιχεία σας δεν μπόρεσαν να υποβληθούν. Προσπαθήστε ξανά.
Έχετε εγγραφεί επιτυχώς!

Χρησιμοποιούμε την Brevo ως πλατφόρμα μάρκετινγκ. Με την υποβολή αυτής της φόρμας συμφωνείτε ότι τα προσωπικά δεδομένα που παρέχετε θα μεταφερθούν στην Brevo για επεξεργασία σύμφωνα με Πολιτική απορρήτου της Brevo.

Καλάθι αγορών