Δημιουργία βάσης δεδομένων κριτικής προϊόντος με Wordpress: Προσαρμοσμένοι τύποι δημοσιεύσεων, Προσαρμοσμένα πεδία, Προτεινόμενες εικόνες & Widgets!

Διαφήμιση

Την τελευταία φορά σας έδειξα πώς να το κάνετε δημιουργήστε μια απλή λίστα συμβάντων Πώς να δημιουργήσετε τη δική σας λίστα εκδηλώσεων χρησιμοποιώντας προσαρμοσμένους τύπους δημοσιεύσεων στο WordPressΤο WordPress σάς επιτρέπει να χρησιμοποιείτε προσαρμοσμένους τύπους δημοσιεύσεων για να επεκτείνετε την ενσωματωμένη λειτουργικότητα. Δείτε πώς μπορείτε να το κάνετε χωρίς προσθήκες. Διαβάστε περισσότερα χρησιμοποιώντας ίσως την πιο ισχυρή δυνατότητα του WordPress 3.0 - προσαρμοσμένους τύπους δημοσιεύσεων. Μετά από ορισμένα αιτήματα για περαιτέρω ανάπτυξη, σήμερα θα δημιουργήσουμε μια βάση δεδομένων για την αξιολόγηση προϊόντων για να συνδέσουμε όλα όσα έχουμε μάθει μέχρι στιγμής.

Θα μπορείτε να διατηρήσετε μια ξεχωριστή λίστα προϊόντων χρησιμοποιώντας προσαρμοσμένους τύπους δημοσιεύσεων, καθένα με μια συσχετισμένη εικόνα, καθώς και ορισμένα μετα-πληροφορίες όπως τιμή, βαθμολογία, προδιαγραφές - και θα τα ολοκληρώσουμε όλα με έναν τρόπο εμφάνισης τους σε ένα widget πλευρικής γραμμής και ένα σελίδα ευρετηρίου. Ακούγεται καλό? Συνέχισε να διαβάζεις.

Απαιτήσεις:

Θα χρειαστείτε μια λειτουργική εγκατάσταση φιλοξενίας WordPress 3.0+ και αυτό θα κάνει χρήση εκτεταμένης κωδικοποίησης PHP. Θα σας δώσω τον κωδικό, αλλά θα πρέπει να είστε σχετικά άνετοι με PHP και XHTML για να προσαρμόσετε τα ονόματα των μεταβλητών στις ανάγκες σας ή να αλλάξετε το στυλ. Εάν χρειάζεστε ένα γρήγορο μάθημα για αρχάριους για CSS και XHTML, σας προτείνω το υπέροχο δωρεάν οδηγός για αρχάριους Μάθετε να μιλάτε "Διαδίκτυο": Ο οδηγός σας για το xHTMLΚαλώς ήλθατε στον κόσμο της XHTML - Extensible Hypertext Markup Language - μια γλώσσα σήμανσης που επιτρέπει σε οποιονδήποτε να κατασκευάσει ιστοσελίδες με πολλές διαφορετικές λειτουργίες. Είναι η κύρια γλώσσα του Διαδικτύου. Διαβάστε περισσότερα για να κατεβάσετε. Θα πρότεινα επίσης να χρησιμοποιήσετε ένα καθαρά κωδικοποιημένο αλλά βασικός θέμα - η προεπιλογή Είκοσι δέκα ή Είκοσι έντεκα Το θέμα είναι πραγματικά πολύ περίπλοκο να επεξεργαστείτε, οπότε δοκιμάστε το πρώτα σε κάτι πιο απλό πριν προσπαθήσετε να το ενσωματώσετε σε αυτό.

Εάν διαβάσετε το φροντιστήριο των τελευταίων εβδομάδων, θα πρέπει να είστε κάπως εξοικειωμένοι με τη δημιουργία ενός προσαρμοσμένου τύπου ανάρτησης στο WordPress. Αντιγραφή και επικόλληση αυτός ο βασικός κωδικός σε μια νέα προσθήκη, ενεργοποιήστε το και αρχίστε να προσθέτετε μερικά νέα προϊόντα, ώστε να έχουμε ένα σύνολο δεδομένων για να δουλέψουμε. (Σημείωση: Αν προτιμάτε να κατεβάσετε τον πλήρη και πλήρη κώδικα τώρα χωρίς να προσπαθήσετε να προσθέσετε πράγματα στην πορεία, χρησιμοποιήστε αυτόν τον τελικό κωδικό. Μπορείτε ακόμα να ακολουθήσετε το σεμινάριο και να το προσαρμόσετε καθώς πηγαίνουμε)

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

• Τιμή λιανικής
• Ανάλυση
• Βίντεο HD
• Σύνδεσμος αγοράς
• Εκτίμηση

Αντί να προσθέσουμε αυτές τις πληροφορίες απευθείας στην περιγραφή του προϊόντος (το «περιεχόμενο μετά την ανάρτηση»), θα δημιουργήσουμε προσαρμοσμένα πεδία για να διατηρήσουμε αυτές τις πληροφορίες. Στην οθόνη προσθήκης προϊόντος, βεβαιωθείτε ότι έχετε ενεργοποιήσει τα προσαρμοσμένα πεδία και, στη συνέχεια, δημιουργήστε ένα νέο πεδίο για κάθε σύνολο πληροφοριών. Θα χρειαστεί να δημιουργήσετε νέα πεδία μόνο μία φορά - το επόμενο προϊόν που προσθέτετε θα μπορείτε να επιλέξετε το όνομα του προσαρμοσμένου πεδίου από το αναπτυσσόμενο πλαίσιο. Μην ξεχάσετε να προσθέσετε μια επιλεγμένη εικόνα, καθώς και να την χρησιμοποιήσετε για να εμφανιστεί μαζί με το προϊόν πληροφοριών αργότερα.

Πρότυπο μεμονωμένου προϊόντος

Εάν προσπαθήσετε να δείτε ένα από τα προϊόντα σας τώρα, πιθανότατα θα λάβετε ένα 404 δεν βρέθηκε λάθος. Για να το διορθώσετε, κατευθυνθείτε στο ρυθμίσεις μόνιμων συνδέσμων του WordPress και μόλις χτύπησε Αποθήκευση ρυθμίσεων μια φορά. Τώρα, όταν βλέπετε μία από τις νέες καταχωρίσεις προϊόντων σας, ανάλογα με το θέμα σας, μπορεί να δείτε κάτι λίγο απλό. Ο τίτλος και το κείμενο περιγραφής υπάρχουν, αλλά τι γίνεται με όλες τις προσαρμοσμένες μετα-πληροφορίες και την εικόνα;

Για να προσαρμόσουμε τις μεμονωμένες προβολές προϊόντος, θα χρειαστεί να προσαρμόσουμε ένα νέο αρχείο προτύπου που ονομάζεται single-products.php - το κάνετε αυτό αντιγράφοντας το υπάρχον single.php οπότε έχουμε τα θεμέλια στη θέση του και δεν ξεκινάμε από το μηδέν.

Σε αυτό το σημείο, θα κάνω μια πολύ μικρή αλλαγή στη γραμμή που εμφανίζει "Συντάχθηκε από (συγγραφέας) στις (ημερομηνία)", Οπότε αντί αυτού διαβάζει απλώς"Προστέθηκε στη βάση δεδομένων στις (ημερομηνία)”. Αυτό είναι ακριβώς έτσι ώστε να είμαι σίγουρος ότι το πρότυπο λειτουργεί και η ανανέωση της σελίδας ενός προϊόντος θα πρέπει να εμφανίσει αυτήν την αλλαγή αμέσως.

Τώρα, για να προσθέσετε την επιλεγμένη εικόνα ανάρτησης που επισυνάψαμε στο προϊόν, αυτή η μία γραμμή πρέπει να το κάνει (συμπεριέλαβα και πληροφορίες στυλ, σε περίπτωση που το χρειάζεστε). Έχω δημοσιεύσει το πλήρης κωδικός στο δικό μου single-products.php εδώ, αλλά να θυμάστε ότι είναι μοναδικό για το θέμα μου, οπότε απλώς η αντιγραφή του στον δικό σας κατάλογο θεμάτων μπορεί να έχει απρόσμενα αποτελέσματα.

Ο απλούστερος τρόπος για να προσθέσετε τις μετα-πληροφορίες οπουδήποτε είναι να χρησιμοποιήσετε:

… Αλλά αυτό θα μας δώσει μόνο μια πολύ βασική λίστα εξόδου ζευγών κλειδιών-τιμών. Για να κάνετε κάτι πιο περίπλοκο με τις επιστρεφόμενες τιμές (όπως εμφάνιση γραφικού με αστέρι), πρέπει να πάρετε όλες τις τιμές και να επαναλάβετε τις τιμές. [Δείτε τον κωδικό εδώ]:

Στο παραπάνω παράδειγμα, ελέγχω κάθε προσαρμοσμένο όνομα πεδίου (το κλειδί $) για να δείτε αν λέγεται "Επίπεδο’. Αν αυτο είναι που λέγεται επίπεδο, αντί να επαναλαμβάνω την τιμή του πεδίου πίσω, εμφανίζω ένα διαφορετικό γραφικό στοιχείο με βάση το περιεχόμενο. Για οποιαδήποτε άλλα προσαρμοσμένα πεδία, επαναλαμβάνω την τιμή ως έχει, μαζί με το όνομα του πεδίου (που είναι ακριβώς αυτό που το_μετα () κάνει). Τώρα η σελίδα του προϊόντος μου μοιάζει με αυτό:

Θα το αφήσω εκεί για προβολές μεμονωμένων προϊόντων, καθώς εξαρτάται πραγματικά από το δικό σας θέμα και τι θέλετε να επιτύχετε με αυτό. Προς το παρόν, ας προχωρήσουμε σε ένα widget πλευρικής γραμμής για να εμφανίσουμε… τα 3 προϊόντα με την υψηλότερη κατάταξη στη βάση δεδομένων;

