Studiu de caz în spatele scenei Look of List25 - Plugin-uri și hacks

Așa cum mulți dintre voi știți că am lansat un nou blog numit List25. În ultima lună, am continuat să lucrăm la îmbunătățirea acestui site. Ceea ce arată ca un blog simplu în lista de front-end are o mulțime de lucruri minunate mici pe care nu le vezi niciodată. În acest articol, vă vom lua în spatele scenei din Lista25 și vă vom arăta pluginurile și hack-urile răcoritoare pe care le folosim pentru a alimenta acest site. Poate că citirea acestui articol vă va oferi câteva idei pentru propriul dvs. site.

Despre lista25

List25 este un blog care curează liste de informații interesante mai puțin cunoscute despre o varietate de subiecte. Scopul acestui blog este să te distrezi bine atunci când te plictisești în timp ce te afli în educație.

Site-ul este optimizat pentru cititori, astfel încât aceștia pot găsi întotdeauna conținut interesant în timp ce se află pe site-ul nostru. De asemenea, site-ul este optimizat pentru noii autori, astfel încât aceștia să poată adopta cu ușurință stilul și formatul de scriere listă25.

Plugin-uri

Începem. Oamenii sunt întotdeauna interesați să afle ce pluginuri utilizează alte site-uri. Scopul nostru atunci când dezvoltăm un site este de a realiza lucrurile cât mai ușor posibil. Pluginurile sunt destul de la îndemână și ne economisesc mult timp. Vom lista un plugin și apoi vom împărtăși motivul pentru care îl folosim.

Akismet - D'oh. Nu vrem spam de comentarii. Fiecare instalare WordPress este încorporată cu aceasta pentru un motiv.

Compact Archives - Folosim pluginul Compact Archives plugin pentru zona de date a paginii arhivelor. Având anul și lunile organizate într-un stil compact, nu numai că economisiți spațiu, ci și că arată bine.

Lista de postări recomandate cu miniaturi - Folosim acest lucru pentru a afișa articolele noastre "prezentate" în bara laterală. În loc să folosim un mecanism de opinii populare, vom selecta aceste articole. Acest lucru ne permite să controlam și să moderăm fluxul de trafic către anumite articole. Puteți vedea demo-ul live al acestuia în bara noastră laterală sau puteți vedea imaginea de mai jos.

Gravity Forms cu addonul MailChimp - îl folosim pentru a vă furniza formularul de contact. Utilizăm addonul MailChimp pentru a colecta e-mailuri din formularul de contact dacă utilizatorul optează pentru opțiunea de înscriere. Am scris deja despre Formele de gravitate și beneficiile sale în generația de plumb.

Lazy Load - Aceasta ne permite să ne încărcăm leneș imaginile. Practic atunci când instalați Load Load, încărcați doar zonele care sunt accesate imediat. Deci, dacă aveți o pagină cu 25 GIF Fail, atunci vor fi încărcate doar primele imagini din postare. Restul imaginilor se încarcă pe măsură ce utilizatorul scade în jos. Prin utilizarea acestei tehnici, timpul de încărcare a paginii perceput este mult mai rapid.

MaxBlogPress Ninja Affiliate - Deși nu am făcut o mulțime de marketing afiliat pe acest site. Dar folosim Affiliate Ninja pentru a înlocui automat câteva cuvinte cheie cu link-uri afiliate în mesajele noastre. Acest lucru nu a generat încă multe venituri pentru site-ul respectiv, dar se datorează faptului că este un site nou.

Membrii - Membrii plugin-ul ne permite să creați noi roluri de utilizatori și să limitați permisiunea bazată pe rolul utilizatorului. Acest plugin este un must have pentru orice bloguri multi-autor.

Nicio pingere de sine - Ocazional, ne legăm de posturile proprii. Acest lucru spune destul de mult WordPress să nu trimită ping-uri când ne conectăm la site-ul nostru. Deoarece nu este nimic mai rău decât să ai propriile trackback-uri ale site-ului tău la alte intrări.

Redirecționare - Folosim pluginul de redirecționare pentru a urmări 404 de pagini și redirecționa-le în mod corespunzător. Este un plugin bun în general.

Regenerați miniaturile - Folosim pluginul Regenerare Thumbnails pentru a genera dimensiuni suplimentare ale imaginilor. Acest lucru ne permite să avem diferite dimensiuni în scopuri de proiectare (cum ar fi Navigarea prin Slider, Mesaje recomandate în bara laterală etc.).

