Documentación de Extra - Los widgets personalizados de Extra

Contenidos

Resumen

Los widgets de WordPress añaden contenido y características dentro de las áreas listas para widgets del sitio, tales como las barras laterales y barras del pie de página. Además de los widgets predeterminados de WordPress, Extra incluye widgets personalizados para mostrar entradas, publicidad, feeds de redes sociales y más.

Usar los widgets

Puede añadir los widgets a las barras laterales con la modalidad “arrastrar y soltar” desde Apariencia > Widgets.

A continuación echaremos un vistazo a los nueve widgets personalizados de Extra en detalle.

Autores

Con el widget de Autores, podrá mostrar una lista de los autores del sitio, cada uno con foto de perfil y número de entradas que le pertenecen.

Título – Escriba aquí el título que se mostrará en el recuadro del widget.

Inicio de sesión

El widget de Inicio de sesión le permitirá mostrar un formulario de inicio de sesión para aquellos usuarios que no están conectados.

Título – Escriba aquí el título que se mostrará en el recuadro del widget.

Anuncios

Tal como su nombre lo sugiere, el widget de Anuncios le permitirá mostrar publicidad. Puede configurar múltiples imágenes en una instancia individual del widget.

Haga clic en el botón Añadir anuncio tantas veces como anuncios desee agregar dentro del mismo widget. Puede usar imágenes básicas con enlace o HTML personalizado.

