Añadiendo widgets en el blog

Información Adicional

No existe información adicional para este video tutorial.

Transcripción

Ahora nos encontramos en los widgets, recuerda que puedes ingresar aquí desde apariencia y luego en widgets.

Como veíamos en los videos del módulo anterior, teníamos un problema con el widget de nuestro menú inferior, ya que la plantilla que estábamos utilizando en ese momento, no tenía una zona de widget en la que añadirlo.

Y debido a eso terminamos añadiéndolo momentáneamente en la barra lateral.

Pero como puedes ver, la plantilla Bulan, nos entrega 3 zonas para widgets en el píe de página, tenemos una zona al lado izquierdo, una en el centro y otra a la derecha.

Así que lo que haremos es arrastrar el widget del menú hacia la zona en la que lo deseamos mostrar, que en este caso será la zona del footer a la derecha.

Muy bien, ahora vamos a ver el sitio web, y si bajamos un poco, podrás ver que tenemos aquí el menú del píe de página.

Esto es justo como lo necesitábamos mostrar.

Ahora subamos un poco para ver los otros widgets que tenemos activos.

En este momento, tenemos el campo de búsqueda, el cual no deberíamos desactivar, también tenemos los artículos recientes y las categorías, ninguno de estos deberíamos desactivarlos.

Pero Bulan viene con un widget especial para mostrar los artículos recientes, en el que podemos mostrar las imágenes destacadas de cada artículo, y mostrar las imágenes hace que sean mas atractivos para el visitante, por lo que ese widget tendrá mayor éxito que el que actualmente estamos utilizando.

Así que regresemos a los widgets.

El nuevo widget lo tenemos aquí, se llama recent post thumblains, lo arrastraremos y lo coloamos abajo del widget de las entradas recientes.

Vamos a modificar su título, y podemos desde aquí indicar cuantos artículos deseamos mostrar y podemos dejar marcada esta opción para mostrar la fecha de publicación de cada artículo.

Muy bien, ahora regresemos al nuestro blog y lo vamos a refrescar.

Ahora puedes ver la diferencia entre el nuevo widget y el anterior, claramente el nuevo widget se ve mejor y muestra más información sobre los artículos.

Así que regresaremos a nuestro panel de administración y eliminaremos el widget de las entradas recientes anterior para dejar únicamente el nuevo widget que Bulan ha instalado.

Bulan trae dos widgets nuevos, ya vimos el de las entradas recientes, pero también cuenta con un widget para mostrar un link hacia nuestras redes sociales.

El nuevo widget lo tenemos aquí, se llama social icons.

Este widget lo vamos a colocar arriba de la caja de búsqueda.

Le cambiaremos el título y le colocaremos, nuestras redes.

Ahora puedes añadir el link a tus diferentes redes sociales, en este caso voy a colocar la página de fans de lievanosan.com, la cuenta de twitter y la de Google +.

Y damos clic en guardar.

Ahora regresamos al sitio web y refrescamos.

Tenemos aquí el nuevo widget con los íconos de las diferentes redes sociales.

Si damos un vistazo al sitio web, puedes ver que ahora se ve mucho mejor, después de todas las modificaciones que hemos realizado desde el personalizador y los widgets.

Y en mi caso no he cambiado la mayor parte de opciones que podíamos configurar en el personalizador, de modo que tú puedes personalizar aún más esta plantilla.

Pero lo importante que ahora sabes cómo trabajar con el personalizador, así que ahora puedes modificar prácticamente cualquier diseño.

Al entrar en un artículo, podrás ver que la vista de los artículos también ha cambiado, la imagen destacada la tenemos en esta zona, como cabecera, el título tiene el color gris que le hemos indicado desde el personalizador.

Y en los artículos relacionados podemos ver el cambio que realizamos en el texto.

Pero los Bulan, esconde otra sorpresa en la vista de los artículos, para descubrirla, entremos en el editor.

Si bajamos un poco en el editor, podremos ver un nuevo conjunto de opciones llamado layout.

Tenemos 3 formas diferentes para la vista de los artículos.

La vista por defecto, es como lo tenemos ahorita, con dos columnas, una para el contenido y otra para el sidebar, y el sidebar a la derecha.

Pero también podemos eliminar el sidebar y mostrar únicamente el contenido, cambiemos la selección hacia 1 column wide.

Y ahora actualizamos este artículo.

Muy bien, una vez se guardan los cambios, regresemos a la otra pestaña y refrescamos el artículo.

Como puedes ver, ahora ya no se muestra el sidebar, únicamente se muestra el contenido de nuestro artículo.

Esta característica nos ayudará mucho a concentrar la atención del visitante en nuestro artículo y eliminar cualquier distracción.

Regresemos al editor, también es posible cambiar el sidebar de lado, normalmente se muestra a la derecha, pero si lo dejamos en la tercer opción, puedes que se mostrará primero el sidebar y luego el contenido.

Actualicemos el artículo nuevamente.

Bien, ahora regresemos al sitio web y lo refrescamos.

Y ya tenemos nuestro sidebar al lado izquierdo del contenido.

Si entramos en cualquier otro artículo podrás ver que el cambio se aplica únicamente al artículo en el que estamos trabajando, todos los demás artículos no son afectados.

De modo que si tienes un artículo muy importante, puedes modificar el layout para eliminar el sidebar y que el contenido sea el foco principal de ese artículo.

Y con este video podemos dar por terminada la modificación de nuestro plantilla y la exploración que hemos realizado en todas las nuevas características que le ha añadido a nuestro sitio web WordPress.

Pero, antes de terminar con el módulo de diseño, necesitamos antes modificar algo importante en esta plantilla.

Y es que si observamos los textos del sitio web, muchos se encuentran en inglés.

Necesitamos traducir estos textos que son propios de la plantilla.

Así que en el siguiente video, te mostrare como puedes traducir prácticamente cualquier plantilla he incluso plugins.

Recuerda compartir este video en tus redes sociales.

Mi nombre es José Lievano y nos veremos en el siguiente video.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image