Fallstudie Bakom kulisserna Titta på List25 - Plugins och Hacks

Så många av er vet att vi har lanserat en ny blogg som heter List25. Under den senaste månaden har vi kontinuerligt arbetat med att förbättra den webbplatsen. Det som ser ut som en enkel listablogg i fronten har många coola saker som du aldrig ser. I den här artikeln tar vi dig bakom scenerna i List25 och visar plugins och coola hackar som vi använder för att driva den webbplatsen. Kanske kan du läsa den här artikeln med några funktioner för din egen webbplats.

Om List25

List25 är en blogg som kuraterar listor med mindre kända spännande information om olika ämnen. Syftet med denna blogg är att vara en bra rolig läsning när du är uttråkad medan du är pedagogisk ibland.

Vi har webbplatsen optimerad för läsare, så de kan alltid hitta intressant innehåll samtidigt som de finns på vår webbplats. Vi har också webbplatsen optimerad för nya författare, så de kan enkelt adoptera till skrivstil och format för List25.

plugins

Nu kör vi. Människor är alltid intresserade av att veta vilka plugins andra webbplatser använder. Vårt mål när du utvecklar en webbplats är att uppnå saker på det enklaste sättet. Plugins är ganska praktiska och sparar mycket tid. Vi kommer att lista ett plugin och sedan dela varför vi använder det.

Akismet - D'oh. Vi vill inte ha kommentarspamfiler. Varje WordPress-installation kommer inbyggd med det av en anledning.

Compact Archives - Vi använder Compact Archives plugin power datumområdet på arkivsidan. Att ha året och månaderna organiserade i en kompakt stil sparar inte bara utrymme, men det gör det också bra.

Utvalda inläggslista med miniatyrer - Vi använder det här för att visa upp våra "utvalda" artiklar i sidofältet. I stället för att använda en populär visningsmekanism handlar vi dessa artiklar. Detta gör det möjligt för oss att styra och mäta trafikflödet till specifika artiklar. Du kan se den levande demoen av den i vårt sidofält eller se bilden nedan.

Gravity Forms med MailChimp Addon - Vi använder den för att driva vår kontaktformulär. Vi använder MailChimp addon för att samla in e-post från kontaktformuläret om användaren väljer att välja in. Vi har redan skrivit om Gravity Forms och dess fördelar i blygenerering.

Lazy Load - Detta låter oss lata ladda våra bilder. I grund och botten när du installerar Lazy Load, laddar det bara de områden som ska nås direkt. Så om du har en sida med 25 Fail GIFs, kommer bara de första bilderna i posten att laddas. Resten av bilderna laddas när användaren rullar ner. Genom att använda denna teknik är den uppfattade sidladdningstiden mycket snabbare.

MaxBlogPress Ninja Affiliate - Även om vi inte har gjort mycket affiliate-marknadsföring på den här webbplatsen. Men vi använder Ninja Affiliate för att automatiskt ersätta några nyckelord med affiliate länkar i våra inlägg. Detta har inte genererat mycket intäkter för den webbplatsen, men det beror på att det är en sådan ny webbplats.

Medlemmar - Medlemmars plugin tillåter oss att skapa nya användarroller och begränsa behörighet baserat på användarrollen. Denna plugin är ett måste för alla bloggar med flera författare.

No Self Pings - Ibland kopplar vi till våra egna inlägg. Detta talar ganska mycket om att WordPress inte skickar pings när vi länkar till vår egen webbplats. Eftersom det inte finns något värre än att ha din egen webbplatss trackbacks till dina andra poster.

Omdirigering - Vi använder omriktnings plugin för att spåra 404 sidor och omdirigera dem på lämpligt sätt. Det är en bra plugin att ha i allmänhet.

Regenerera miniatyrbilder - Vi använder regenererade miniatyrer plugin för att generera ytterligare bildstorlekar. Detta gör det möjligt för oss att ha olika storlekar för designändamål (till exempel Slider Navigation, Utvalda inlägg i sidofältet etc).

Enkel Facebook Connect och Enkel Twitter Connect - Dessa två plugins är super kraftfulla och används för olika ändamål genom hela webbplatsen. Deras # 1 syfte är att tillåta inloggning från tredje part för kommentarer. Se skärmdumpen nedan:

Enkel Facebook Connect hanterar våra Facebook Open Graph Meta Data detaljer för oss, så vi har rätt bild, titel och beskrivning när användare delar våra artiklar på Facebook.

Enkel Twitter-anslutning används också för att automatiskt länka våra Twitter-användarnamn när du skriver @ list25 eller något annat Twitter-handtag. Eftersom enkel twitter-anslutning använder Twitter Anywhere API använder vi det också för live tweet-box på vår prenumerationssida för List25. (Denna handledning visar dig hur man skapar live tweet-lådor på din WordPress-webbplats)

Prenumerera på Kommentarer - Detta plugin lägger till en liten kryssruta efter kommentaren som tillåter användare att prenumerera på kommentarer om de väljer att.

User Photo - Användarfoto plugin låter varje författare ladda upp sin egen bild i stället för att använda gravatar. Detta gör att vi kan mäta bilderna som visas i vår författarbios.

VaultPress - Vi använder VaultPress för säkerhetskopiering. Det är en hanterad backup lösning av Automattic. De säkerhetskopierar vårt tema, plugins, inlägg och alla andra mediefiler. Detta skyddar oss mot katastrofer. Om något händer kan vi alltid använda VaultPress för att återställa webbplatsen till normal.

W3 Total Cache - Detta hindrar vår webbplats från att krascha. List25 får mycket trafik och utan detta plugin skulle våra servrar krascha varje timme.

WordPress HTTPs - Vi använder det här pluginet för att se till att vår webbplatss backend är säkrad. Men viktigast av allt använder vi det för att vara värd för mediefiler och tjäna det till vårt Facebook-program som vi har diskuterat i den här artikeln på WPBeginner.

WordPress SEO by Yoast - Detta plugin hanterar våra webbplatskartor och alla andra på-plats-SEO som Meta-taggar, indexering etc.

WP-Leads - Vi använder detta plugin för att lägga till en liten kryssruta i kommentarformuläret för vår MailChimp-lista. Det gör det lättare för våra användare att prenumerera på vårt dagliga nyhetsbrev om de väljer att.

WPTouch Pro - Vi använder WP Touch Pro för att driva vår mobila version av webbplatsen. Vi skapade ett anpassat tema för WP Touch Pro, men det tog inte så lång tid att göra det.

WP4FB Pro - Denna plugin hanterar vår facebook-applikation för Giveaway. Vilket vi har diskuterat på ganska omfattande om hur man gör facebook giveaways med WordPress.

Det kommer att sluta lista över plugins som vi kör. Nu kan vi titta på andra coola hackar som vi har på webbplatsen.

List25: Tema och hackor

Det är viktigt att betona att List25 körs på ett eget Genesis Child Theme. Vi har några ganska snygga funktioner på webbplatsen.

Jag är Curious Button i rubriken - När en användare klickar på den, omdirigerar den dem till ett slumpmässigt inlägg på en webbplats. Det simulerar i huvudsak en Stumbleupon som upplevelse. Det kan du också göra. Kolla in vår handledning om hur du omdirigerar användare till en slumpmässig inlägg i WordPress.

Anpassad inläggsredigeringslayout

Anledningen till att vi har ett anpassat inläggsredigeringslayout är så att våra nya författare vet exakt vilken typ av formatering vi vill ha. Om du besöker någon av våra inlägg ser du hur praktisk denna funktion verkligen kan vara. Det kräver viss kunskap för att skapa en anpassad inläggsredigerare. Smashing Magazine har en handledning om hur man gör det här.

Slider

Vi använder jQuery-versionen av SlideDeck-plugin för att skapa vår reglage. De har ett WordPress-plugin. Kolla in vår steg för steg guide för att skapa en reglage i WordPress.

Det handlar om det. Vi hoppas att detta gav dig idéer till din egen webbplats. Låt oss veta dina kommentarer och feedback. Åh, och glöm inte att kolla List25.