Widget de redes sociales - KolMitE

Widget de redes sociales

Widget de redes sociales

noviembre 30, 2018 Social 0


Descripción

El widget de redes sociales es un widget de barra lateral simple que permite a los usuarios ingresar las URL de perfil de su sitio web de redes sociales y otras opciones de suscripción para mostrar un icono en la barra lateral de ese sitio de redes sociales y más que se abren en una ventana del navegador por separado.

Caracteristicas

  • Soporta los siguientes sitios de redes sociales:

    • Facebook
    • Google+
    • Gorjeo
    • Mi espacio
    • Proveedor de amigos
    • Orkut
    • Hyves
    • LinkedIn
    • aSmallWorld
    • Sobre mi
    • Skyrock
    • VK
    • Buenas lecturas
    • Github
    • Instagram
    • Flickr
    • Álbumes web de picasa
    • Pinterest
    • Youtube
    • Skype
    • Digg
    • Reddit
    • Delicioso
    • Tropezar con
    • Tumblr
    • Zumbido
    • Google habla
    • Vimeo
    • Blogger
    • WordPress
    • Gañido
    • Last FM
    • Pandora
    • UStream
    • IMDb
    • Hulu
    • Flixter
    • Firme
    • Reunirse
    • PlanCast
    • SlideShare
    • DeviantArt
    • Cuttings.me
    • Live365
    • Tunes Digitales
    • Nube de sonido
    • Campamento de la banda
    • Etsy
    • Better Business Bureau
    • Círculo mercantil
    • Ebay
    • Vapor
    • RSS
    • Correo electrónico (mailto: o un enlace al servicio de listas de correo)
    • Además, cree 6 propios utilizando una URL para un icono y una URL para el servicio
  • Seleccione entre los siguientes tamaños de iconos:

    • 16 × 16
    • 24 × 24
    • 32 × 32
    • 64 × 64
    • Personalizado
  • Seleccione de 4 paquetes de iconos:

    • Web 2.0 (Predeterminado) – Iconos de varios artistas
    • Sketch – Iconos sociales dibujados a mano por TheG-Force y Handycons por Janko a velocidad de deformación
    • Heart – Heart v2 de The Design Superhero
    • Recorte – Icontexto dentro de los iconos
    • Personalizado: estos cambios no se modificarán a través de las actualizaciones. Asegúrate de seguir el mismo esquema de nombres que los otros íconos (facebook.png, twitter.png). Puede consultar los otros paquetes de iconos si no está seguro de la denominación. Consulte las preguntas frecuentes para obtener más información sobre el uso.
    • Tenga en cuenta que algunos de los íconos en los paquetes fueron creados y agregados para este widget por mí mismo. No se incluyeron todos los sitios de redes sociales solicitados, así que intenté crear íconos que imitaban los íconos originales del artista. Estos no están atribuidos a mí mismo. Mantengo la atribución a los artistas originales ya que está allí el diseño lo modifiqué.
    • Todos los íconos en este paquete están licenciados bajo la licencia Creative Commons. Tenga en cuenta que algunos de estos no son comerciales solamente. Vaya a los sitios vinculados anteriormente para obtener información completa sobre sus usos permitidos.
  • Elige entre múltiples animaciones incluyendo:

    • Fade In (¡También puedes elegir la opacidad inicial!)
    • Escala (acercar)
    • Rebotar
    • Combo (Los tres)
    • Nota: Debido a que estas son todas las animaciones de estilo CSS3, IE6-7 no es compatible en absoluto, aunque IE8 admitirá Scale. En IE6-8, los iconos no se animarán y utilizarán una opacidad del 100%.
  • Cree sus propias etiquetas alt / title de imagen para el texto que se desplaza sobre el cursor (es decir, Síganos en {service})

  • Elija si desea usar o no la etiqueta rel = “nofollow” en sus enlaces. (Recomendado ver http://en.wikipedia.org/wiki/Nofollow)

  • Elija si desea abrir o no los enlaces en una nueva pestaña (o ventana del navegador).

  • Alinee su widget a la izquierda, centro o derecha.

  • Organiza el orden de los iconos como quieras.

  • Elija el número de iconos por fila. Actualmente puede tener un ícono por fila o automático (máximo # basado en el ancho del contenedor en el que se encuentra el widget).

Si te gusta este complemento, califícalo y haz clic en “Funciona” para tu versión de WordPress.

Ayuda

Agregue una publicación en los foros de soporte de WordPress.org con el complemento etiquetado.

Capturas de pantalla

  • Paquete de iconos web 2.0
  • Paquete de iconos de recorte
  • Paquete de iconos del corazón
  • Paquete de iconos del bosquejo
  • Panel de control de widgets con todas las secciones colapsadas.
  • Panel de control de widgets con configuración general expandida
  • Panel de control de widgets con servicio de red social ampliado.

Instalación

Siga los pasos a continuación para instalar el complemento.

  1. Suba la carpeta de widgets de medios sociales y todos los contenidos a / wp-content / plugins
  2. Active el complemento a través del menú “Complementos” en WordPress
  3. Vaya a Apariencia-> Widgets y active el widget (Social Widget), configure las opciones y haga clic en guardar

Preguntas más frecuentes

Instrucciones de instalación

Siga los pasos a continuación para instalar el complemento.

  1. Suba la carpeta de widgets de medios sociales y todos los contenidos a / wp-content / plugins
  2. Active el complemento a través del menú “Complementos” en WordPress
  3. Vaya a Apariencia-> Widgets y active el widget (Social Widget), configure las opciones y haga clic en guardar
¿Cómo puedo incluir la localización?

La forma más fácil de incluir la traducción del widget de redes sociales es instalar el complemento qTranslate y luego usar el siguiente código (ejemplo) en los campos de texto “Título del widget” y “Título de imagen”:

Volg onsSíguenosSuivre nous

Use el archivo README.txt para ese complemento para más uso.

¿Cómo puedo usar mi propio paquete de iconos personalizados?
  1. Cree una carpeta en el sistema de archivos al que se pueda acceder públicamente a través de las interwebs. Sugiero ponerlo en la carpeta de contenido de wp y denominarlo “íconos”
    1.1. ¡Sus iconos DEBEN tener el mismo nombre que el mío (facebook.png, twitter.png, pinterest.png, etc.) para que esta funcionalidad funcione! Navega hasta el directorio social-media-widget y mira los archivos si no estás seguro de cómo se denominan.
  2. Sube tus iconos en esa carpeta. Probablemente sea una buena idea si todos son del mismo tamaño.
  3. Vaya al Panel de control de widgets (Admin -> Apariencia -> Widgets)
  4. Seleccione “Iconos personalizados” como el paquete de iconos
  5. Ingrese la URL a la carpeta del paquete de íconos (http://www.yoursite.com/blog/wp-content/icons)
  6. Ingrese la RUTA COMPLETA a la carpeta del paquete de iconos (/ var / www / html / yoursite / blog / wp-content / icons)
  7. Clic en Guardar
  8. Echa un vistazo a su sitio.

Su paquete de íconos personalizados debe estar allí y debe estar a salvo de las actualizaciones.

NOTA: PARA QUE ESTÉ SEGURO DE LAS ACTUALIZACIONES, ¡NO CARGUE LOS ICONOS EN LA CARPETA DE WIDGET DE MEDIA SOCIAL! Durante las actualizaciones, esta carpeta se elimina por completo, por lo que pierdes todos los íconos.

También puedes subir los íconos individualmente a través de WordPress. Estos se cargarán a su carpeta / wp-content / uploads / year / month / de forma predeterminada. Use esto como punto de partida para la URL y la ruta del paquete de íconos personalizados.

Si no entiende lo que significa crear una carpeta y cargarla en el sistema de archivos, o si no sabe qué es una ruta a una carpeta, sugeriría que se quede con uno de los cuatro paquetes de iconos predeterminados.

Puedes agregar [insert social media service] apoyo

Si puedo. Deje un comentario en los foros de WordPress.org que etiquetan mi complemento.

¿Por qué las animaciones no funcionan en Internet Explorer 6+?

La única animación compatible con Internet Explorer es Scale, y que solo funciona de manera confiable con Internet Explorer 8. Scale también se incluye en Combo. Ninguna otra animación funcionará. Esto se debe a que no quiero usar Javascript para animar mis íconos. Todas estas animaciones están utilizando estilos CSS3. Las animaciones funcionan mejor con los navegadores basados ​​en Webkit como Chrome y Safari, o Firefox 4. Firefox 3.x es totalmente compatible, sin animaciones de transición CSS3.

¿Por qué mis iconos no están alineados?

Compruebe su archivo style.css. Estoy seguro de que tienes algo allí que está forzando la alineación de tus widgets. Tendrás que modificar eso. Si no sabes cómo hacer CSS … Aprende.

¡No puedo encontrar el enlace de mi perfil {insert social media service}! ¿Qué es?

Si bien trato de proporcionarle la guía más lógica para comenzar como valores predeterminados en el panel de control (por ejemplo, http://www.twitter.com/yourname donde solo reemplaza su nombre), no todos estos servicios siguen el mismo perfil enlaces que he proporcionado. En algunos casos, necesita personalizar su “enlace público” como en Yelp y LinkedIn para usar las URL predeterminadas que proporciono. Si no conoces tu perfil público, me será muy difícil descubrirlo. La forma más fácil de averiguarlo es iniciar sesión en su sitio de redes sociales y encontrar un botón que diga “Ver perfil”. Esto es más a menudo que la URL del perfil que debe ingresar. Este es el método que utilicé para agregar las URL predeterminadas. También tenga en cuenta que no uso todos estos sitios de redes sociales. Acabo de crear cuentas rápidamente para encontrar una URL predeterminada probable. Podrían estar equivocados.

Obtener la información de su cuenta de iTunes Ping es un poco más difícil. Debe cargar su perfil de Ping en iTunes, luego haga clic derecho en su nombre y seleccione “Copiar enlace”. Ingrese esto en la opción de Ping de iTunes en el widget de redes sociales. Cuando el usuario haga clic en él, le pedirá que abra iTunes. Esto los llevará directamente a su cuenta de iTunes Ping en iTunes.

Los íconos no se muestran, solo muestran el texto alternativo.

Probablemente hay un problema de compatibilidad con otro complemento. Estas cosas pasan. Debido a que hay miles de complementos de miles de desarrolladores, todos los que se desarrollan de maneras completamente diferentes, habrá problemas que surgen de vez en cuando. Sin embargo, estos son más frecuentes en los complementos que realizan cambios en todo el sistema (como los paquetes SEO). Intente deshabilitar, uno a la vez, los otros complementos hasta que encuentre el que está rompiendo mi widget. Luego envíeme un correo electrónico y dígame qué plugin era. Entonces trataré de arreglarlo. A menos que sepa qué complemento lo está rompiendo, no podré arreglarlo, ¿entiendes? También ha habido problemas con las carpetas wp-content movidas o WP_CONTENT_URL personalizados que causaron que las imágenes se rompieran. Este problema se ha resuelto desde la 2.3.

¡Algo más no está bien!

Primero – cálmate. Me complace poder ayudarlo y, si pregunta a los que ya he ayudado, no me importa proporcionar un servicio individual a la gente para que mi widget funcione y se vea bien con su tema. Si su tema está especialmente cargado, hago trabajo independiente y me complacería arreglarlo por una tarifa. Pero volviendo al punto, si algo no está funcionando bien en tu sitio, INCLUYE UN ENLACE. No puedo ayudarlo con su sitio a menos que haya un enlace para poder ver qué está pasando. Asegúrate de que mi widget esté habilitado también. Se vuelve viejo preguntándose: “¿Por qué no se ve bien en mi sitio?”, Y luego descubrió que el que dejó el comentario no dejó un enlace y, si lo hicieron, mi widget ya ni siquiera está habilitado en su sitio.

Opiniones

No lo hagas

fernjl

Estuvo bien el año pasado. Ya no tanto. Te bloquea para obtener tu dirección de correo electrónico y venderte algo más.

Un plugin “asesino”

Paulman

Este complemento eventualmente evitará que inicie sesión en su sitio de WordPress, si eso es tu idea de diversión ¡entonces adelante!

Buen plugin

fotodziadek

Buen trabajo

Funciona perfecto

pantevpeter

Funciona perfecto para mi sitio web, espero que no haya ningún error en el futuro ..

muy agradable

jd90

¡Gran trabajo!

¡Esta cosa es genio!

WebbieWebbster

Se ha convertido en uno de los elementos esenciales que instalo por primera vez al crear un nuevo proyecto.

Leer los 85 comentarios

Colaboradores y Desarrolladores

“Social Media Widget” es un software de código abierto. Las siguientes personas han contribuido a este plugin.

Contribuyentes

Traduce “Social Media Widget” a tu idioma.

¿Interesado en el desarrollo?

Examine el código, visite el repositorio de SVN o suscríbase al registro de desarrollo por RSS.

Registro de cambios

4.0.6

  • Fix constructor de clases para el soporte PHP7.

4.0.5

  • Se corrigieron algunos avisos de índice indefinidos por tickets de soporte
  • Soporte para protocolo mixto http / https

4.0.4

  • Actualización para compatibilidad WP 4.3

4.0.3

  • Ajustes de actualización

4.0.2

  • Código malicioso eliminado inyectando spam
  • Nuestras sinceras disculpas a toda la comunidad de WordPress por permitir que la inyección de spam se infiltre en sus sitios web. Confiamos en las personas equivocadas con nuestro código de complemento y no volverá a suceder.
  • Más grandes cosas por venir

4.0.1

  • Eliminar código potencialmente malicioso.

4.0

  • Gran lanzamiento nuevo!
  • Organiza tus iconos en un orden personalizado!
  • Ahora puede ajustar las etiquetas Alt y Título para cada icono individualmente.
  • Cambie las propiedades de “destino” para cada icono individualmente (abrir en la misma ventana o en una nueva).
  • Google+ ahora incluye rel = “editor”
  • Se actualizó el icono de Twitter en el paquete predeterminado al icono oficial.

3.3

  • Se ha añadido soporte para iTunes después de varias solicitudes.
  • Mayor rendimiento y velocidad de carga de la página debido a la gran reducción de los tamaños de archivos PNG

3.2

  • Se ha agregado la opción de tamaño de icono de 24 px
  • Opción de tamaño de icono personalizado agregado
  • Se ha agregado el icono oficial de Facebook (solo paquete predeterminado)
  • Soporte añadido para VK
  • Problemas resueltos con la compatibilidad SSL
  • Correcciones de estabilidad

3.1

  • Añadido soporte para Skyrock
  • Eliminado iTunes Ping
  • Cambiado al ícono oficial de Instagram (solo paquete estándar)
  • Descripción de las características modificadas
  • Capturas de pantalla actualizadas
  • Correcciones de estabilidad

3.0.3

  • Varias correcciones de errores

3.0.2

  • Corrección de errores

3.0.1

  • Arreglo del fallo

3.0

  • Panel de administración hecho más condensado y fácil de usar
  • Soporte adicional para hasta 12 servicios personalizados
  • Se agregó la opción para establecer el número de iconos por fila en '1'
  • Código reorganizado y simplificado.

2.9.8

  • Se agregó soporte para About.me, Cuttings.me, Instagram, Goodreads, Slashdot y Github
  • Nombre del autor actualizado, sitio web del autor y sitio web del complemento

2.9.7

  • Readme.txt actualizado
  • Autor actualizado y colaboradores.
  • Gracias a todos por todos los recuerdos y apoyo a lo largo de los años, Brian.

2.9.6

  • Problemas resueltos del tamaño de la imagen
  • Se eliminó el botón de donación del widget y los enlaces de donación de readme.txt
  • Se actualizó el ícono de Twitter a las especificaciones de diseño oficiales (solo paquete predeterminado). Si no eres fanático del nuevo ícono oficial, contacta a Twitter
  • Se actualizó el ícono de Google+ al rojo oficial (solo paquete predeterminado). Al igual que con Twitter, póngase en contacto con Google. Me han contactado representantes de ambas compañías que me han pedido que corrija los íconos.

2.9.5

  • Se corrigió un comentario incorrecto para Google Plus (anteriormente el comentario decía Facebook)
  • Se eliminó una comilla extra errante en la etiqueta de imagen de FriendFeed
  • Se agregaron tamaños de imagen en línea a cada uno de los iconos para un mejor soporte de validación
  • Se modificó la dirección del margen según la alineación de los iconos. Margen izquierdo para alinear a la derecha, margen derecho para alinear a la izquierda y centrado.

2.9.4

  • Se agregó soporte para Pinterest (perdón por la gran brecha en el tiempo. Finalmente tuve algo de tiempo para hacer esto)

2.9.3

  • Soporte añadido para Google+
  • Se eliminaron las referencias a mi sitio web que ha estado inactivo durante algún tiempo. Se estrelló durante mi movimiento más reciente (HDD se estrelló sin forma de recuperar datos … fallan las copias de seguridad).

2.9.2

  • Como sospechaba, eliminar las etiquetas! Importantes del CSS causó muchos más problemas de los que ayudó. Los he añadido de nuevo.

2.9.1

  • Soy estúpido y me olvidé de enviar los iconos de croquis a 2.9.

2.9

  • Se agregó soporte para Steam, Google Talk, Pandora, Hulu, Ebay, Flixster, IMDb, BandCamp, UStream.tv
  • Se eliminaron las URL predeterminadas (causaban confusión para algunos)
  • Ajustes CSS
  • Se eliminó strip_tags () del campo de título de la imagen para obtener ayuda con las traducciones usando qTranslate
  • Panel de widgets de administración separados en grupos según el tipo de icono
  • Se cambió el botón de donación para apuntar a una nueva cuenta de Paypal para Precision Web Development & Consulting – Mi nueva compañía de desarrollo web en la que estoy fusionando Social Media Widget para
  • Puesta en escena para la versión 3.0

2.8.2

  • Una solución rápida para intentar resolver algunos problemas de validación en mi código.

2.8.1

  • Las personas obtenían un error 404 al intentar actualizar. Voy a sacar esta revisión sin editar para ver si se verifica correctamente esta vez.

2.8

  • Se agregó soporte para los álbumes web de Google Picasa

2.7

  • Añadido soporte de iTunes Ping
  • Se corrigió el problema donde, cuando el cuadro de entrada está vacío, guarda un espacio, los iconos siguen apareciendo.

2.6

  • Se modificó la forma en que funcionaban los iconos personalizados. Resulta que, cuando WordPress actualiza un complemento, elimina por completo la carpeta del complemento y lo carga literalmente del paquete SVN. Por lo tanto, todos los iconos personalizados se perdieron.
  • Se agregó un campo de texto para permitir una breve descripción del widget que aparece antes de los íconos como se solicita en mis foros de soporte.

2.5.5

  • Se agregó la capacidad de alinear el widget a la izquierda, a la derecha o al centro.

2.5

  • Se ha agregado la opción de paquete de iconos “personalizado”. Ver preguntas frecuentes para el uso.
  • Se agregaron 3 campos de iconos personalizados más para servicios personalizados
  • Se agregó la capacidad de crear las etiquetas alt / title de la imagen para que no siempre sea {Título del widget} en {Servicio}.

2.4.1

  • Se modificó el uri del plugin para reflejar el cambio en un sistema basado en foro. Se convirtió en un lío demasiado complicado tratando de clasificar los comentarios en varias publicaciones y correos electrónicos.

2.4

  • Soporte añadido para 10 servicios más. Vea la descripción para ver lo que se ha agregado. Demasiados para enumerar aquí.
  • Se agregó soporte para 3 iconos personalizados: debe incluir la URL completa al icono

2.3.5

  • Se agregaron transiciones de animación CSS3 para Firefox 4. Yendo con x.x.5, ya que esto no es una corrección de errores (x.x.1), ni una adición de funciones sin límites (x.1).

2.3

  • Añadido soporte para Tunes Digital y Soundcloud.
  • Función mejorada para determinar la ruta del plugin. Las imágenes se rompieron si se movía wp-content. Esto se ha solucionado con esta versión.
  • Se corrigió el problema del código HTML que causaba un espacio adicional entre los iconos de Facebook y Twitter.
  • Otras mejoras de código pequeño

2.2.1

  • Rompí la descripción cuando subí 2.2. Lo siento por la segunda actualización rápida.

2.2

  • Se agregó soporte para Skype, Blogger, WordPress.com y Yelp
  • Se arregló el archivo de cambios Readme.txt para que sea más legible

2.1

  • Se agregó soporte para Foursquare, Meetup y Last.fm
  • Opción incluida para seleccionar si abrir o no los enlaces en una nueva pestaña (o ventana del navegador)
  • Se solucionó un problema de compatibilidad con Platinum SEO Pack – ¡Gracias Niko! Preguntas frecuentes actualizadas
  • Se actualizó la sección de instalación para incluir información de actualización y el nombre del directorio del complemento corregido
  • Dividir el panel de control de widgets en dos columnas para reducir el desplazamiento: se estaba volviendo muy largo a medida que agregaba más funciones.

2.0

  • Soporte añadido para Vimeo y StumbleUpon
  • Agregado Fade In, Scale, Bounce, Combo animaciones.

1.4

  • Soporte añadido para Flickr y Delicious

1.3.1

  • Cambios rápidos para hacer el Readme.txt estandarizado.

1.3

  • Añadido soporte solicitado para FriendFeed

1.2.8

  • Se solucionó un problema con el widget que no aparecía en los sitios web de las personas. Hubo un error en el código de cuando intenté usar el método de formulario de donación de Paypal. No se eliminó este código y se cerró el complemento.

1.2.7

  • Filtro eliminado: alfa (opacidad = x); Tanto en el estilo CSS como en el en línea (cree una transparencia inicial y pase el ratón a 100% de opacidad). Esto impide que Internet Explorer use la opacidad, pero tampoco hace que los iconos se vean terribles. Si tienes un problema con esto, tómalo con Microsoft. No me pagan lo suficiente para hackear un navegador de mierda que puede admitir transparencias png con poco o ningún esfuerzo por parte de los desarrolladores. Todos los otros navegadores no se ven afectados.

1.2.6

  • Se agregó la capacidad de agregar rel = “nofollow” a los enlaces de iconos
  • Se agregó un botón Donar debido al compromiso de tiempo masivo de este complemento.

1.2.5

  • Readme.txt actualizado para mejorar la visibilidad y agregar capturas de pantalla

1.2.4

  • Intentando algo más para solucionar los problemas con 1.2.2 y 1.2.3.

1.2.3

  • Como se esperaba, los cambios en 1.2.2 rompieron las cosas de algunas personas. Hizo un par de cambios en CSS para ver si esto lo arregla.

1.2.2

  • Algunos de ustedes se quejaron de que rompió su tema porque no estaba usando los argumentos predeterminados para envolver el widget. Decidí probarlo. Estoy seguro de que esto se romperá más de lo que se va a arreglar, pero ahora lo estoy haciendo “correctamente”. Nota: vas a tener que hacer muchos más trucos de CSS para que se vea bien en algunos temas.

1.2.1

  • Se corrigió un problema con el ícono de Orkut que permanecía encendido incluso si el campo estaba en blanco. Se solucionó un problema con los iconos predeterminados de 32 píxeles que aparecían como 64 píxeles.

1.2

  • Se solucionó el problema con el restablecimiento de la URL RSS después de guardar en el panel de control del widget (no afectaba la funcionalidad, pero causaba confusión)
  • Añadido soporte para orkut
  • Paquete de iconos de recorte añadido
  • Se cambiaron las etiquetas de título y imagen predeterminadas por el título del widget (es decir, si el título del widget es Sígueme, las etiquetas alt / título de Facebook son “Sígueme en Facebook”. Si está Síguenos, alt / título es “Síguenos en Facebook”)
  • Se limpió el código de ubicación de la imagen de WP_CONTENT_URL a la función WP_PLUGIN_URL para intentar corregir algunos problemas de ubicación de archivos con los servidores de Windows.

1.1.2

  • Se solucionó un problema con los íconos de LinkedIn que no aparecían.

1.1.1

  • Se solucionó un problema con algunos usuarios plugin.php rompiendo en la línea 339.

1.1

  • Soporte añadido para LinkedIn

1.0

  • Se agregó soporte para diferentes tamaños, se agregaron 2 nuevos paquetes de íconos, se agregó soporte para diferentes opacidades.


Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja una respuesta