Estudio de caso detrás de las escenas Look of List25 - Plugins and Hacks

Como muchos de ustedes saben, hemos lanzado un nuevo blog llamado List25. En el último mes, hemos estado trabajando continuamente para mejorar ese sitio. Lo que parece ser una simple lista de blogs en el front-end tiene muchas pequeñas cosas geniales que nunca se ven. En este artículo, lo llevaremos tras bambalinas de List25 y le mostraremos los complementos y los trucos geniales que estamos usando para potenciar ese sitio. Tal vez leer este artículo te dará algunas ideas de características para tu propio sitio..

Acerca de List25

List25 es un blog que contiene listas de información intrigante menos conocida sobre una variedad de temas. El propósito de este blog es que sea una buena lectura divertida cuando te aburres mientras educas a veces..

Tenemos el sitio optimizado para lectores, por lo que siempre pueden encontrar contenido interesante mientras están en nuestro sitio. También tenemos el sitio optimizado para nuevos autores, para que puedan adoptar fácilmente el estilo y el formato de escritura de List25..

Complementos

Aquí vamos. Las personas siempre están interesadas en saber qué complementos utilizan otros sitios. Nuestro objetivo al desarrollar un sitio es lograr las cosas de la manera más fácil posible. Los complementos son bastante prácticos y nos ahorran mucho tiempo. Enumeraremos un complemento y luego compartiremos por qué lo estamos utilizando..

Akismet - D'oh. No queremos comentarios spam. Cada instalación de WordPress viene incorporada con ella por una razón.

Archivos compactos: estamos usando el complemento de archivos compactos para alimentar el área de fechas de la página de archivos. Tener el año y los meses organizados en un estilo compacto no solo ahorra espacio, sino que también hace que se vea bien.

Lista de publicaciones destacadas con miniaturas: lo estamos utilizando para mostrar nuestros artículos "destacados" en la barra lateral. En lugar de utilizar un mecanismo de vistas populares, seleccionamos estos artículos a mano. Esto nos permite controlar y moderar el flujo de tráfico a artículos específicos. Puedes ver la demostración en vivo en nuestra barra lateral o ver la imagen a continuación..

Formularios de gravedad con el complemento de MailChimp: lo estamos utilizando para alimentar nuestro formulario de contacto. Estamos utilizando el complemento MailChimp para recopilar correos electrónicos del formulario de contacto si el usuario elige suscribirse. Ya hemos escrito sobre Gravity Forms y sus beneficios en la generación de leads..

Lazy Load: esto nos permite cargar de forma perezosa nuestras imágenes. Básicamente, cuando instala Lazy Load, solo carga las áreas a las que se accede de inmediato. Entonces, si tiene una página con 25 GIF fallidos, solo se cargarán las primeras imágenes de la publicación. El resto de las imágenes se cargan a medida que el usuario se desplaza hacia abajo. Al utilizar esta técnica, el tiempo de carga percibido de la página es mucho más rápido..

Afiliado de MaxBlogPress Ninja: aunque no hemos realizado mucha comercialización de afiliados en este sitio. Pero estamos usando Ninja Affiliate para reemplazar automáticamente algunas palabras clave con enlaces de afiliados en nuestras publicaciones. Esto aún no ha generado muchos ingresos para ese sitio, pero se debe a que es un sitio tan nuevo..

Miembros: el complemento para miembros nos permite crear nuevos roles de usuario y limitar el permiso en función del rol de usuario. Este complemento es imprescindible para cualquier blog de varios autores..

No Self Pings - De vez en cuando nos vinculamos con nuestros propios mensajes. Esto prácticamente le dice a WordPress que no envíe pings cuando estamos enlazando a nuestro propio sitio. Porque no hay nada peor que tener los trackbacks de tu propio sitio en tus otras entradas..

Redirección: estamos utilizando el complemento de redirección para rastrear 404 páginas y redirigirlas adecuadamente. Es un buen plugin para tener en general..

Regenerar miniaturas: estamos usando el complemento Regenerar miniaturas para generar tamaños de imagen adicionales. Esto nos permite tener varios tamaños para propósitos de diseño (como la navegación deslizante, publicaciones destacadas en la barra lateral, etc.).

