Estudio de caso: aspecto entre bastidores de List25

Como muchos de ustedes saben, hemos lanzado un nuevo blog llamado Lista25. En el último mes, hemos estado trabajando continuamente para mejorar ese sitio. Lo que parece un blog de lista simple en el front-end tiene muchas cosas interesantes que nunca ves. En este artículo, lo llevaremos detrás de escena de List25 y le mostraremos el plugins y trucos geniales que estamos usando para impulsar ese sitio. Quizás leer este artículo le dará algunas ideas de funciones para su propio sitio.

Acerca de List25

Lista25 es un blog que selecciona listas de información intrigante menos conocida sobre una variedad de temas. El propósito de este blog es ser una buena lectura divertida cuando estás aburrido y, a veces, ser educativo.

Tenemos el sitio optimizado para los 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 formato de escritura de List25.

Complementos

Aquí vamos. La gente siempre está interesada en saber qué plugins otros sitios utilizan. Nuestro objetivo al desarrollar un sitio es lograr las cosas de la manera más fácil posible. Los complementos son bastante útiles y nos ahorran mucho tiempo. Enumeraremos un plugin y luego comparta por qué lo estamos usando.

Akismet – D’oh. No queremos comentarios no deseados. Cada instalación de WordPress viene incorporada por una razón.

Archivos compactos: utilizamos archivos compactos plugin potencia el área de fechas del 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: usamos esto para mostrar nuestros artículos “destacados” en la barra lateral. En lugar de utilizar un mecanismo de visualización popular, seleccionamos estos artículos. Esto nos permite controlar y moderar el flujo de tráfico a artículos específicos. Puede ver la demostración en vivo en nuestra barra lateral o ver la imagen a continuación.

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

Carga diferida: esto nos permite cargar nuestras imágenes de forma diferida. Básicamente, cuando instala Lazy Load, solo carga las áreas a las que se accede de inmediato. Entonces, si tienes 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 de la página percibido es mucho más rápido.

MaxBlogPress Ninja Affiliate: aunque no hemos realizado mucho marketing de afiliación 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 nuevo.

Miembros – Miembros plugin nos permite crear nuevos roles de usuario y limitar los permisos en función del rol del usuario. Esto plugin es imprescindible para cualquier blog de varios autores.

Sin Self Pings: de vez en cuando enlazamos a nuestras propias publicaciones. Esto le dice a WordPress que no envíe pings cuando estemos enlazando a nuestro propio sitio. Porque no hay nada peor que tener los trackbacks de su propio sitio para sus otras entradas.

Redirección: estamos usando redirección plugin para rastrear páginas 404 y redirigirlas apropiadamente. Es bueno plugin tener en general.

Regenerar miniaturas: usamos Regenerar miniaturas plugin para generar tamaños de imagen adicionales. Esto nos permite tener varios tamaños para fines de diseño (como navegación deslizante, publicaciones destacadas en la barra lateral, etc.).

Conexión simple de Facebook y Conexión simple de Twitter – Estos dos plugins son superpoderosos y se utilizan para una variedad de 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:

Lista25 Área de comentarios

Simple Facebook Connect maneja nuestros detalles de metadatos de Open Graph de Facebook por nosotros, 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 utiliza para vincular automáticamente nuestros nombres de usuario de Twitter cuando escribe @ list25 o cualquier otro identificador de Twitter. Debido a que la simple conexión de Twitter usa la API de Twitter Anywhere, también la estamos usando para el cuadro de tweet en vivo en nuestro Pagina de suscripción para List25. (Este tutorial le mostrará cómo crear cuadros de tweets en vivo en su sitio de WordPress)

Suscribirse a comentarios – Esto plugin 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 de usuario – Foto de usuario plugin permite que cada autor cargue su propia imagen en lugar de usar gravatar. Esto nos permite moderar las imágenes que aparecen en las biografías de nuestro autor.

VaultPress – Estamos utilizando VaultPress para las copias de seguridad. Es una solución de respaldo administrada por Automattic. Respaldan nuestro tema, plugins, publicaciones y todos los demás archivos multimedia. Esto nos protege de los desastres. Si sucede algo, siempre podemos usar VaultPress para restaurar el sitio a la normalidad.

W3 Total Cache: esto evita que nuestro sitio se bloquee. List25 está recibiendo mucho tráfico y sin esto plugin, nuestros servidores fallaban cada hora.

HTTP de WordPress – Estamos usando esto plugin para asegurarse de que el backend de nuestro sitio esté protegido. Pero lo más importante, lo estamos usando para alojar archivos multimedia y servirlo en nuestra aplicación de Facebook que hemos discutido en este artículo en .

WordPress SEO por Yoast – Este plugin maneja nuestros mapas del sitio y todo el resto de SEO en el sitio, como metaetiquetas, indexación, etc.

WP-Leads – Estamos usando esto plugin para agregar una pequeña casilla de verificación en el formulario de comentarios para nuestra lista de MailChimp. Hace que sea más fácil para nuestros usuarios suscribirse a nuestro boletín diario si así lo desean.

WPTouch Pro: usamos WP Touch Pro para impulsar nuestra versión móvil del sitio. Creamos un tema personalizado para WP Touch Pro, pero no tomó tanto tiempo hacerlo.

WP4FB Pro – Este plugin está manejando nuestra aplicación de Facebook para Giveaway. Lo que hemos discutido bastante extensamente sobre cómo hacer sorteos de Facebook usando WordPress.

Eso concluirá la lista de plugins que estamos ejecutando. Ahora echemos un vistazo a otros trucos geniales que tenemos en el sitio.

List25: Tema y trucos

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

Soy un botón curioso en el encabezado – Cuando un usuario hace clic en eso, lo redirige a una publicación aleatoria en un sitio. Básicamente, está simulando una experiencia similar a Stumbleupon. Tú también puedes hacer esto. Consulte nuestro tutorial sobre cómo redirigir a los usuarios a una publicación aleatoria en WordPress.

Diseño de editor de publicaciones personalizado

Diseño de editor de publicaciones personalizado

La razón por la que tenemos un diseño de editor de publicaciones personalizado es para que nuestros nuevos autores sepan exactamente qué tipo de formato queremos. Si visita cualquiera de nuestras publicaciones, verá lo útil que puede ser realmente esta función. Se requiere cierto conocimiento para crear un editor de publicaciones personalizado. Revista Smashing tiene un tutorial sobre cómo hacer esto.

Deslizador

Estamos usando la versión jQuery de SlideDeck plugin para crear nuestro control deslizante. Tienen un WordPress plugin. Consulte nuestra guía paso a paso para crear un control deslizante en WordPress.

Eso es todo. Esperamos que esto le haya dado ideas para su propio sitio. Háganos saber sus comentarios y retroalimentación. Oh, y no te olvides de revisar Lista25.

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *