Modificar los textos en la "Barra Superior"
La "Barra Superior" puede contener información adicional de contacto o un mensaje de bienvenida.
En este tutorial aprenderemos como cambiar los textos.
Primero debemos ir al menú principal y dar click en la opción de "Ajustes de Sitio Web"
Aparecerá la ventana de "Website Settings" donde debemos dar click en la opción de "Estilo"
Se desplegará la ventana de "Ajustes de Sitio" y debemos dar click en el apartado de "Cabecera" para que aparezcan sus herramientas de edición.
Una vez que le dimos click aparecerá la opción de "MOSTRAR BARRA SUPERIOR" la activaremos colocando el slider en "On" y el circulo se volverá azul indicando que esta activa.
Debemos ubicar la opción de "Mensaje de Barra Superior" y copiar el código que se despliega en la casilla y pegarlo en cualquier editor de texto.
"NOTA IMPORTANTE"
Este es el código actual del mensaje de la "Barra Superior", lo incluimos aquí para que en el caso de que estemos haciendo las pruebas y borremos algo lo podamos volver a ingresar sin problemas.
<a href="/"><i class="fa fa-thumbs-up" aria-hidden="true"></i>¡Hola! Bienvenidos</a> <a href="/"><i class="fa fa-phone-square" aria-hidden="true"></i> +359 000</a> <a href="/"><i class="fa fa-envelope-square" aria-hidden="true"></i>contacto@furni.com</a>
Muy bien entonces vamos a comparar el código vs la imagen para poder interpretarlo mejor:
En la imagen están resaltadas con color las partes del código que podemos editar para cambiar los datos que se despliegan y en la parte superior tenemos una vista de nuestro mensaje de la "Barra Superior" indicando con color la parte que le corresponde del código.
Para que nuestro código siga funcionando y apareciendo tal cual lo tenemos actualmente, debemos modificar solo las partes que se muestran en color en la imagen pasada.
Los iconos podemos identificarlos ya que vienen escritos de esta manera:
"fa fa-thumbs-up"
y el texto viene escrito de esta manera:
>¡Hola! Bienvenidos<
Vamos a aprender como cambiar los textos.
Para cambiar los textos de nuestra "Barra Superior" lo único que debemos hacer es borrar los textos actuales y colocar los nuevos en el mismo lugar dentro del código del mensaje.
Entonces para cambiar los textos, debemos identificar esta parte del código:
>¡Hola! Bienvenidos<
En este caso estamos desplegando el siguiente mensaje: ¡Hola! Bienvenidos y el código se presenta de esta manera:
Código:
<a href="/"><i class="fa fa-thumbs-up" aria-hidden="true"></i>¡Hola! Bienvenidos</a> <a href="/"><i class="fa fa-phone-square" aria-hidden="true"></i> +359 000</a> <a href="/"><i class="fa fa-envelope-square" aria-hidden="true"></i>contacto@furni.com</a>
Si queremos modificarlo solo tenemos que ubicar el texto dentro de la línea de código y cambiarlo sin modificar algún otro símbolo.
Código:
<a href="/"><i class="fa fa-smile-o" aria-hidden="true"></i>Sólo las mejores ofertas</a> <a href="/"><i class="fa fa-phone-square" aria-hidden="true"></i> +359 000</a> <a href="/"><i class="fa fa-envelope-square" aria-hidden="true"></i>contacto@furni.com</a>
y entonces ya teniendo listo el código con el ajuste procederemos a copiarlo de nuestro editor de texto y pegarlo de nuevo en la casilla de "Mensaje de Barra Superior"
Recuerden que es muy importante dar click en el botón de "Guardar" para que los cambios se apliquen, una vez realizada esta acción podemos dar click en el botón de "Vista Previa" y aparecerá nuestro ajuste en la "Barra Superior"
En el caso que no necesitemos poner más datos adicionales en la "Barra Superior", y sólo queramos poner un mensaje de bienvenida, lo que debemos de hacer es borrar el código de la casilla y anotar la frase que queramos poner por ejemplo : ¡Hola! Bienvenidos a mi sitio
Damos click en el botón de "Guardar" para que los cambios se apliquen; una vez realizada esta acción podemos dar click en el botón de "Vista Previa" y aparecerá nuestro ajuste en la "Barra Superior"