Compartir:
Cree un muro de actualizaciones sociales en su blog de WordPress con el complemento socialista jQuery
Socialist es un nuevo e increíble 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 obtener una idea de lo maravilloso que es esto, y sigue leyendo para saber cómo implementar esto en WordPress.
Nota: Socialista es un plugin 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 formato no es perfecto, pero aún así es bastante utilizable e impresionante
Introducción
Existen varios complementos para extraer actualizaciones de redes específicas o las últimas publicaciones de una fuente RSS, pero ninguna las hace todas y ninguna es tan atractiva como esta. 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 simplemente RSS, capturar imágenes y contenido, incluyendo:
- Gorjeo
- Flickr
- Youtube
- RSS
- Craigslist
- Google+
El soporte de Tumblr también se encuentra en la lista, pero hay un error en el código que actualmente impide que funcione; Esperemos que sea arreglado para cuando se publique este tutorial..
Integración a WordPress
-
- Cargue cualquier página en su sitio y vea la fuente. Busca la cadena jQuery; si ya lo tiene, continúe con el paso 2. Si no, agregue jQuery incluyendo la siguiente línea en sus funciones.php: wp_enqueue_script ('jquery');
- Descargue el archivo zip de socialist de github [Ya no está disponible]. Descomprima y cargue la carpeta a su directorio de temas de trabajo a través de FTP.
- Renombra la carpeta a “socialista”
- 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:
- Crea una nueva página donde quieras que aparezca el bloque socialista; Supongo que desea esto en una página separada, pero también 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 le dio a su nueva página (es decir, el título, con guiones para espacios y palabras comunes eliminados).
- Edita la página para eliminar el contenido del bucle de WordPress; Queremos un diseño básico con información meta y tal.
Agregando el Código Socialista
Abra la plantilla de página especial que creó anteriormente y pegue el siguiente código en el área de contenido principal. 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 a mi tema. El código siguiente está preprogramado en algunas de mis propias fuentes de actualización social; por supuesto, usted querrá cambiar las diferentes identificaciones a las suyas. Para conocer el formato exacto o cualquier parámetro adicional, consulte el archivo Léame. En general, todo lo que necesitas es el parámetro id. Comience con uno y continúe, ya que una identificación incorrecta hará que el complemento se rompa.
Resumen
Podría hacerlo con más personalización en términos de tamaño de caja o diseño, y ser más robusto; pero aún es temprano y creo que lo que ya tenemos es realmente impresionante. De hecho, esto sería perfecto para colocarlo en la portada de su dominio personal ¿Está considerando un dominio personal? Aquí hay algunos usos interesantes para él considerando un dominio personal? Aquí hay algunos usos geniales para él. Incluso si no es un fanático de los blogs y no tiene un sitio web nuevo y sorprendente para lanzar, un dominio personal puede ser una herramienta increíble para poseer por diversión o autopromoción: desde una personalizada ... Leer Más de lo que hablamos la semana pasada..
Si tiene problemas o necesita una mano 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 error de código. Para errores en el propio complemento real, publique un nuevo problema en GitHub. ¿Crees que alguien más podría hacer este complemento de jQuery para socializar? Luego comparte usando los botones de abajo para decirle al mundo.
Explorar más sobre: Blogging, Wordpress Plugins.