Étude de cas Dans les coulisses de List25 - Plugins et Hacks

Comme beaucoup d’entre vous le savent, nous avons lancé un nouveau blog appelé List25. Depuis un mois environ, nous travaillons continuellement à l’amélioration de ce site. Ce qui ressemble à un simple blog de liste dans le front-end contient beaucoup de petites choses sympas que vous ne verrez jamais. Dans cet article, nous vous emmènerons dans les coulisses de List25 et vous montrerons les plugins et les astuces cool que nous utilisons pour alimenter ce site. Peut-être que la lecture de cet article vous donnera quelques idées de fonctionnalités pour votre propre site.

A propos de List25

List25 est un blog qui répertorie des listes d’informations intrigantes moins connues sur divers sujets. Le but de ce blog est d’être une bonne lecture lorsque vous vous ennuyez tout en étant éducatif par moments.

Nous avons optimisé le site pour les lecteurs afin qu'ils puissent toujours trouver un contenu intéressant tout en étant sur notre site. Nous avons également optimisé le site pour les nouveaux auteurs afin qu’ils puissent facilement adopter le style et le format d’écriture de List25..

Plugins

Et c'est parti. Les gens sont toujours intéressés à savoir quels plugins sont utilisés par d'autres sites. Notre objectif lors du développement d'un site est d'accomplir les choses de la manière la plus simple possible. Les plugins sont très pratiques et nous font gagner beaucoup de temps. Nous allons lister un plugin et ensuite partager pourquoi nous l'utilisons.

Akismet - D'oh. Nous ne voulons pas de spam de commentaires. Chaque installation WordPress est intégrée à celui-ci pour une raison.

Compact Archives - Nous utilisons le plug-in Compact Archives pour alimenter la zone de dates de la page d'archives. Avoir l’année et les mois organisés dans un style compact permet non seulement de gagner de la place, mais aussi de bien paraître.

Liste de messages en vedette avec vignettes - Nous l’utilisons pour présenter nos articles «en vedette» dans la barre latérale. Au lieu d'utiliser un mécanisme de vues populaire, nous sélectionnons ces articles avec soin. Cela nous permet de contrôler et de modérer le flux de trafic sur des articles spécifiques. Vous pouvez voir la démonstration en direct dans notre barre latérale ou voir l'image ci-dessous.

Formulaires Gravity avec l’addon MailChimp - Nous l’utilisons pour alimenter notre formulaire de contact. Nous utilisons le complément MailChimp pour collecter des courriers électroniques à partir du formulaire de contact si l’utilisateur choisit de s’inscrire. Nous avons déjà écrit sur Gravity Forms et ses avantages pour la génération de leads.

Chargement paresseux - Cela nous permet de charger paresseux nos images. En gros, lorsque vous installez Lazy Load, il ne charge que les zones auxquelles vous accédez immédiatement. Donc, si vous avez une page avec 25 échecs GIF, seules les premières images de l'article seront chargées. Le reste des images se charge lorsque l'utilisateur fait défiler l'écran. En utilisant cette technique, le temps de chargement perçu de la page est beaucoup plus rapide.

MaxBlogPress Ninja Affiliate - Bien que nous n’ayons pas fait beaucoup de marketing d’affiliation sur ce site. Mais nous utilisons Ninja Affiliate pour remplacer automatiquement certains mots clés par des liens d’affiliation dans nos publications. Cela n'a pas encore généré beaucoup de revenus pour ce site, mais c'est parce qu'il s'agit d'un nouveau site..

Membres - Le plugin Membres nous permet de créer de nouveaux rôles d'utilisateur et de limiter les autorisations en fonction du rôle d'utilisateur. Ce plugin est un must pour tous les blogs multi-auteurs.

No Self Pings - Nous sommes parfois liés à nos propres messages. Cela dit à WordPress de ne pas envoyer de pings lorsque nous établissons un lien vers notre propre site. Parce qu'il n'y a rien de pire que d'avoir les rétroliens de votre propre site vers vos autres entrées.

Redirection - Nous utilisons un plug-in de redirection pour suivre 404 pages et les rediriger de manière appropriée. C'est un bon plugin à avoir en général.

Régénérer les vignettes - Nous utilisons le plugin Regenerate Thumbnails pour générer des tailles d’images supplémentaires. Cela nous permet d’avoir différentes tailles à des fins de conception (telles que la navigation par curseur, les messages en vedette dans la barre latérale, etc.).

