Crea un muro di aggiornamenti sociali nel tuo blog WordPress con plugin jQuery socialista

Socialista è un nuovo incredibile plugin jQiuery che aggrega i tuoi aggiornamenti su vari social network e li visualizza magnificamente in una griglia simile a Pinterest. Guarda lo screenshot qui sotto per avere un'idea di quanto sia stupendo e leggi come implementarlo in WordPress.

Nota: Socialista è un plugin jQuery. Fornirò le istruzioni complete su come implementarlo in WordPress, ma una conoscenza pratica di jQuery sarebbe utile per identificare errori di battitura nel codice. Inoltre, questo dovrebbe probabilmente essere considerato 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 messaggi da un feed RSS, ma nessuno li fa tutti e nessuno è così attraente. Ecco cosa puoi aspettarti da circa 10 righe di codice:

Il plug-in è in grado di accedere a una vasta gamma di reti di contenuti, così come ad un semplice RSS, ad acquisire immagini e contenuti, tra cui:

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

Anche il supporto per Tumblr è elencato, ma c'è un bug nel codice che attualmente impedisce il suo funzionamento; si spera che verrà risolto al momento della pubblicazione di questo tutorial.

Integrazione con WordPress

1. 1. Carica qualsiasi pagina sul tuo sito e visualizza la fonte. Cerca la stringa jQuery; se ce l'hai già, continua con il passaggio 2. In caso contrario, aggiungi jQuery includendo la seguente riga nel tuo functions.php: wp_enqueue_script ('jquery');
   2. Scarica il file zip di socialista da github [Non più disponibile]. Decomprimere e caricare la cartella nella directory del tema di lavoro tramite FTP.
   3. Rinominare la cartella in “socialista”
   4. In header.php, aggiungi le seguenti due linee da qualche parte sotto la funzione wp_head ma prima del tag finale:

1. Crea una nuova pagina dove vuoi che appaia il blocco socialista; Suppongo che tu lo desideri su una pagina separata, ma potresti ugualmente aggiungere il codice al tuo modello di indice da qualche parte. Se stai andando per una pagina separata, duplica il modello di pagina esistente e chiamalo “Pagina-slug.php” dove slug è il permalink che WordPress ha dato alla tua nuova pagina (cioè il titolo, con i trattini per gli spazi e le parole comuni rimosse).
2. Modifica la pagina per eliminare i contenuti del ciclo di WordPress; vogliamo un layout di base con meta informazioni e così via.

Aggiunta del codice socialista

Aprire il modello di pagina speciale creato in precedenza e incollare il codice seguente nell'area del contenuto principale. Cambia lo stile del DIV socialista in base al tuo tema; Ho trovato che non specificando la larghezza ha rotto il layout, ma che potrebbe essere stato particolare per il mio tema. Il codice sotto è preprogrammato ad alcune delle mie fonti di aggiornamento sociale; ovviamente, ti consigliamo di cambiare i vari ID al tuo. Per il formato esatto o eventuali parametri aggiuntivi, vedere il file Leggimi. In generale, tutto ciò di cui hai bisogno è il parametro id. Inizia con uno e funziona, poiché un ID errato causerà l'interruzione del plug-in.

Sommario

Potrebbe fare un po 'più di personalizzazione in termini di dimensioni o layout della scatola, ed essere più robusto; ma sono ancora i primi tempi e quello che abbiamo già è davvero impressionante, penso. In effetti, sarebbe perfetto da mettere sulla prima pagina del tuo dominio personale Considerando un dominio personale? Qui ci sono alcuni usi interessanti per esso considerando un dominio personale? Ecco alcuni usi interessanti per questo Anche se non sei un fan del blogging e non hai un nuovo fantastico sito web da lanciare, un dominio personale può essere uno strumento fantastico da possedere per divertimento o auto promozione: da un ... Leggi Più che abbiamo discusso la settimana scorsa.

Se hai problemi o hai bisogno di una mano per inserire questo in WordPress, sentiti libero di chiedere nei commenti qui sotto, ma includi un URL di test che posso esaminare ed esaminare eventuali errori di codice. Per i bug nel plugin stesso, si prega di inviare un nuovo problema su GitHub. Pensi che qualcun altro potrebbe MakeUseOf questo fantastico jQuery socialize plug-in? Quindi condividi utilizzando i pulsanti sottostanti per comunicare al mondo.

Scopri di più su: Blogging, Wordpress Plugin.