Cree un muro de actualizaciones sociales en su blog de WordPress con el complemento socialista jQuery

Anuncio

Socialist es un increíble nuevo complemento de jQiuery que agrega sus actualizaciones en varias redes sociales y las muestra maravillosamente en una cuadrícula similar a Pinterest. Echa un vistazo a la captura de pantalla a continuación para tener una idea de lo maravilloso que es esto, y sigue leyendo para saber cómo implementar esto en WordPress.

Nota: Socialist es un complemento de jQuery. Daré instrucciones completas sobre cómo implementar esto en WordPress, pero un conocimiento práctico de jQuery sería útil para identificar errores tipográficos o errores en su código. Además, esto probablemente debería considerarse una versión beta; algunas cosas están rotas, el formateo no es perfecto, pero sigue siendo bastante útil e impresionante

Introducción

Existen varios complementos para obtener actualizaciones de redes específicas o las últimas publicaciones de una fuente RSS, pero ninguno los hace todos y ninguno es tan atractivo como este. Esto es lo que puede esperar de alrededor de 10 líneas de código:

El complemento puede acceder a una variedad de redes sociales, así como a simples RSS, capturando imágenes y contenido, incluyendo:

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

El soporte de Tumblr también aparece en la lista, pero hay un error en el código que actualmente impide que funcione; con suerte, se solucionará cuando se publique este tutorial.

Integrando a WordPress

1. Cargue cualquier página en su sitio y vea la fuente. Busque la cadena jQuery; si ya lo tiene, continúe con el paso 2. Si no es así, agregue jQuery incluyendo la siguiente línea en sus functions.php: wp_enqueue_script ('jquery');
2. Descargue el archivo zip de socialista de github [Ya no está disponible]. Descomprima y cargue la carpeta en su directorio de temas de trabajo a través de FTP.
3. Cambie el nombre de la carpeta a "socialista"
4. En header.php, agregue las siguientes dos líneas en algún lugar debajo de la función wp_head pero antes de la etiqueta final:

1. Cree una nueva página donde desee que aparezca el bloque socialista; Supongo que desea esto en una página separada, pero igualmente podría agregar el código a su plantilla de índice en alguna parte. Si va a una página separada, duplique su plantilla de página existente y llámela "page-slug.php" donde slug es el enlace permanente que WordPress dio su nueva página (es decir, el título, con guiones para espacios y palabras comunes eliminadas).
2. Edite la página para eliminar el bucle de WordPress contenido; queremos un diseño básico con metainformación y demás.

Agregar código socialista

Abra la plantilla de página especial que creó anteriormente y pegue el siguiente código en el contenido principal zona. Cambia el estilo del DIV socialista para adaptarlo a tu tema; Descubrí que no especificar el ancho rompió el diseño, pero eso puede haber sido particular de mi tema. El siguiente código está preprogramado para algunas de mis propias fuentes de actualización social; por supuesto, querrás cambiar las diferentes ID a las tuyas. Para conocer el formato exacto o cualquier parámetro adicional, consulte el archivo Léame. En general, todo lo que necesita es el parámetro id. Comience con uno y continúe, ya que un ID incorrecto hará que el complemento se rompa.

Resumen

Podría funcionar con más personalización en términos de tamaño de caja o diseño, y siendo más robusto; pero todavía es temprano y creo que lo que ya tenemos es realmente impresionante. De hecho, esto sería perfecto para poner en la primera página de su dominio personal ¿Está considerando un dominio personal? Aquí hay algunos usos geniales para ello Incluso si no eres fanático de los blogs y no tienes un nuevo sitio web increíble para lanzar, un dominio personal puede ser un Impresionante herramienta para divertirse o promocionarse: desde un... Leer más que discutimos la semana pasada.

Si usted ' re teniendo problemas o necesita ayuda para poner esto en WordPress, no dude en preguntar en los comentarios a continuación, pero incluya una URL de prueba que pueda ver y examinar cualquier código errores Para errores en el complemento en sí, publique un nuevo problema en GitHub. ¿Crees que alguien más podría hacer MakeUseOf de este increíble complemento jQuery socialize? Luego, comparta usando los botones a continuación para contarle al mundo.