Simple Facebook Connect et Simple Twitter Connect - Ces deux plugins sont super puissants et sont utilisés à diverses fins sur le site. Leur principal objectif est d’autoriser la connexion à des tiers pour les commentaires. Voir la capture d'écran ci-dessous:

Simple Facebook Connect gère pour nous les détails de nos métadonnées Open Graph Facebook, nous avons donc la bonne image, le bon titre et la bonne description lorsque les utilisateurs partagent nos articles sur Facebook..

Simple Twitter connect est également utilisé pour relier automatiquement nos noms d'utilisateurs Twitter lorsque vous tapez @ list25 ou tout autre descripteur Twitter. Comme Twitter Connect utilise simplement l'API Twitter Anywhere, nous l'utilisons également pour la zone de tweet en direct sur notre page d'abonnement à List25. (Ce tutoriel vous montrera comment créer des zones de tweet en direct sur votre site WordPress)

S'abonner aux commentaires - Ce plugin ajoute après le commentaire une petite case à cocher permettant aux utilisateurs de s'abonner à des commentaires s'ils le souhaitent..

User Photo - Le plugin photo de l'utilisateur permet à chaque auteur de télécharger sa propre image plutôt que d'utiliser gravatar. Cela nous permet de modérer les images qui apparaissent dans la biographie de notre auteur..

VaultPress - Nous utilisons VaultPress pour les sauvegardes. C'est une solution de sauvegarde gérée par Automattic. Ils sauvegardent notre thème, nos plugins, nos publications et tous les autres fichiers multimédias. Cela nous protège des catastrophes. Si quelque chose se produit, nous pouvons toujours utiliser VaultPress pour restaurer le site à la normale..

W3 Total Cache - Cela empêche notre site de ne pas planter. List25 reçoit beaucoup de trafic et sans ce plugin, nos serveurs planteraient toutes les heures.

WordPress HTTPs - Nous utilisons ce plugin pour nous assurer que le backend de notre site est sécurisé. Mais surtout, nous l’utilisons pour héberger des fichiers multimédias et les diffuser sur notre application Facebook dont nous avons parlé dans cet article sur WPBeginner..

WordPress SEO by Yoast - Ce plugin gère nos sitemaps et tous les autres services de référencement sur site tels que les balises Meta, l'indexation, etc..

WP-Leads - Nous utilisons ce plugin pour ajouter une petite case à cocher dans le formulaire de commentaire de notre liste MailChimp. Il est plus facile pour nos utilisateurs de s’abonner à notre newsletter quotidienne s’ils choisissent de.

WPTouch Pro - Nous utilisons WP Touch Pro pour alimenter notre version mobile du site. Nous avons créé un thème personnalisé pour WP Touch Pro, mais cela n'a pas pris longtemps..

WP4FB Pro - Ce plugin gère notre application facebook pour Giveaway. Ce que nous avons discuté assez longuement sur la façon de faire des cadeaux Facebook en utilisant WordPress.

Cela conclura la liste des plugins que nous exécutons. Jetons maintenant un coup d'oeil aux autres hacks cool que nous avons sur le site.

List25: Thème et Hacks

Il est important de souligner que List25 s'exécute sur un thème personnalisé Genesis Child. Nous avons quelques fonctionnalités intéressantes sur le site.

Je suis curieux Bouton dans l'en-tête - Lorsqu'un utilisateur clique dessus, il est redirigé vers une publication aléatoire sur un site. Il s'agit essentiellement de simuler une expérience de type Stumbleupon. Vous pouvez le faire aussi. Consultez notre tutoriel sur la redirection des utilisateurs vers un message aléatoire dans WordPress.

Mise en page personnalisée de l'éditeur

La raison pour laquelle nous avons une disposition personnalisée de l'éditeur de publication est que nos nouveaux auteurs savent exactement quel type de formatage nous voulons. Si vous visitez l'un de nos messages, vous verrez à quel point cette fonctionnalité peut être pratique. Il faut quelques connaissances pour créer un éditeur de publication personnalisé. Smashing Magazine propose un tutoriel sur la façon de procéder..

Curseur

Nous utilisons la version jQuery du plugin SlideDeck pour créer notre curseur. Ils ont un plugin WordPress. Consultez notre guide étape par étape pour créer un curseur dans WordPress..

C'est à peu près ça. Nous espérons que cela vous a donné des idées pour votre propre site. Faites-nous savoir vos commentaires et vos réactions. Oh, et n'oubliez pas de consulter List25.