Estudio de caso: Behind the Scenes Look of List25 – Plugins y Hacks

Como muchos de vosotros sabéis, hemos lanzado un nuevo blog llamado List25 . En el último mes, más o menos, hemos estado trabajando continuamente para mejorar ese sitio. Lo que parece una simple lista de blog en el front-end tiene un montón de pequeñas cosas que nunca se ven. En este artículo, lo llevaremos detrás de las escenas de List25 y le mostraremos los plugins y hacks que estamos usando para potenciar ese sitio. Tal vez la lectura de este artículo le dará algunas ideas de características para su propio sitio.

Acerca de List25

List25 es un blog que conserva 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 eres educativo.

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

Plugins

Allá vamos. La gente siempre está interesada en saber qué plugins están usando otros sitios. Nuestra meta al desarrollar un sitio es lograr las cosas de la manera más fácil posible. Los plugins son bastante útiles y nos ahorran mucho tiempo. Vamos a listar un plugin y luego compartiremos por qué lo estamos usando.

Akismet – D’oh. No queremos comentar spam. Cada instalación de WordPress viene incorporada con él por una razón.

Compact Archives – Estamos utilizando el plugin de Compact Archives en el área de fechas del página de archivos . Tener el año y los meses organizados en un estilo compacto no sólo ahorra espacio, sino que también hace que luzca bien.

Lista de publicaciones destacadas con miniaturas – Estamos usando esto para mostrar nuestros artículos «destacados» en la barra lateral. En lugar de utilizar un mecanismo de puntos de vista populares, seleccionamos estos artículos a mano. Esto nos permite controlar y moderar el flujo de tráfico hacia artículos específicos. Puedes ver la demo en vivo en nuestra barra lateral o ver la imagen de abajo.

Mensajes destacados con miniaturas en la lista25

Formularios de gravedad con el complemento MailChimp – Lo estamos usando para potenciar nuestro formulario de contacto. Estamos utilizando el complemento MailChimp para recopilar mensajes de correo electrónico del formulario de contacto si el usuario decide darse de alta. Ya hemos escrito sobre Gravity Forms y sus beneficios en generación de leads .

Lazy Load – Esto nos permite cargar nuestras imágenes de forma perezosa. Básicamente, cuando instala Lazy Load, sólo carga las áreas a las que se está accediendo de inmediato. Así que si tienes una página con 25 Fail GIFs , sólo se cargarán las primeras imágenes del mensaje. 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 percibida es mucho más rápido.

MaxBlogPress Ninja Affiliate – Aunque no hemos hecho 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 nuestros mensajes. Esto no ha generado muchos ingresos para ese sitio todavía, pero es porque es un sitio tan nuevo.

– El plugin de miembros nos permite crear nuevos roles de usuario y limitar los permisos basados en el rol de usuario. Este plugin es imprescindible para cualquier blog de autores múltiples.

– Ocasionalmente nos conectamos a nuestros propios mensajes. Esto le dice a WordPress que no envíe pings cuando nos conectamos a nuestro propio sitio. Porque no hay nada peor que tener los trackbacks de su propio sitio a sus otras entradas.

Redirection – Estamos usando el plugin de redirección para rastrear 404 páginas y redirigirlas apropiadamente. Es un buen plugin para tener en general.

– Estamos usando el plugin Regeneración de miniaturas para generar tamaños de imagen adicionales. Esto nos permite tener varios tamaños para propósitos de diseño (tales como Navegación por Slider, Posts destacados en la barra lateral, etc.).

Simple Facebook Connect y Simple Twitter Connect – Estos dos plugins son súper poderosos y están siendo usados para una variedad de propósitos a través del sitio. Su propósito #1 es permitir el acceso de terceros para comentarios. Vea la captura de pantalla a continuación:

Área de comentarios de List25

Simple Facebook Connect se encarga de los detalles de nuestro Facebook Open Graph Meta Data, por lo que tenemos la imagen, el título y la descripción correctos cuando los usuarios comparten nuestros artículos en Facebook.

Simple Twitter connect también se utiliza para vincular automáticamente nuestros nombres de usuario de Twitter cuando escribes @list25 o cualquier otra manija de twitter. Debido a que twitter connect simple está usando la Twitter Anywhere API , también lo estamos usando para la caja de tweets en vivo en nuestra Página de Suscripción para List25. (Este tutorial le mostrará cómo crear cajas de tweets en vivo en su sitio WordPress )

Subscribe to Comments – Este plugin añade 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 – El plugin de fotografía de usuario permite a cada autor subir su propia imagen en lugar de utilizar gravatar. Esto nos permite moderar las imágenes que aparecen en las biografías de nuestros autores.

VaultPress – Estamos usando VaultPress para las copias de seguridad. Es una solución de backup gestionado por Automattic. Ellos hacen copias de seguridad de nuestro tema, plugins, mensajes y todos los demás archivos de medios. Esto nos protege de los desastres. Si ocurre algo, siempre podemos usar VaultPress para restaurar el sitio a la normalidad.

W3 Total Cache – Esto evita que nuestro sitio no se bloquee. List25 está recibiendo mucho tráfico y sin este plugin, nuestros servidores se estrellarían cada hora.

WordPress HTTPs – Estamos usando este plugin para asegurarnos de que el backend de nuestro sitio está seguro. Pero lo más importante es que lo estamos usando para alojar archivos multimedia y servirlo a nuestra aplicación de Facebook que hemos discutido en este artículo en WPBeginner.

WordPress SEO by Yoast – Este plugin maneja nuestros sitemaps, y todos los demás SEO del sitio como Meta tags, indexación, etc.

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

WPTouch Pro – Estamos utilizando WP Touch Pro para potenciar nuestra versión móvil del sitio. Creamos un tema personalizado para WP Touch Pro, pero no nos llevó tanto tiempo.

WP4FB Pro – Este plugin se encarga de nuestra aplicación de Facebook para sorteos. Que hemos discutido bastante extensamente en cómo hacer regalos de facebook usando WordPress .

Esto concluirá la lista de plugins que estamos ejecutando. Ahora vamos a echar un vistazo a otros hacks que tenemos en el sitio.

Lista 25: Tema y Hacks

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

Botón Curioso en el Encabezado – Cuando un usuario hace clic en él, lo redirige a una entrada aleatoria en un sitio. Es esencialmente una simulación de una experiencia como la de Stumbleupon. Tú también puedes hacer esto. Echa un vistazo a nuestro tutorial en Cómo redirigir usuarios a una entrada aleatoria en WordPress .

Diseño del Editor de Publicaciones Personalizadas

Diseño del editor de publicaciones personalizadas

La razón por la que tenemos un diseño de editor de postproducción personalizado es para que nuestros nuevos autores sepan exactamente qué tipo de formato queremos. Si visitas alguna de nuestras publicaciones, verás lo útil que puede ser esta función. Se requiere cierto conocimiento para crear un editor de mensajes personalizado. tiene un tutorial sobre cómo hacerlo.

Deslizador

Estamos usando la versión jQuery del plugin SlideDeck para crear nuestro slider. Tienen un plugin de WordPress. Echa un vistazo a nuestra Guía paso a paso para crear un deslizador en WordPress .

De eso se trata. Esperamos que esto le haya dado ideas para su propio sitio. Háganos saber sus comentarios y retroalimentación. Oh, y no olvides comprobar List25 .

Deja un comentario

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