Δημιουργία Σχετικά με Widget Sidebar Με τον επεξεργαστή Post [WordPress tutorial]
Τα μεγάλα ιστολόγια κάνουν εξαιρετική χρήση των σελίδων "Σχετικά με μένα". Για να φτάσουν οι χρήστες εκεί, το 99% των περιπτώσεων περιλαμβάνουν μια σύντομη, ενδιαφέρουσα ενότητα "Σχετικά με μένα" στην πλαϊνή γραμμή του ιστολογίου τους. Σε αυτή την ανάρτηση θα σας δείξω πώς να δημιουργήσετε αυτήν την ενότητα. Είναι τόσο εύκολο όσο να γράφετε μια νέα θέση. Στην πραγματικότητα, θα χρησιμοποιήσουμε τον νέο επεξεργαστή αναρτήσεων στο WordPress για να το δημιουργήσουμε.
Ο μεταγλωττιστής είναι ένα από τα πιο ευέλικτα εργαλεία στο WordPress και σχεδόν κανείς δεν το ξέρει. Αυτό που έχω να σας δείξω είναι μια έξυπνη μικρή σχεδίαση, ένα τέχνασμα που αγνοήθηκε έτσι ώστε να μην καλύπτεται ακόμη και από τη λίστα των 40 WordPress Hacks της Hongkiat.com.
Αυτό το τέχνασμα είναι επίσης εξαιρετικό για την εκμάθηση κάποιων βασικών HTML και CSS, αν ξεκινάτε απλά.
Δημιουργήστε το μήνυμά σας
Το μόνο που χρειάζεστε για αυτό το σεμινάριο είναι η σελίδα "Σχετικά με μένα", μια φωτογραφία του εαυτού σας και κάποιο κείμενο. Η σελίδα "Σχετικά με μένα" θα πρέπει να εστιάζει στα επιτεύγματά σας στο blogging, να εμπλέκει τον αναγνώστη με κάποιες ερωτήσεις και να περιλαμβάνει φωτογραφίες από το blogging σας. Έχει ήδη γίνει αυτή η σελίδα; Τέλειος.
Τώρα, θα πάμε όλα αυτά στο WordPress νέο επεξεργαστή αναρτήσεων. Ανοίξτε το και μεταφορτώστε την εικόνα σας. Θα κάνουμε πολλά από αυτά από το Καρτέλα HTML. Όταν ανεβάζετε μια εικόνα, το WordPress δημιουργεί αυτόματα τον κώδικα HTML για αυτό. Μεταβείτε στην καρτέλα HTML και δημιουργήστε ένα κενό διάστημα (πατήστε enter) πάνω από την εικόνα σας. Στη συνέχεια, γράψτε ένα μικρό μήνυμα αγκίστρου εδώ, όπως "Ποιος είναι πίσω από αυτή την ιστοσελίδα;" ή ακόμα και μόνο "Σχετικά με μένα". Να είσαι δημιουργικός.
Προσθέστε μια σύντομη περιγραφή 3-4 φράσεων που θα προκαλούσε τον αναγνώστη. Στο τέλος αυτού του μπλοκ κειμένου, γράψτε μια πρόταση όπως "Μάθετε περισσότερα εδώ" και συνδέστε την με την πραγματική σελίδα "Πληροφορίες".
Στυλ το μήνυμά σας
Τώρα πηγαίνετε Οπτική καρτέλα. Κεντράρετε το κείμενό σας. Όταν επιστρέψετε στην HTML, θα παρατηρήσετε ότι το WordPress έγραψε κάποιο κώδικα για σας, με τη μορφή ενός "στυλ p". Αυτή είναι η ομορφιά της δημιουργίας widgets στον νέο επεξεργαστή αναρτήσεων. Wordpress autowrite κωδικούς για εσάς! Στη συνέχεια προσθέτετε μόνο ένα βασικό CSS!
Δημιουργήστε κάτι σαν αυτό:
ΤΟ ΜΗΝΥΜΑ ΣΟΥ
Βεβαιωθείτε ότι κλείσατε το στυλ p με a
Και προσθέστε οποιοδήποτε άλλο CSS μπορείτε να σκεφτείτε ή να χρειαστείτε. Δεν γνωρίζω το CSS; Απλά αναζήτηση Google "Κωδικός CSS για ____" και στο κενό θέστε αυτό που προσπαθείτε να κάνετε. Στη συνέχεια, αντιγράψτε και επικολλήστε το στυλ p. Τοποθετήστε το γύρω από το μήνυμα μπλοκ κειμένου κάτω από την εικόνα. Στυλ, ωστόσο, θέλετε και κλείστε το. Αν ξεχάσετε να κλείσετε ένα στυλ p, δεν είναι μεγάλη υπόθεση. Το στυλ θα ισχύει για περισσότερο κείμενο που θέλετε, αλλά όλοι κάνουν αυτό το λάθος τουλάχιστον μία φορά.
Χρησιμοποιήστε κωδικούς να είναι γραμματοσειρά και να τολμήσετε το κείμενό σας και θυμηθείτε να κλείσετε και αυτά.
Έχουμε κάνει τη δημιουργία, για τώρα, και είναι ώρα για τη διασκέδαση να αρχίσει.
Τοποθετήστε την εργασία σας στην πλευρική γραμμή
Στην καρτέλα HTML, αντιγράψτε και επικολλήστε όλα όσα δημιουργήσατε. μεταβείτε στο Εμφάνιση, καρτέλα Widgets, και σύρετε ένα κενό γραφικό στοιχείο στην πλαϊνή σας μπάρα. Επικολλήστε τον κώδικα σας. Στη συνέχεια, πατήστε Αποθήκευση και κάντε κλικ πάνω στην αρχική σελίδα του ιστολογίου σας. Πώς φαίνεται?
Θα θέλετε σχεδόν μερικές τροποποιήσεις εδώ. Η εικόνα μπορεί να είναι εκτός μεγέθους ή οι γραμματοσειρές μπορεί να μην εμφανίζονται όπως σας φαντάζονταν αλλά να μην ανησυχείτε, μπορείτε να επεξεργαστείτε όλα αυτά απευθείας στο γραφικό στοιχείο ή ακόμα καλύτερα στον νέο σας επεξεργαστή αναρτήσεων όπου μπορείτε να δείτε τις αλλαγές πιο εύκολα.
Χαρακτηριστικά Fun Styling και άλλες προσθήκες
Το CSS είναι πραγματικά ένα διασκεδαστικό παιχνίδι. Εδώ είναι μερικοί τρόποι για να κάνετε αυτό το τμήμα για μένα πραγματικά pop.
- Χρησιμοποιήστε εξωτικά χρώματα.
- Χρησιμοποιήστε ένα διάκενο με διάκενα ή χρώματα.
- Βάλτε μια φόρμα "Συμμετάσχετε" ακριβώς κάτω από το κείμενό σας. Χρησιμοποιώ Aweber για αυτά.
- Προσθέστε συνδέσμους σε μέρη όπου παρουσιάστηκε η δουλειά σας.
- Ρίξτε σε ένα αστείο, ή να είναι μυστηριώδης.
Video Tutorial
Μπορείτε επίσης να παρακολουθήσετε το εκπαιδευτικό βίντεο για αυτήν την ανάρτηση όπως παρακάτω ή στο YouTube.
Τι έπεται?
Τώρα που έχετε μια βασική ενότητα Σχετικά με μένα και Σχετικά με μένα, περιηγηθείτε σε άλλα ιστολόγια για να δείτε ποιες στρατηγικές και σχέδια σχεδιάζονται για αυτούς. Πάρτε μερικές σημειώσεις. Στη συνέχεια, κάνετε κάποια περισσότερη έρευνα στους δικούς σας αναγνώστες.
Προσαρμόστε την επαφή σας με αυτό ακριβώς που θέλουν οι αναγνώστες σας και τελικά θα αρχίσετε να βλέπετε περισσότερους αναγνώστες, σχολιαστές και πιστούς συνδρομητές. Βάλτε τον εαυτό σας στην πλαϊνή μπάρα και αξίζει τον κόπο στο τέλος.
Σημείωση του συντάκτη: Αυτή η ανάρτηση είναι γραμμένη από Γκρεγκ Ναραγιά για το Hongkiat.com. Ο Greg είναι ένας 25χρονος άντρας από τη Νέα Υόρκη ο οποίος απαντά περίπου 150 ερωτήσεις σχετικά με το blog πριν το πρωινό.
