Case Study Dietro le quinte Look of List25 - Plugin e Hacks

Come molti di voi sanno che abbiamo lanciato un nuovo blog chiamato List25. Negli ultimi mesi, abbiamo lavorato costantemente al miglioramento di quel sito. Quello che sembra un semplice elenco di blog nel front-end ha un sacco di cose interessanti che non si vedono mai. In questo articolo, ti porteremo dietro le quinte di List25 e ti mostreremo i plug-in e gli hacker interessanti che stiamo usando per alimentare quel sito. Forse leggere questo articolo ti darà alcune idee per il tuo sito.

Informazioni su List25

List25 è un blog che cura elenchi di informazioni intriganti meno conosciute su una varietà di argomenti. Lo scopo di questo blog è di essere un buon divertimento quando si annoia quando si è educati, a volte.

Abbiamo il sito ottimizzato per i lettori, in modo che possano sempre trovare contenuti interessanti mentre sono sul nostro sito. Abbiamo anche il sito ottimizzato per i nuovi autori, in modo che possano facilmente adattarsi allo stile di scrittura e al formato di List25.

plugin

Eccoci qui. Le persone sono sempre interessate a sapere quali sono i plugin utilizzati da altri siti. Il nostro obiettivo nello sviluppo di un sito è quello di realizzare le cose nel modo più semplice possibile. I plugin sono molto utili e ci fanno risparmiare un sacco di tempo. Elencheremo un plug-in e condivideremo il motivo per cui lo stiamo usando.

Akismet - D'oh. Non vogliamo spam di commenti. Ogni installazione di WordPress viene integrata con essa per una ragione.

Compact Archives - Utilizziamo il plugin Compact Archives per alimentare l'area delle date della pagina degli archivi. Avere l'anno e i mesi organizzati in uno stile compatto non solo fa risparmiare spazio, ma lo rende anche bello.

Elenco dei post in primo piano con miniature: lo stiamo utilizzando per mostrare i nostri articoli "in primo piano" nella barra laterale. Invece di utilizzare un meccanismo di visualizzazione popolare, selezioniamo manualmente questi articoli. Questo ci consente di controllare e moderare il flusso del traffico verso articoli specifici. Puoi vedere la demo dal vivo nella nostra barra laterale o vedere l'immagine qui sotto.

Gravity Forms con l'Addon MailChimp - Lo stiamo usando per alimentare il nostro modulo di contatto. Stiamo utilizzando l'addon di MailChimp per raccogliere e-mail dal modulo di contatto se l'utente sceglie di opt-in. Abbiamo già scritto su Gravity Forms e sui suoi benefici nella lead generation.

Lazy Load: questo ci consente di caricare le immagini in modo pigro. Fondamentalmente quando si installa Lazy Load, carica solo le aree a cui si accede immediatamente. Quindi, se hai una pagina con 25 Fail GIF, verranno caricate solo le prime poche immagini nel post. Il resto delle immagini viene caricato mentre l'utente scorre verso il basso. Utilizzando questa tecnica, il tempo di caricamento della pagina percepito è molto più veloce.

MaxBlogPress Ninja Affiliate - Anche se non abbiamo fatto molto marketing di affiliazione su questo sito. Ma stiamo usando Ninja Affiliate per sostituire automaticamente alcune parole chiave con link di affiliazione nei nostri post. Questo non ha ancora generato molte entrate per quel sito, ma è perché è un sito così nuovo.

Membri - Il plug-in dei membri ci consente di creare nuovi ruoli utente e limitare i permessi in base al ruolo dell'utente. Questo plugin è un must per tutti i blog multi-autore.

No Self Pings - Occasionalmente colleghiamo ai nostri messaggi. Questo praticamente dice a WordPress di non inviare ping quando ci colleghiamo al nostro sito. Perché non c'è niente di peggio che avere i trackback del tuo sito alle tue altre voci.

Reindirizzamento - Stiamo usando il plugin di reindirizzamento per tracciare 404 pagine e reindirizzare in modo appropriato. È un buon plugin per avere in generale.

Rigenera miniature: stiamo utilizzando il plug-in Rigenerate Thumbnails per generare dimensioni di immagine aggiuntive. Questo ci permette di avere varie dimensioni per scopi di progettazione (come la navigazione con cursore, i messaggi in primo piano nella sidebar ecc.).

