Crea una bacheca di aggiornamenti social nel tuo blog WordPress con il socialista jQuery Plugin

Annuncio pubblicitario

Socialist è un incredibile nuovo plug-in jQiuery che aggrega i tuoi aggiornamenti su vari social network e li visualizza magnificamente in una griglia simile a Pinterest. Dai un'occhiata allo screenshot qui sotto per avere un'idea di quanto sia stupendo, e continua a leggere su come implementarlo in WordPress.

Nota: Socialist è un plug-in jQuery. Darò istruzioni complete su come implementarlo in WordPress, ma una conoscenza pratica di jQuery sarebbe utile per identificare errori di battitura o errori nel tuo codice. Inoltre, questa dovrebbe probabilmente essere considerata una versione beta; alcune cose sono rotte, la formattazione non è perfetta, ma è ancora abbastanza utilizzabile e impressionante

introduzione

Esistono vari plugin per estrarre gli aggiornamenti da reti specifiche o gli ultimi post da un feed RSS, ma nessuno li fa tutti e nessuno è attraente come questo. Ecco cosa puoi aspettarti da circa 10 righe di codice:

Il plug-in è in grado di accedere a una varietà di reti soiche, oltre a semplici RSS, catturando immagini e contenuti, tra cui:

• Facebook
• cinguettio
• LinkedIn
• Flickr
• Youtube
• Pinterest
• RSS
• craigslist
• Google+

Anche il supporto di Tumblr è elencato, ma al momento esiste un bug nel codice che ne impedisce il funzionamento; speriamo che venga risolto al momento della pubblicazione di questo tutorial.

Integrazione con WordPress

1. Carica qualsiasi pagina sul tuo sito e visualizza la fonte. Cerca la stringa jQuery; se ce l'hai già, vai al passaggio 2. In caso contrario, aggiungi jQuery includendo la seguente riga nella tua function.php: wp_enqueue_script ("jquery");
2. Scarica il file zip del socialista da github [Non più disponibile]. Decomprimi e carica la cartella nella directory dei temi di lavoro tramite FTP.
3. Rinomina la cartella in "socialista"
4. In header.php, aggiungi le seguenti due righe da qualche parte sotto la funzione wp_head ma prima del tag end:

1. Crea una nuova pagina in cui vuoi che appaia il blocco socialista; Suppongo che lo desideri su una pagina separata, ma potresti aggiungere il codice al tuo modello di indice da qualche parte. Se stai cercando una pagina separata, duplica il modello di pagina esistente e chiamalo "page-slug.php" dove slug è il permalink che WordPress ha dato la tua nuova pagina (ovvero il titolo, con trattini per spazi e parole comuni rimosse).
2. Modifica la pagina per eliminare il ciclo di WordPress soddisfare; vogliamo un layout di base con meta info e simili.

Aggiunta del codice socialista

Apri il modello di pagina speciale che hai creato in precedenza e incolla il seguente codice nel contenuto principale la zona. Cambia lo stile del DIV socialista per adattarlo al tuo tema; Ho scoperto che non specificare la larghezza ha rotto il layout, ma potrebbe essere stato particolare per il mio tema. Il codice seguente è preprogrammato per alcune delle mie fonti di aggiornamento social; ovviamente, vorrai cambiare i vari ID con i tuoi. Per il formato esatto o eventuali parametri aggiuntivi, consultare il file Leggimi. In generale, tutto ciò che serve è il parametro id. Inizia con uno e risolvi il problema, poiché un ID errato provoca l'interruzione del plug-in.

Riepilogo

Potrebbe fare con qualche altra personalizzazione in termini di dimensioni della scatola o layout, e essere di più robusto; ma sono ancora i primi giorni e quello che abbiamo già è davvero impressionante penso. In effetti, questo sarebbe un perfetto da mettere nella prima pagina del tuo dominio personale Considerando un dominio personale? Ecco alcuni fantastici usi per questo Anche se non sei un fan dei blog e non hai un nuovo sito Web da lanciare, un dominio personale può essere un fantastico strumento da possedere per divertimento o autopromozione: da un personalizzato... Ulteriori informazioni di cui abbiamo discusso la scorsa settimana.

Se tu ' stai avendo problemi o hai bisogno di una mano per metterlo in WordPress, sentiti libero di chiedere nei commenti qui sotto, ma includi un URL di prova che posso guardare ed esaminare qualsiasi codice errori. Per i bug nel plug-in vero e proprio, si prega di pubblicare un nuovo problema su GitHub. Pensi che qualcun altro potrebbe fare di questo fantastico plugin per socializzare jQuery? Quindi condividi usando i pulsanti qui sotto per dirlo al mondo.