Widget

Για να το κάνω αυτό, έχω προσαρμόσει ελαφρώς τον κωδικό που σας έδωσα προηγουμένως στην ανάρτηση Πώς να γράψετε ένα βασικό widget Widget Πώς να δημιουργήσετε τα δικά σας βασικά Widget WordpressΠολλοί μπλόγκερ θα αναζητήσουν το τέλειο widget Wordpress που θα κάνει ακριβώς αυτό που θέλουν, αλλά με λίγη εμπειρία προγραμματισμού μπορεί να βρείτε ευκολότερο να γράψετε το προσαρμοσμένο widget σας. Αυτή την εβδομάδα θα ... Διαβάστε περισσότερα , αλλά αντί να εμφανίζω μια τυχαία ανάρτηση, την έχω προσαρμόσει με τα ακόλουθα [δείτε τον πλήρη κωδικό εδώ]:

Αυτό θα μου δώσει 3 δημοσιεύσεις που είναι παρόμοιες με το παρακάτω στιγμιότυπο οθόνης. Εάν δεν βλέπετε κανένα από τα προϊόντα σας να εμφανίζεται, ελέγξτε πολύ προσεκτικά την ενότητα που λέει & meta_key = Αξιολόγηση για να βεβαιωθείτε ότι έχετε στην πραγματικότητα ένα μετα-κλειδί αυτού του ονόματος. Παρατηρήστε πώς επέλεξα επίσης να εμφανίσω τις μετα-πληροφορίες που σχετίζονται με αυτό το προϊόν μαζί με την επιλεγμένη μικρογραφία, αλλά μπορείτε να επεξεργαστείτε αυτό το συγκεκριμένο μπλοκ κώδικα για να εμφανίσετε ό, τι θέλετε.

Αρχεία προϊόντων ή καταχώριση

Τέλος, ήθελα επίσης να φτιάξω μια σελίδα ευρετηρίου / αρχείων, έτσι ώστε να το επισκεφτώ http://yourdomain.com/products/ θα έδειχνε μια απλή λίστα με όλα τα προϊόντα, παρόμοια με ένα ευρετήριο blog. Το βασικό απόσπασμα + στυλ μικρογραφιών μετά σάς έδειξα πώς να φτιάξετε στο Πώς να προσθέσετε μικρογραφίες ανάρτησης στο θέμα σας Ρυθμίστε το ιστολόγιό σας με WordPress: Ο απόλυτος οδηγόςΘέλετε να ξεκινήσετε το δικό σας blog αλλά δεν ξέρετε πώς; Κοιτάξτε στο WordPress, την πιο ισχυρή πλατφόρμα blogging που διατίθεται σήμερα. Διαβάστε περισσότερα Το άρθρο ήταν ως επί το πλείστον επαρκές, αλλά για να το προσαρμόσω, έπαιξα το archive.php αρχείο στο θέμα μου και μετονομάστηκε archive-products.php.

Εάν δεν έχετε ήδη σελίδα αρχειοθέτησης, απλώς αντιγράψτε index.php και μετονομάστε το σε archive-products.php. Και πάλι, προσαρμόζοντας τη γραμμή μετα-πληροφορίες του άρθρου και προσθέτοντας μια κλήση στο το_μετα () κάπου, το έχω:

Προφανώς, φαίνεται λίγο ανόητο τόσο με τα αρχεία όσο και με την πλαϊνή μπάρα, και θα μπορούσε να κάνει με λίγο περισσότερη προσαρμογή στυλ, αλλά θα σας αφήσω αυτό!

Αυτό είναι από μένα σήμερα. Μπορείτε να δείτε το συμπληρώστε τον πλήρη κωδικό online εδώ - απλώς αντιγράψτε και επικολλήστε ή κατεβάστε ολόκληρο το αρχείο σε ένα αρχείο που ονομάζεται products.phpκαι τοποθετήστε τον στον κατάλογο προσθηκών σας. Θα πρέπει να μπορείτε να επεκτείνετε ενδεχομένως το ιστολόγιό σας WordPress σε μια βάση δεδομένων οτιδήποτε τώρα! Είναι δύσκολο να απαντήσετε σε μεμονωμένα προβλήματα που ενδέχεται να αντιμετωπίζετε, αλλά παρακαλώ δημοσιεύστε τα στα σχόλια εάν θέλετε κάποια βοήθεια ή θέλετε δείξτε την εκτίμησή σας - ένα tweet ή το Facebook θα ήθελε να εκτιμηθεί, ή ακόμη και μια αναφορά στο ιστολόγιό σας εάν αποφασίσετε να το εφαρμόσετε Αυτό. Ευχαριστούμε που διαβάσατε και μην ξεχάσετε όλα τα άλλα Σεμινάρια WordPress έχουμε!