Simplu Facebook Connect și simplu Twitter Connect - Aceste două plugin-uri sunt super-puternice și sunt folosite pentru o varietate de scopuri prin intermediul site-ului. Scopul # 1 al acestora este să permită conectarea terților pentru comentarii. Vedeți imaginea de mai jos:

Simplu Facebook Connect se ocupă de detaliile noastre Facebook Open Graph Meta Data pentru noi, deci avem imaginea, titlul și descrierea potrivită atunci când utilizatorii împărtășesc articolele pe Facebook.

Conectarea Twitter simplă este, de asemenea, utilizată pentru conectarea automată a numerelor de utilizator twitter atunci când tastați @ list25 sau orice alt mâner twitter. Deoarece conexiunea twitter simplă utilizează API-ul Twitter Anywhere, îl folosim, de asemenea, pentru caseta tweet live pe pagina noastră de înscriere pentru lista25. (Acest tutorial vă va arăta cum să creați casete tweet live pe site-ul dvs. WordPress)

Abonează-te la comentarii - Acest plugin adaugă o mică căsuță după comentariul care permite utilizatorilor să se aboneze la comentarii dacă aleg.

Photo User - Fotografia pentru utilizator permite fiecărui autor să-și încarce propria imagine decât să folosească gravatar. Acest lucru ne permite să moderăm imaginile care apar în bio-urile autorului nostru.

VaultPress - Folosim VaultPress pentru backup. Este o soluție de rezervă gestionată de Automattic. Ele copiază tema, pluginurile, postările și toate celelalte fișiere media. Acest lucru ne protejează de dezastre. Dacă se întâmplă ceva, putem folosi întotdeauna VaultPress pentru a restaura site-ul la normal.

W3 Total Cache - Acest lucru împiedică site-ul nostru să nu se prăbușească. List25 obține un volum mare de trafic și fără acest plugin, serverele noastre s-ar prăbuși în fiecare oră.

WordPress HTTPs - Folosim acest plugin pentru a vă asigura că backend-ul site-ului nostru este securizat. Dar, cel mai important, îl folosim pentru a găzdui fișiere media și a le servi aplicației noastre pe Facebook pe care am discutat-o ​​în acest articol la WPBeginner.

WordPress SEO by Yoast - Acest plugin gestionează sitemap-urile noastre și toate celelalte site-uri de pe site-ul SEO, cum ar fi tagurile Meta, indexarea etc..

WP-Leads - Folosim acest plugin pentru a adăuga o mică căsuță în formularul de comentarii pentru lista noastră MailChimp. Îi ușurează pe utilizatorii noștri să se aboneze la newsletter-ul nostru zilnic dacă aceștia aleg.

WPTouch Pro - Folosim WP Touch Pro pentru alimentarea versiunii mobile a site-ului. Am creat o temă personalizată pentru WP Touch Pro, dar nu a durat atât de mult pentru a face acest lucru.

WP4FB Pro - Acest plugin se ocupă de aplicația facebook pentru Giveaway. Ce am discutat destul de mult despre cum să faci cadouri de pe Facebook utilizând WordPress.

Aceasta va încheia lista pluginurilor pe care le executam. Acum permiteți să aruncați o privire la alte hack-uri cool pe care le avem pe site.

Lista25: Tema și hacurile

Este important să subliniem că Lista25 rulează pe o temă personalizată Genesis Child. Avem câteva caracteristici frumoase pe site.

Sunt un buton curios în cap - Când un utilizator face clic pe acesta, îl redirecționează către un post aleator dintr-un site. În esență simulează o experiență asemănătoare cu Stumbleupon. Puteți face și asta. Consultați tutorialul nostru despre cum să redirecționați utilizatorii la o postare aleatorie în WordPress.

Editorul editorului de postări personalizat

Motivul pentru care avem un layout personalizat de postare editor este atât de noul nostru autori știu exact ce tip de formatare dorim. Dacă vizitați oricare dintre postările noastre, veți vedea cât de util este această facilitate. Aceasta necesită cunoștințe pentru a crea un editor de post personalizat. Smashing Magazine are un tutorial despre cum să faceți acest lucru.

cursor

Utilizăm versiunea jQuery a pluginului SlideDeck pentru a crea glisorul nostru. Ei au un plugin WordPress. Consultați ghidul nostru pas cu pas pentru crearea unui cursor în WordPress.

E vorba de asta. Sperăm că acest lucru v-a oferit idei pentru site-ul dvs. Spuneți-ne comentariile și feedback-urile dvs. Oh, și nu uitați să verificați Lista25.