Δημιουργήστε ένα τείχος κοινωνικών ενημερώσεων στο WordPress Blog σας με το Socialist jQuery Plugin

Διαφήμιση

Το Socialist είναι ένα απίστευτο νέο plugin jQiuery που συγκεντρώνει τις ενημερώσεις σας σε διάφορα κοινωνικά δίκτυα και τις εμφανίζει όμορφα σε ένα πλέγμα παρόμοιο με το Pinterest. Ρίξτε μια ματιά στο παρακάτω στιγμιότυπο οθόνης για μια ιδέα για το πόσο υπέροχο είναι αυτό και διαβάστε πώς να το εφαρμόσετε στο WordPress.

Σημείωση: Το Socialist είναι ένα πρόσθετο jQuery. Θα δώσω πλήρεις οδηγίες σχετικά με το πώς να το εφαρμόσετε στο WordPress, αλλά μια καλή γνώση του jQuery θα ήταν χρήσιμη για τον εντοπισμό τυπογραφικών λάθους ή σφαλμάτων στον κώδικά σας. Επίσης, αυτό πιθανότατα θα πρέπει να θεωρηθεί ως έκδοση beta. ορισμένα πράγματα είναι σπασμένα, η μορφοποίηση δεν είναι τέλεια, αλλά εξακολουθεί να είναι αρκετά χρήσιμη και εντυπωσιακή

Εισαγωγή

Υπάρχουν διάφορες προσθήκες για τη λήψη ενημερώσεων από συγκεκριμένα δίκτυα ή τις τελευταίες δημοσιεύσεις από μια τροφοδοσία RSS, αλλά καμία δεν τις κάνει όλες και καμία δεν είναι τόσο ελκυστική όσο αυτή. Εδώ μπορείτε να περιμένετε από περίπου 10 γραμμές κώδικα:

Το πρόσθετο μπορεί να έχει πρόσβαση σε μια ποικιλία σόικων δικτύων, καθώς και απλού RSS, αρπαγής εικόνων καθώς και περιεχομένου - όπως:

• Facebook
• Κελάδημα
• LinkedIn
• Flickr
• YouTube
• Pinterest
• RSS
• Craigslist
• Google+

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

Ενσωμάτωση στο WordPress

1. Φορτώστε οποιαδήποτε σελίδα στον ιστότοπό σας και δείτε την πηγή. Αναζήτηση για τη συμβολοσειρά jQuery; εάν το έχετε ήδη, συνεχίστε στο βήμα 2. Εάν όχι, προσθέστε το jQuery συμπεριλαμβάνοντας την ακόλουθη γραμμή στις λειτουργίες σας. Php: wp_enqueue_script («jquery»);
2. Κατεβάστε το αρχείο zip του σοσιαλιστή από το github [Δεν υπάρχει πλέον διαθέσιμο]. Αποσυμπιέστε και ανεβάστε το φάκελο στον κατάλογο θεμάτων εργασίας μέσω FTP.
3. Μετονομάστε το φάκελο σε "σοσιαλιστικό"
4. Στο header.php, προσθέστε τις ακόλουθες δύο γραμμές κάπου κάτω από τη συνάρτηση wp_head αλλά πριν από την ετικέτα τέλους:

1. Δημιουργήστε μια νέα σελίδα όπου θέλετε να εμφανίζεται το μπλοκ σοσιαλιστών. Υποθέτω ότι το θέλετε σε ξεχωριστή σελίδα, αλλά θα μπορούσατε να προσθέσετε τον κώδικα στο πρότυπο ευρετηρίου κάπου. Αν πρόκειται για ξεχωριστή σελίδα, αντιγράψτε το υπάρχον πρότυπο σελίδας σας και ονομάστε το "page-slug.php" όπου το slug είναι ο μόνιμος σύνδεσμος που το WordPress έδωσε τη νέα σας σελίδα (δηλαδή τον τίτλο, με παύλες για κενά και κοινές λέξεις που αφαιρέθηκαν).
2. Επεξεργαστείτε τη σελίδα για να αφαιρέσετε το βρόχο WordPress περιεχόμενο; θέλουμε μια βασική διάταξη με μετα-πληροφορίες και παρόμοια.

Προσθήκη σοσιαλιστικού κώδικα

Ανοίξτε το ειδικό πρότυπο σελίδας που δημιουργήσατε νωρίτερα και επικολλήστε τον ακόλουθο κώδικα στο κύριο περιεχόμενο περιοχή. Αλλάξτε το στυλ του σοσιαλιστικού DIV για να ταιριάζει στο θέμα σας. Δεν βρήκα ότι ο καθορισμός του πλάτους έσπασε τη διάταξη, αλλά αυτό μπορεί να ήταν ειδικό για το θέμα μου. Ο παρακάτω κώδικας είναι προ-προγραμματισμένος σε ορισμένες από τις δικές μου πηγές κοινωνικής ενημέρωσης. φυσικά, θα θέλετε να αλλάξετε τα διάφορα αναγνωριστικά στα δικά σας. Για την ακριβή μορφή ή τυχόν πρόσθετες παραμέτρους, δείτε το αρχείο readme. Γενικά, το μόνο που χρειάζεστε είναι η παράμετρος id. Ξεκινήστε με ένα και επεξεργαστείτε, καθώς ένα λανθασμένο αναγνωριστικό θα προκαλέσει τη διακοπή της προσθήκης.

Περίληψη

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

Εάν έχω προβλήματα ή χρειάζεστε ένα χέρι στο WordPress, μη διστάσετε να ρωτήσετε στα παρακάτω σχόλια, αλλά συμπεριλάβετε μια δοκιμαστική διεύθυνση URL που μπορώ να δω και να εξετάσω οποιονδήποτε κώδικα Σφάλματα. Για σφάλματα στην ίδια την προσθήκη, δημοσιεύστε ένα νέο ζήτημα στο GitHub. Νομίζετε ότι κάποιος άλλος θα μπορούσε να κάνει το MakeUseOf αυτού του φοβερού plugin κοινωνικοποίησης jQuery; Στη συνέχεια, μοιραστείτε χρησιμοποιώντας τα παρακάτω κουμπιά για να πείτε στον κόσμο.