Como muitos de vocês sabem que lançamos um novo blog chamado List25. Nos últimos meses, continuamos trabalhando para melhorar esse site. O que parece um blog de lista simples no front-end tem muitas pequenas coisas legais que você nunca vê. Neste artigo, vamos levá-lo nos bastidores do List25 e mostrar os plugins e hacks legais que estamos usando para alimentar esse site. Talvez a leitura deste artigo lhe dê algumas idéias para seu próprio site.
Sobre Lista25
List25 é um blog que cura listas de informações intrigantes menos conhecidas sobre uma variedade de assuntos. O objetivo deste blog é ser uma boa leitura divertida quando você está entediado enquanto é educacional às vezes.
Temos o site otimizado para os leitores, para que eles sempre possam encontrar conteúdo interessante enquanto estão em nosso site. Também temos o site otimizado para novos autores, para que eles possam adotar facilmente o estilo de escrita e o formato do List25.
Plugins
Aqui vamos nós. As pessoas estão sempre interessadas em saber quais plugins usam outros sites. Nosso objetivo ao desenvolver um site é realizar as coisas da maneira mais fácil possível. Os plugins são bastante úteis e nos economizamos muito tempo. Vamos listar um plugin e depois compartilhar por que o estamos usando.
Akismet – D’oh. Nós não queremos comentar spam. Toda instalação do WordPress vem incorporada com ele por um motivo.
Arquivos compactos – Estamos usando o plugin Compact Archives para alimentar a área de datas da página de arquivos. Ter o ano e os meses organizados em um estilo compacto não só economiza espaço, mas também faz com que pareça bem.
Lista de mensagens em destaque com miniaturas – Estamos usando isso para mostrar nossos artigos “destacados” na barra lateral. Em vez de usar um mecanismo de visualizações populares, sugerimos esses artigos. Isso nos permite controlar e moderar o fluxo de tráfego para artigos específicos. Você pode ver a demo ao vivo em nossa barra lateral ou ver a imagem abaixo.
Formulários de Gravidade com o Addon MailChimp – Estamos a usá-lo para alimentar o nosso formulário de contato. Estamos usando o addon MailChimp para coletar e-mails do formulário de contato se o usuário optar por optar por entrar. Nós já escrevemos sobre Gravity Forms e seus benefícios na geração de leads.
Lazy Load – Isso nos permite carregar nossas imagens com preguiça. Basicamente quando você instala Lazy Load, ele só carrega as áreas que estão sendo acessadas imediatamente. Então, se você tiver uma página com 25 Fail GIFs, apenas as primeiras imagens na postagem serão carregadas. O resto das imagens são carregadas enquanto o usuário desliza para baixo. Ao usar esta técnica, o tempo de carregamento da página percebido é muito mais rápido.
MaxBlogPress Ninja Affiliate – Embora não tenhamos muito marketing afiliado neste site. Mas estamos usando o Affiliate de Ninja para substituir automaticamente algumas palavras-chave por links de afiliados em nossas postagens. Isso ainda não gerou muitas receitas para esse site, mas é porque é um site tão novo.
O complemento Membros – Membros nos permite criar novas funções de usuário e limitar a permissão com base na função do usuário. Este plugin é uma obrigação para todos os blogs de vários autores.
No Self Pings – Ocasionalmente, nós nos relacionamos com nossas próprias postagens. Isso quase diz ao WordPress que não envie pings quando estamos ligando para o nosso próprio site. Porque não há nada pior do que ter os trackbacks do seu próprio site para suas outras entradas.
Redirecionamento – Estamos usando o plugin de redirecionamento para rastrear 404 páginas e redirecioná-las adequadamente. É um bom plugin para ter em geral.
Regenerar miniaturas – Estamos usando o plugin Regenerar miniaturas para gerar tamanhos de imagem adicionais. Isso nos permite ter vários tamanhos para fins de design (como Navegação de slider, Posts em destaque na barra lateral, etc.).
Conexão simples do Facebook e conexão simples do Twitter – Esses dois plugins são super poderosos e estão sendo usados para diversos fins através do site. O objetivo # 1 é permitir o login de terceiros para comentários. Veja a imagem abaixo:
O Simple Facebook Connect está lidando com nossos detalhes do Facebook Map Grade Gráfico para nós, então temos a imagem certa, o título e a descrição quando os usuários compartilham nossos artigos no Facebook.
O Twitter simples de conexão também está sendo usado para vincular automaticamente nossos nomes de usuário do Twitter quando você digita @ list25 ou qualquer outra manipulação de twitter. Porque o simples twitter connect está usando a API Twitter Anywhere, também estamos usando isso para caixa de tweet ao vivo na nossa Página de Inscrição para List25. (Este tutorial irá mostrar-lhe como criar caixas de tweet ao vivo no seu site WordPress)
Inscreva-se para Comentários – Este plugin adiciona uma pequena caixa de seleção após o comentário que permite aos usuários se inscrever nos comentários se eles optarem.
Foto de usuário – O plugin de foto de usuário permite que cada autor faça upload de sua própria imagem ao invés de usar gravatar. Isso nos permite moderar as imagens que aparecem nas nossas biografias de autores.
VaultPress – Estamos usando o VaultPress para backups. É uma solução de backup gerenciado pela Automattic. Eles fazem backup de nosso tema, plugins, postagens e todos os outros arquivos de mídia. Isso nos protege de desastres. Se alguma coisa acontecer, sempre podemos usar o VaultPress para restaurar o site ao normal.
W3 Total Cache – Isso evita que nosso site não fique falhante. List25 está recebendo muito tráfego e sem este plugin, nossos servidores falharão a cada hora.
local
WordPress SEO por Yoast – Este plugin lida com nossos sitemaps, e com todos os outros SEO no local, como Meta tags, indexação etc.
WP-Leads – Estamos usando este plugin para adicionar uma pequena caixa de seleção no formulário de comentário para a nossa lista MailChimp. Isso torna mais fácil para os nossos usuários se inscrever no nosso boletim diário se eles escolherem.
WPTouch Pro – Estamos usando o WP Touch Pro para alimentar nossa versão móvel do site. Criamos um tema personalizado para o WP Touch Pro, mas não levou tanto tempo para fazê-lo.
WP4FB Pro – Este plugin está gerenciando nosso aplicativo do Facebook para Giveaway. O que discutimos muito extensivamente sobre como fazer brindes do Facebook usando o WordPress.
Isso irá concluir a lista de plugins que estamos executando. Agora vamos dar uma olhada em outros hacks legais que temos no site.
Lista25: Tema e Hacks
É importante enfatizar que o List25 está sendo executado em um tema Genesis Child Theme personalizado. Nós temos algumas características muito bacanas no site.
Eu sou um botão curioso no cabeçalho – Quando um usuário clica nisso, redireciona para uma publicação aleatória em um site. É essencialmente simular uma experiência de Stumbleupon. Você também pode fazer isso. Confira o nosso tutorial sobre como redirecionar usuários para uma publicação aleatória no WordPress.
Layout do editor de postagem personalizado
A razão pela qual temos um layout de editor de postagem personalizado é assim, nossos novos autores sabem exatamente qual o tipo de formatação que queremos. Se você visitar qualquer uma de nossas postagens, você verá o quão útil este recurso pode realmente ser. Isso requer algum conhecimento para criar um editor de postagem personalizado. Smashing Magazine tem um tutorial sobre como fazer isso.
Slider
Estamos usando a versão jQuery do plugin SlideDeck para criar nosso controle deslizante. Eles têm um plugin do WordPress. Confira nosso guia passo a passo para criar um controle deslizante no WordPress.
É sobre isso. Esperamos que isso tenha dado ideias para o seu próprio site. Deixe-nos saber seus comentários e comentários. Ah, e não se esqueça de verificar a Lista25.