Case Study Behind the Scenes Look of List25 - Plug-ins en Hacks

Zoals velen van jullie weten, hebben we een nieuw blog met de naam List25 gelanceerd. In de afgelopen maand of zo hebben we continu gewerkt aan het verbeteren van die site. Wat lijkt op een simpel lijstblog aan de voorkant heeft veel coole kleine dingen die je nooit ziet. In dit artikel nemen we je achter de schermen van List25 en laten we je de plug-ins en coole hacks zien die we gebruiken om die site van stroom te voorzien. Misschien zal het lezen van dit artikel u enkele feature-ideeën geven voor uw eigen site.

Over List25

List25 is een blog die lijsten met minder bekende intrigerende informatie over verschillende onderwerpen samenstelt. Het doel van deze blog is om leuk te lezen als je je verveelt terwijl je af en toe leerzaam bent.

We hebben de site geoptimaliseerd voor lezers, zodat ze altijd interessante inhoud kunnen vinden terwijl ze op onze site zijn. We hebben ook de site geoptimaliseerd voor nieuwe auteurs, zodat ze gemakkelijk kunnen worden aangepast aan de schrijfstijl en het formaat van List25.

plugins

Daar gaan we. Mensen willen altijd weten welke plug-ins andere sites gebruiken. Ons doel bij het ontwikkelen van een site is om dingen op de eenvoudigste manier te bereiken. Plug-ins zijn behoorlijk handig en besparen ons veel tijd. We zullen een plug-in vermelden en vervolgens delen waarom we het gebruiken.

Akismet - D'oh. We willen geen reactiespam. Elke WordPress-installatie is er om een ​​reden mee ingebouwd.

Compacte archieven - We gebruiken de plug-in Compact Archives voor data in het datumbereik van de archievenpagina. Doordat het jaar en de maanden georganiseerd zijn in een compacte stijl, bespaart u niet alleen ruimte, maar ziet het er ook goed uit.

Aanbevolen berichtenlijst met miniaturen - We gebruiken dit om onze "aanbevolen" artikelen in de zijbalk weer te geven. In plaats van een populair weergavemechanisme te gebruiken, selecteren we deze artikelen met de hand. Dit stelt ons in staat om de doorstroming naar specifieke artikelen te beheren en te modereren. Je kunt de live demo ervan bekijken in onze zijbalk of de afbeelding hieronder bekijken.

Gravity Forms met de MailChimp Addon - We gebruiken het om ons contactformulier te activeren. We gebruiken de MailChimp-addon om e-mails te verzamelen van het contactformulier als de gebruiker ervoor kiest om zich aan te melden. We hebben al geschreven over Gravity Forms en de voordelen ervan bij het genereren van leads.

Lazy Load - Hiermee kunnen we onze afbeeldingen lui laden. Kortom, als u Lazy Load installeert, worden alleen de gebieden geladen die direct worden geopend. Dus als je een pagina met 25 Fail GIF's hebt, worden alleen de eerste paar afbeeldingen in het bericht geladen. De rest van de afbeeldingen wordt geladen wanneer de gebruiker naar beneden scrolt. Door deze techniek te gebruiken, is de waargenomen laadtijd van de pagina een stuk sneller.

MaxBlogPress Ninja Affiliate - Hoewel we op deze site nog niet veel affiliate marketing hebben gedaan. Maar we gebruiken Ninja Affiliate om automatisch enkele zoekwoorden te vervangen door affiliate links in onze berichten. Dit heeft nog niet veel inkomsten gegenereerd voor die site, maar het is omdat het zo'n nieuwe site is.

Leden - Ledeninvoegtoepassing stelt ons in staat nieuwe gebruikersrollen en limietmachtigingen te maken op basis van de gebruikersrol. Deze plugin is een must voor blogs met meerdere auteurs.

No Self Pings - Af en toe linken we naar onze eigen berichten. Dit vertelt WordPress vrijwel niet om pings te verzenden wanneer we linken naar onze eigen site. Omdat er niets ergers is dan het bijhouden van de trackbacks van uw eigen site voor uw andere items.

Omleiding - We gebruiken de omleiding plug-in om 404 pagina's bij te houden en ze op de juiste manier door te sturen. Het is een goede plugin om in het algemeen te hebben.

Miniaturen opnieuw genereren - We gebruiken de plug-in Regenerate Thumbnails om extra afbeeldingsformaten te genereren. Hierdoor kunnen we verschillende formaten gebruiken voor ontwerpdoeleinden (zoals navigatie met schuifregelaar, aanbevolen berichten in de zijbalk, enzovoort).