Simple Facebook Connect y Simple Twitter Connect: estos dos complementos son súper potentes y se utilizan para diversos propósitos en todo el sitio. Su propósito # 1 es permitir el inicio de sesión de terceros para comentarios. Vea la captura de pantalla a continuación:

Simple Facebook Connect está manejando nuestros detalles de metadatos de Open Graph de Facebook, por lo que tenemos la imagen, el título y la descripción correctos cuando los usuarios comparten nuestros artículos en Facebook..

La conexión simple de Twitter también se usa para vincular automáticamente nuestros nombres de usuario de Twitter cuando escribes @ list25 o cualquier otro usuario de Twitter. Debido a que Twitter Connect está usando la API de Twitter en cualquier lugar, también lo estamos utilizando para la casilla de tweets en vivo en nuestra página Suscribir para List25. (Este tutorial le mostrará cómo crear cuadros de tweets en vivo en su sitio de WordPress)

Suscribirse a comentarios: este complemento agrega una pequeña casilla de verificación después del comentario que permite a los usuarios suscribirse a los comentarios si así lo desean..

Foto del usuario: el complemento de la foto del usuario le permite a cada autor cargar su propia imagen en lugar de usar gravatar. Esto nos permite moderar las imágenes que aparecen en las biografías de nuestros autores..

VaultPress: estamos utilizando VaultPress para copias de seguridad. Es una solución de copia de seguridad gestionada por Automattic. Hacen copias de seguridad de nuestros temas, complementos, publicaciones y todos los demás archivos multimedia. Esto nos protege de los desastres. Si algo sucede, siempre podemos usar VaultPress para restaurar el sitio a su estado normal..

W3 Total Cache: esto evita que nuestro sitio no se bloquee. List25 está recibiendo mucho tráfico y sin este complemento, nuestros servidores se bloquearían cada hora.

WordPress HTTPs: estamos usando este complemento para asegurarnos de que el servidor de nuestro sitio esté protegido. Pero lo más importante es que lo estamos utilizando para alojar archivos multimedia y servirlos a nuestra aplicación de Facebook que hemos analizado en este artículo en WPBeginner..

WordPress SEO by Yoast: este complemento maneja nuestros mapas de sitio y todos los demás SEO en el sitio, como etiquetas Meta, indexación, etc..

WP-Leads: estamos utilizando este complemento para agregar una pequeña casilla de verificación en el formulario de comentarios de nuestra lista de MailChimp. Facilita que nuestros usuarios se suscriban a nuestro boletín diario si eligen.

WPTouch Pro: estamos usando WP Touch Pro para impulsar nuestra versión móvil del sitio. Creamos un tema personalizado para WP Touch Pro, pero no tardamos en hacerlo.

WP4FB Pro - Este plugin está manejando nuestra aplicación de Facebook para Giveaway. De lo que hemos discutido en gran parte sobre cómo hacer regalos de Facebook usando WordPress.

Eso concluirá la lista de complementos que estamos ejecutando. Ahora veamos otros trucos geniales que tenemos en el sitio..

List25: Tema y Hacks

Es importante enfatizar que List25 se está ejecutando en un tema personalizado de Genesis Child. Tenemos algunas características bastante ingeniosas en el sitio.

Soy curioso botón en el encabezado - Cuando un usuario hace clic en eso, los redirige a una publicación aleatoria en un sitio. Es esencialmente simular una experiencia similar a Stumbleupon. Usted puede hacer esto también. Consulte nuestro tutorial sobre Cómo redirigir a los usuarios a una publicación aleatoria en WordPress.

Diseño personalizado del editor de publicaciones

La razón por la que tenemos un diseño personalizado de editor de publicaciones es para que nuestros nuevos autores sepan exactamente qué tipo de formato queremos. Si visita cualquiera de nuestras publicaciones, verá cuán útil puede ser esta característica. Requiere algún conocimiento para crear un editor de publicaciones personalizado. Smashing Magazine tiene un tutorial sobre cómo hacer esto..

Deslizador

Estamos utilizando la versión jQuery del complemento SlideDeck para crear nuestro control deslizante. Tienen un plugin de WordPress. Echa un vistazo a nuestra guía paso a paso para crear un control deslizante en WordPress.

Eso es todo. Esperamos que esto te haya dado ideas para tu propio sitio. Háganos saber sus comentarios y opiniones. Ah, y no te olvides de revisar List25.