Sabemos que los widgets dan funcionalidad a la página web, pero muchas veces necesitamos añadir plugins para disfrutar de esas funciones especiales que WordPress no trae por defecto. Los widgets de la plantilla Extra nos ofrecen un abanico de utilidades sin necesidad de ensuciar el código con plugins adicionales. ¿Quieres saber cuáles son?
Nuevos widgets de la plantilla EXTRA
Nueve widgets son los que incorpora y añade el tema EXTRA a los ya existentes de WordPress, aunque algunos puedan parecer repetidos a los ya existentes, estos nuevos widgets contienen nuevas opciones que no incorporan los originales del gestor de contenidos.
Podemos identificar los nuevos widgets por la palabra Extra que precede al nombre del widget.
Extra - Ads | Extra - Anuncios
Este widget nos ayuda a mostrar anuncios, enlaces a sitios a los que nos interesaría redirigir a los usuarios o crear una zona para patrocinadores. Las opciones que podemos manejar son dos: añadir una imagen de un tamaño 250x250 px. como máximo que puede estar o no en nuestro servidor y a la que podemos añadir un enlace, o podemos embeber código HTML personalizado, muy útil si queremos utilizar este widget de la plantilla Extra para mostrar anuncios de Adsense.
Si las imágenes que utilizamos son pequeñas, podremos mostrarlas como una cuadrícula en vez de una columna única.
Extra Authors | Extra Autores
Si nuestra web o blog es compartida o participan varios autores a la hora de publicar contenido, este widget nos mostrará cada autor con su imagen o avatar y el número de entradas publicadas hasta el momento.
Extra - Login | Extra Inicio de sesión
Si somos usuarios habituales del sitio, y tenemos que logarnos para poder publicar o participar de la comunidad del blog, este widget permite añadir los campos necesarios para iniciar la sesión desde la barra lateral o lugar donde pongamos el widget.
Extra Recent Comments | Extra - Comentarios Recientes
Tal vez este sea el que menos cambia de todos los widgets de la plantilla Extraen relación con los básicos de WordPress. La diferencia radica en que podemos mostrar la fecha en la que se realizó el comentario.
Extra Recent Post | Extra - Entradas Recientes
WordPress dispone por defecto de un widget parecido ya en su instalación. Pero algunos de los widgets de la plantilla Extra están optimizados y con mejores opciones. En este caso, además de poder mostrar la fecha, nos permite añadir una miniatura de la imagen principal de la entrada y la categoría a la que pertenece.
Extra Recent Reviews | Extra - Calificaciones Recientes
Con el widget de las calificaciones recientes, podemos mostrar las entradas que más se han visualizado y calificado. Así podemos ofrecer una solución a los usuarios de los temas que más pueden interesar.
Extra Recent Tweets | Extra - Tweets Recientes
¿A quién no le interesa saber cómo van las redes sociales y lo que dicen de nosotros en Twitter? Este widget permite conectar con la red social Twitter y mostrar los comentarios o publicaciones en tiempo real que se realizan en nuestra cuenta.
Para poder conectar con Twitter, necesitamos adquirir los códigos API para conectar nuestra aplicación. Puedes ver cómo se hace pinchando en este enlace.
Extra Recent Videos | Extra - Vídeos Recientes
Si publicamos vídeos o artículos en los que se insertan esos vídeos, y los calificamos con el formato de vídeo en las propiedades de la nueva entrada, este widget los mostrará en modo de carrusel.
Podemos reproducir el vídeo directamente o dirigirnos a la publicación pinchando en el título inferior.
Extra Social Follow | Extra - Seguidores de Redes Sociales
No podía faltar, entre todos los widgets de la plantilla Extra, uno que nos facilitara el acceso o seguimiento de las redes sociales. Podemos configurar redes sociales como Facebook, Google+, Youtube, Vimeo, Tunblr, Twitter, Pinteres o Instagram. Algunos nos permiten incluir una clave API para mostrar la información de la cantidad de seguidores.
Puedes pinchar a aquí para ver todas las entradas relacionadas con esta plantilla.
Suscríbete para no perderte ningún artículo nuevo, te aviso por email
¿Qué te parecen estos widgets de la plantilla Extra? Podrías usarlos en tu web sin plugins adicionales.
Personalizar el menú de WordPress usando Extra de ejemplo- Quitar la palabra CATEGORÍA de la página de archivos
- Cómo diseñar una landing page creada con Divi y Extra
- Utilizar diferentes fondos en Extra según el dispositivo
- Deslizador o Slider en Extra a pantalla completa
- Plantillas de páginas pre-configuradas en Extra de Elengat Themes
Hola Juan,
Me gustaría saber si en el widget de Extra Social Follow pueden abrirse las redes sociales en otra página mediante algun tipo de código, al igual que los iconos sociales del header y el footer (que explicas en el punto 19)
Hola Susana, si que se podría hacer, pero el archivo que hay que modificar es uno de los que puede actualizar Elegant Themes con nuevas funciones, y si lo duplicamos para no perder los cambios en el tema hijo, no podremos optar nunca a las nuevas opciones que pueda añadir la plantilla. Si aun así, quieres hacer el cambio, sólo hay que añadir target="_blank" en el archivo wp-content/themes/Extra/includes/widgets.php en la función que crea el enlace de la red social. Ten cuidado al modificar los archivos HAZ SIEMPRE UNA COPIA DE SEGURIDAD antes de cambiar nada.
Hola buenas tardes , se pueden mostrar los seguidores de Facebook e Instagram ?
Si, necesitas las claves API de cada red social para poder configurar el widget, además de facebook, twitter o Instagram, tambíen puedes conectar el widget con Vimeo, Youtube o Pinterest entre otros.
Hola Juan! Muy inteersante tu post ;(
Quería hacerte una pregunta. ¿Es posible modificar la apriencia de los widgets en Extra? Por ejemplo cambiar el color de los elementos del sidebar?
Gracias!Ana
Hola Ana, gracias por tu comentario
Claro que se puede, pero para eso tienes que modificar un poco las hojas de estilo. Si no sabes nada de CSS no te preocupes, en la última versión de WorPress podemos añadir cambios de CSS desde el personalizador. Ve a la pestaña de personalizar el tema (Apariencia>Personalizar), y en la última pestaña del menú selecciona "CSS adicional". Escribe las siguientes líneas:
.et_pb_widget {
background: #dddddd;
}
.et_pb_widget .widgettitle {
background: #000000;
}
La primera función cambia el color del fondo del widget y la segunda el color de la cabecera de cada uno. Puedes cambiar los colores modificando el código hexadecimal del color (#000000). En esta página puedes elegir el que te guste más. pincha aquí
Pueden cambiarse más variables dentro de la hoja de estilos, prometo hacer un vídeo y añadirlo a este tutorial.