Crie um mural de atualizações sociais em seu blog WordPress com o plug-in Socialist jQuery

Propaganda

Socialist é um incrível novo plugin jQiuery que agrega suas atualizações em várias redes sociais e as exibe maravilhosamente em uma grade semelhante ao Pinterest. Confira a captura de tela abaixo para ter uma idéia de como isso é maravilhoso e continue lendo sobre como implementar isso no WordPress.

Nota: Socialist é um plugin jQuery. Darei instruções completas sobre como implementar isso no WordPress, mas um conhecimento prático do jQuery seria útil para identificar erros de digitação ou erro no seu código. Além disso, isso provavelmente deve ser considerado uma versão beta; algumas coisas estão quebradas, a formatação não é perfeita, mas ainda é bastante utilizável e impressionante

Introdução

Existem vários plugins para obter atualizações de redes específicas ou as postagens mais recentes de um feed RSS, mas nenhum faz tudo e nenhum é tão atraente quanto isso. Aqui está o que você pode esperar de cerca de 10 linhas de código:

O plug-in é capaz de acessar uma variedade de redes sociais, além de RSS simples, capturando imagens e conteúdo - incluindo:

• Facebook
• Twitter
• LinkedIn
• Flickr
• Youtube
• Pinterest
• RSS
• Craigslist
• Google+

O suporte ao Tumblr também está listado, mas há um erro no código atualmente impedindo que ele funcione; espero que seja corrigido no momento em que este tutorial for publicado.

Integrando ao WordPress

1. Carregue qualquer página do seu site e visualize a fonte. Procure a string jQuery; se você já o tiver, continue na etapa 2. Caso contrário, adicione o jQuery incluindo a seguinte linha em suas funções.php: wp_enqueue_script ('jquery');
2. Faça o download do arquivo zip do socialista no github [No Longer Available]. Descompacte e faça o upload da pasta para o diretório de temas de trabalho via FTP.
3. Renomeie a pasta para "socialista"
4. No header.php, adicione as duas linhas a seguir em algum lugar abaixo da função wp_head, mas antes da tag final:

1. Crie uma nova página onde deseja que o bloco socialista apareça; Suponho que você queira isso em uma página separada, mas você também pode adicionar o código ao seu modelo de índice em algum lugar. Se você estiver indo para uma página separada, duplique seu modelo de página existente e chame-o de "page-slug.php", em que slug é o link permanente que o WordPress forneceu sua nova página (ou seja, o título, com hífens de espaços e palavras comuns removidas).
2. Edite a página para remover o loop do WordPress conteúdo; queremos um layout básico com meta informações e coisas assim.

Adicionando código socialista

Abra o modelo de página especial que você criou anteriormente e cole o código a seguir no conteúdo principal área. Mude o estilo da DIV socialista para se adequar ao seu tema; Achei que não especificar a largura quebrou o layout, mas isso pode ter sido particular no meu tema. O código abaixo é pré-programado para algumas das minhas próprias fontes de atualização social; é claro, convém alterar os vários IDs para os seus. Para o formato exato ou quaisquer parâmetros adicionais, consulte o arquivo leia-me. Em geral, tudo que você precisa é o parâmetro id. Comece com um e trabalhe, pois uma identificação incorreta fará com que o plug-in quebre.

Resumo

Poderia ter alguma personalização adicional em termos de tamanho ou layout da caixa e sendo mais robusto; mas ainda é cedo e o que já temos é realmente impressionante, eu acho. Na verdade, isso seria perfeito para colocar na primeira página do seu domínio pessoal Considerando um domínio pessoal? Aqui estão alguns usos interessantes para ele Mesmo que você não seja fã de blogs e não tenha um site incrível para lançar, um domínio pessoal pode ser um ferramenta incrível para se divertir ou se autopromover: de um personalizado... Leia mais que discutimos na semana passada.

Se você ' estou tendo problemas ou precisar de uma mão colocando isso no WordPress, sinta-se à vontade para perguntar nos comentários abaixo, mas inclua um URL de teste que eu possa ver e examinar qualquer código erros. Para erros no próprio plugin, publique uma nova questão no GitHub. Acha que alguém poderia MakeUseOf deste incrível plugin de socialização do jQuery? Em seguida, compartilhe usando os botões abaixo para informar ao mundo.