URL de la imagen – Escriba aquí la URL completa de la imagen (ejemplo: //su-sitio-wordpress.com/wp-uploads/2017/10/imagen.png).
Texto alternativo de la imagen – Escriba aquí un texto para mostrar como atributo alt de la imagen.
URL del enlace – Escriba aquí la URL de la página donde debe enlazar la imagen (puede ser un sitio web externo, una URL de afiliado, etc.)
Anuncio HTML – En este recuadro puede pegar el código HTML/JS personalizado para mostrar publicidad (por ejemplo, el código generado por Google Adsense).
Comenzar en una nueva línea – Marque esta casilla para separar las imágenes, una a continuación de la otra. Deje sin marcar si por ejemplo desea mostrar en una misma línea dos imágenes pequeñas con enlaces distintos.

Calificaciones recientes

Con el widget de Calificaciones recientes podrá mostrar una lista de las últimas entradas con reseñas de producto.

Título – Escriba aquí el título que se mostrará en el recuadro del widget.
Número de entradas para mostrar – Escriba aquí un número que determinará la cantidad de entradas de reseñas que se mostrarán dentro del widget.

Vídeos recientes

El widget de Vídeos recientes le permitirá mostrar una lista de las últimas publicaciones que usen el formato de entrada Vídeo.

Título – Escriba aquí el título que se mostrará en el recuadro del widget.
Número de entradas para mostrar – Escriba aquí un número que determinará la cantidad de entradas de formato Vídeo que se mostrarán dentro del widget.

Tweets recientes

El widget de Tweets recientes le permitirá mostrar el feed de una cuenta de Twitter que deberá configurar con las credenciales necesarias.

Título – Escriba aquí el título que se mostrará en el recuadro del widget.
Mostrar # de Tweets – Escriba aquí el número de tweets para que aparezcan en la lista del widget.
Clave de cliente – Pegue aquí la clave del cliente de Twitter. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.
Secreto de cliente – Pegue aquí el secreto del cliente de Twitter. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.
Ficha de acceso – Pegue aquí la ficha de acceso de Twitter. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.
Secreto de ficha de acceso – Pegue aquí el secreto de ficha de acceso de Twitter. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.

Seguidores de redes sociales

El widget de Seguidores de redes sociales le permitirá mostrar los iconos y enlaces a sus perfiles en las principales redes sociales, junto con el número de seguidores.

Facebook / URL de la página – Escriba aquí la dirección completa de su página de Facebook.
Facebook / Nombre de la página – Escriba aquí el nombre de su página de Facebook, no la URL completa. Si la URL de Facebook es https://www.facebook.com/elegantthemes, el nombre de la página es elegantthemes.
Facebook / ID de aplicación – Pegue aquí la ID de la aplicación de Facebook. Para crear una aplicación, visite la página de Desarrolladores de Facebook.
Facebook / Clave secreta de la aplicación – Pegue aquí la clave secreta de la aplicación de Facebook. Para crear una aplicación, visite la página de Desarrolladores de Facebook. La URL de devolución de llamada para usar debe tener el siguiente formato: https://su-sitio-wordpress.com/wp-admin/widgets.php. Nota: Si ya ha creado una aplicación para Monarch, puede usar las mismas ID y Clave secreta.
Google+ / URL – Escriba aquí la dirección completa de su página de Google+.
Google+ / ID de usuario de Google+ – Escriba aquí la ID de su página de Google+. Encontrará la ID de usuario al final de su URL de Google+. Por ejemplo, si la URL es https://plus.google.com/+elegentthemes, la ID de usuario es +elegenthemes
Google+ / Clave API – Pegue aquí la clave API de Google+. Para obtenerla, visite la Consola de Desarrolladores de Google. La URL de devolución de llamada para usar debe tener el siguiente formato: https://su-sitio-wordpress.com/wp-admin/widgets.php. Nota: Si ya ha creado una clave API para Monarch, puede usar la misma.
YouTube / URL – Escriba aquí la dirección completa de su perfil de YouTube.
YouTube / Nombre de usuario de YouTube – Escriba aquí la el nombre de su perfil de YouTube.
YouTube / Clave API – Pegue aquí la clave API de YouTube. Para obtenerla, visite la Consola de Desarrolladores de Google. La URL de devolución de llamada para usar debe tener el siguiente formato: https://su-sitio-wordpress.com/wp-admin/widgets.php. Nota: Si ya ha creado una clave API para Monarch, puede usar la misma.
Vimeo / URL – Escriba aquí la dirección completa de su canal de Vimeo.
Vimeo / Nombre del canal – Escriba aquí el nombre de su canal de Vimeo.
Tumblr / URL – Escriba aquí la dirección completa de su perfil de Tumblr.
Tumblr / Clave del cliente – Pegue aquí la clave del cliente de Tumblr. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.
Tumblr / Secreto del cliente – Pegue aquí el secreto del cliente de Tumblr. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.
Tumblr / Ficha de acceso – Pegue aquí la ficha de acceso de Tumblr. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.
Tumblr / Secreto de ficha de acceso – Pegue aquí el secreto de ficha de acceso de Tumblr. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí. La URL de devolución de llamada para usar debe tener el siguiente formato: https://su-sitio-wordpress.com/wp-admin/widgets.php. Nota: Si ya ha creado las credenciales de Tumblr para Monarch, puede usar las mismas.
Twitter / URL – Escriba aquí la dirección completa de su perfil de Twitter.
Twitter / Clave del cliente – Pegue aquí la clave del cliente de Twitter. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.
Twitter / Secreto del cliente – Pegue aquí el secreto del cliente de Twitter. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.
Twitter / Ficha de acceso – Pegue aquí la ficha de acceso de Twitter. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí.
Twitter / Secreto de ficha de acceso – Pegue aquí el secreto de ficha de acceso de Twitter. Encontrará toda la información sobre cómo obtener las credenciales necesarias aquí. La URL de devolución de llamada para usar debe tener el siguiente formato: https://su-sitio-wordpress.com/wp-admin/widgets.php. Nota: Si ya ha creado las credenciales de Twitter para Monarch, puede usar las mismas.
Pinterest / URL – Escriba aquí la dirección completa de su perfil de Pinterest.
Pinterest / Nombre de usuario – Escriba aquí el nombre de usuario de su cuenta de Pinterest.
Instagram / URL – Escriba aquí la dirección completa de su página de Instagram.
Instagram / Nombre de usuario – Escriba aquí el nombre de usuario de su cuenta de Instagram.
Instagram / ID de aplicación – Pegue aquí la ID de la aplicación de Instagram. Para crear una aplicación, visite la página de Desarrolladores de Instagram.
Instagram / Clave secreta de aplicación – Pegue aquí la clave secreta de aplicación de Instagram. Para crear una aplicación, visite la página de Desarrolladores de Instagram. La URL de devolución de llamada para usar debe tener el siguiente formato: https://su-sitio-wordpress.com/wp-admin/widgets.php. Nota: Si ya ha creado una aplicación para Monarch, puede usar las mismas ID y Clave secreta.

Oscar

22 de mayo de 2018 a las 1:59 pm

Cuando pego el código html de una forma de Mailchimp en EXTRA, ya sea el código en el widget directamente, o a través del propio widget de Bloom, no me aparece el botón de «suscribe».
Divi me lo permite sin problema per EXTRA no me está dejando.
¿Qué puede fallar?

Responder

Aye
25 de mayo de 2018 a las 10:36 am
Hola, Oscar.
Probá con el siguiente código en el recuadro CSS personalizado:
```
#mc_embed_signup .clear {
    visibility: visible;
    height: auto;
    width: auto;
}
```
Saludos.
Responder
1. Oscar
  25 de mayo de 2018 a las 11:10 am
  Mil gracias! Lo probaré.
  Responder

Lindsay Hernández

15 de agosto de 2022 a las 8:33 pm

Hola. En el widget de seguidores sociales, aparece «Gorjeo» en lugar de «Twitter», ¿cómo se pude modificar? Gracias

Extra - Documentación en español

Los widgets personalizados de Extra

Resumen