Facebook Like Button και WordPress Integration

όπως

Με την Κουμπί Like στο Facebook ξεκινώντας, σκέφτηκα ότι θα περάσω λίγο χρόνο απόψε και θα το ενσωματώσω στο WordPress blog μου. Το ενσωμάτωσα επίσης σε ένα Επιτομή και το blog του πελάτη, απόψε.

Το πρώτο βήμα είναι πολύ απλό - απλώς προσθέστε τον κωδικό iframe στις σελίδες προτύπου σας (ευρετήριο και ενιαίο). Δεδομένου ότι η σελίδα ευρετηρίου σας μπορεί να έχει πολλές αναρτήσεις, είναι σημαντικό να τροποποιήσετε το κουμπί εντός του βρόχου της σελίδας σας, έτσι ώστε ο μόνιμος σύνδεσμος να προσαρτηθεί σωστά.

<iframe src="http://www.facebook.com/plugins/like.php?href=
& layout = button_count & action = like "scrolling =" no "frameborder =" 0 "allowTransparency =" true "style =" περίγραμμα: κανένα; υπερχείλιση: κρυφό; πλάτος: 250 εικονοστοιχεία; ύψος: px ">

Ρύθμισα επίσης το πλάτος και έπειτα έκανα κάποια CSS για να αιωρήσω το κουμπί δίπλα στο Κουμπί Retweet Twitter. Ο λόγος για τον οποίο αυτά τα εργαλεία είναι τόσο υπέροχα είναι ότι δεν απαιτούν σύνδεση, πλοήγηση κ.λπ. Απλώς κάντε κλικ στο κουμπί και έχετε δημοσιεύσει την κατάσταση στο Facebook (ή στο Twitter αντίστοιχα).

Επιπλέον, μπορείτε επίσης να βάλετε μετα-δεδομένα στην κεφαλίδα του ιστολογίου σας για εξαγωγή από το Facebook. Δείτε πώς επεξεργάστηκα το δικό μου:

"/>

Τελικά, ελπίζω να δω κάποιον να γράφει ένα ωραίο πρόσθετο για να το κάνει αυτό. Δεν έχω δοκιμάσει να δω ποιος τρόπος είναι καλύτερος - η προσέγγιση iframe ή η SDK JavaScript Facebook μέθοδος. Εάν έχετε εντοπίσει ένα ωραίο πρόσθετο εκεί έξω για να το φροντίσετε, ενημερώστε με!

13 Σχόλια

  1. 1

    Έχω μια ερώτηση για σένα, Bromance:

    Πριν από 2 διανυκτερεύσεις, προσπάθησα να παίξω με το κουτί μου σαν το facebook (πρώην widget fan του facebook) για το «πώς να δημοσιεύσω ένα βιβλίο του blues. ελπίζω "σελίδα θαυμαστών και τώρα δεν θα φορτωθεί. Κάνει αυτό που κάνει στο Mashable αυτή τη στιγμή… ή το έκανε νωρίτερα το Σάββατο απόγευμα.

    Είναι αντίθετο με τη διατριβή; GRRRR

  2. 2
  3. 3
  4. 4

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

  5. 5

    Δεν πρέπει να υπάρχει καμία σύγκρουση - αλλά μπορεί να χρειαστεί κάποια σημαντική αλλαγή με το CSS για να εντοπίσετε το κουμπί όπου το χρειάζεστε. Είχα μια δύσκολη στιγμή.

  6. 6
  7. 7

    Ευχαριστώ για την ανάρτηση. Υπάρχει μια υπάρχουσα προσθήκη WP που σας επιτρέπει να προσθέσετε το κουμπί Like και να προσθέσετε αυτόματα τα μετα-δεδομένα.

    http://wordpress.org/extend/plugins/open-graph-protocol-tools/

    Το έχω εγκαταστήσει σε μερικά ιστολόγια και λειτουργεί τέλεια.

    Gary

  8. 8

    Τζακ, ευχαριστώ που μοιραστήκατε αυτό. Δεν το είχα δει, φαίνεται υπέροχο. Θα πρέπει να το εγκαταστήσω και να το ελέγξω.

  9. 9
  10. 10

    Αλλά ο κώδικας φαίνεται να είναι ατελής, καθώς ο II έχει αντιγράψει αυτόν τον κώδικα στη σελίδα mu wp. Νομίζω ότι πρέπει να προσθέσω κάποια πράγματα για να λειτουργήσει στη σελίδα μου.

  11. 11

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.