Simple Facebook Connect e Simple Twitter Connect: questi due plug-in sono super potenti e vengono utilizzati per vari scopi attraverso il sito. Il loro scopo n. 1 è consentire l'accesso di terze parti per i commenti. Guarda lo screenshot qui sotto:

Simple Facebook Connect gestisce per noi i dati Meta Data di Facebook Open Graph, quindi abbiamo l'immagine, il titolo e la descrizione corretti quando gli utenti condividono i nostri articoli su Facebook.

Viene inoltre utilizzato un semplice collegamento a Twitter per il collegamento automatico dei nostri nomi utente twitter quando si digita @ list25 o qualsiasi altro comando di Twitter. Poiché Twitter Connect semplifica l'utilizzo dell'API di Twitter Anywhere, lo utilizziamo anche per la casella di tweet live sulla nostra pagina di iscrizione per List25. (Questo tutorial ti mostrerà come creare live tweet box sul tuo sito WordPress)

Iscriviti ai commenti - Questo plugin aggiunge una piccola casella dopo il commento che consente agli utenti di iscriversi ai commenti se lo desiderano.

Foto utente - Il plugin fotografico utente consente a ciascun autore di caricare la propria immagine anziché utilizzare il gravatar. Questo ci permette di moderare le immagini che appaiono nei nostri bio dell'autore.

VaultPress: stiamo utilizzando VaultPress per i backup. È una soluzione di backup gestita da Automattic. Eseguono il backup del nostro tema, plugin, post e tutti gli altri file multimediali. Questo ci protegge dai disastri. Se succede qualcosa, possiamo sempre usare VaultPress per ripristinare il sito alla normalità.

W3 Total Cache: questo impedisce al nostro sito di non bloccarsi. List25 sta ricevendo molto traffico e senza questo plugin, i nostri server si arresterebbero ogni ora.

HTTP WordPress - Utilizziamo questo plugin per assicurarci che il back-end del nostro sito sia protetto. Ma, cosa più importante, lo stiamo usando per ospitare file multimediali e servirlo alla nostra applicazione Facebook che abbiamo discusso in questo articolo su WPBeginner.

WordPress SEO di Yoast - Questo plugin gestisce le nostre sitemap e tutte le altre SEO in loco come meta tag, indicizzazione, ecc..

WP-Leads - Stiamo usando questo plugin per aggiungere una piccola casella di controllo nel modulo di commento per la nostra lista MailChimp. Rende più facile per i nostri utenti iscriversi alla nostra newsletter quotidiana se lo desiderano.

WPTouch Pro: utilizziamo WP Touch Pro per potenziare la nostra versione mobile del sito. Abbiamo creato un tema personalizzato per WP Touch Pro, ma non ci è voluto molto tempo per farlo.

WP4FB Pro - Questo plugin sta gestendo la nostra applicazione Facebook per Giveaway. Di cui abbiamo discusso abbastanza ampiamente su come realizzare omaggi su Facebook usando WordPress.

Questo concluderà la lista dei plugin che stiamo eseguendo. Ora diamo un'occhiata ad altri fantastici hack che abbiamo sul sito.

List25: Temi e incisioni

È importante sottolineare che List25 è in esecuzione su un tema figlio Genesis personalizzato. Abbiamo alcune funzionalità piuttosto eleganti sul sito.

Sono un curioso bottone nell'intestazione - Quando un utente fa clic su di esso, li reindirizza a un post casuale su un sito. In pratica simula una esperienza simile a Stumbleupon. Puoi farlo anche tu. Guarda il nostro tutorial su Come reindirizzare gli utenti a un post casuale in WordPress.

Layout dell'editor post personalizzato

Il motivo per cui abbiamo un layout editor di post personalizzato è che i nostri nuovi autori sanno esattamente quale tipo di formattazione vogliamo. Se visiti qualcuno dei nostri post, vedrai quanto può essere a portata di mano questa funzionalità. Richiede alcune conoscenze per creare un editor di post personalizzato. Smashing Magazine ha un tutorial su come farlo.

Slider

Stiamo usando la versione jQuery del plugin SlideDeck per creare il nostro slider. Hanno un plugin per WordPress. Consulta la nostra guida passo passo alla creazione di un dispositivo di scorrimento in WordPress.

Questo è tutto. Speriamo che questo ti abbia dato delle idee per il tuo sito. Fateci sapere i vostri commenti e feedback. Oh, e non dimenticare di dare un'occhiata a List25.