Simple Facebook Connect en Simple Twitter Connect - Deze twee plug-ins zijn super krachtig en worden door de site voor verschillende doeleinden gebruikt. Hun # 1 doel is om in te loggen door derden voor commentaar. Zie de screenshot hieronder:

Simple Facebook Connect verwerkt onze Facebook Open Graph Meta Data-gegevens voor ons, zodat we de juiste afbeelding, titel en beschrijving hebben wanneer gebruikers onze artikelen op Facebook delen.

Simple Twitter connect wordt ook gebruikt voor het automatisch koppelen van onze twitter-gebruikersnamen wanneer u @ list25 of een ander twitter-account typt. Omdat eenvoudige twitter connect de Twitter Anywhere API gebruikt, gebruiken we het ook voor live tweet box op onze Abonneerpagina voor Lijst25. (Deze tutorial zal je laten zien hoe je live tweet-boxen kunt maken op je WordPress-site)

Abonneren op reacties - Deze plug-in voegt een klein selectievakje toe na de opmerking waarmee gebruikers zich kunnen abonneren op reacties als zij dat willen.

Gebruikersfoto - Met de plug-in Gebruikersfoto kan elke auteur zijn eigen afbeelding uploaden in plaats van Gravatar te gebruiken. Dit stelt ons in staat om de afbeeldingen te modereren die te zien zijn in onze auteurbio's.

VaultPress - We gebruiken VaultPress voor back-ups. Het is een managed backup-oplossing van Automattic. Ze maken een back-up van ons thema, plug-ins, berichten en alle andere mediabestanden. Dit beschermt ons tegen rampen. Als er iets gebeurt, kunnen we altijd VaultPress gebruiken om de site naar normaal te herstellen.

W3 Total Cache - Dit zorgt ervoor dat onze site niet crasht. List25 krijgt veel verkeer en zonder deze plug-in zouden onze servers elk uur crashen.

WordPress HTTPs - We gebruiken deze plug-in om ervoor te zorgen dat de back-end van onze site is beveiligd. Maar het belangrijkste is dat we het gebruiken om mediabestanden te hosten en het te presenteren aan onze Facebook-applicatie die we in dit artikel hebben besproken op WPBeginner.

WordPress SEO door Yoast - Deze plug-in verwerkt onze sitemaps en alle andere on-site SEO zoals Meta-tags, indexering, enz..

WP-Leads - We gebruiken deze plug-in om een ​​klein selectievakje in het reactieformulier voor onze MailChimp-lijst toe te voegen. Het maakt het voor onze gebruikers gemakkelijker om zich te abonneren op onze dagelijkse nieuwsbrief als zij dat willen.

WPTouch Pro - We gebruiken WP Touch Pro om onze mobiele versie van de site van stroom te voorzien. We hebben wel een aangepast thema gemaakt voor WP Touch Pro, maar het duurde niet lang om dit te doen.

WP4FB Pro - Deze plug-in verwerkt onze Facebook-applicatie voor Giveaway. Die we uitgebreid hebben besproken over hoe facebook-giveaways te doen met behulp van WordPress.

Dat zal de lijst sluiten van plug-ins die we gebruiken. Laten we nu eens kijken naar andere coole hacks die we op de site hebben.

Lijst25: thema en hacks

Het is belangrijk om te benadrukken dat List25 draait op een aangepast Genesis Child-thema. We hebben een aantal behoorlijk handige functies op de site.

Ik ben Curious Button in de header - Wanneer een gebruiker hierop klikt, wordt deze omgeleid naar een willekeurig bericht op een site. Het simuleert in essentie een Stumbleupon-achtige ervaring. Je kunt dit ook doen. Bekijk onze tutorial over Hoe gebruikers naar een willekeurige post te leiden in WordPress.

Aangepaste berichteditor lay-out

De reden waarom we een aangepaste berichteditorlay-out hebben, is dat onze nieuwe auteurs precies weten wat voor type opmaak we willen. Als u een van onze berichten bezoekt, ziet u hoe handig deze functie eigenlijk kan zijn. Het vereist enige kennis om een ​​aangepaste berichteditor te maken. Smashing Magazine heeft een tutorial over hoe dit te doen.

schuif

We gebruiken de jQuery-versie van SlideDeck-plug-in om onze schuifregelaar te maken. Ze hebben een WordPress-plug-in. Bekijk onze stapsgewijze handleiding voor het maken van een schuifregelaar in WordPress.

Dat is het zo'n beetje. We hopen dat dit u ideeën heeft gegeven voor uw eigen site. Laat ons uw opmerkingen en feedback weten. Oh, en vergeet niet om List25 te bekijken.