Tutorial: Cómo configurar el theme Travelify en Wordpress

  • Autor Autor ramonjosegn
  • Fecha de inicio Fecha de inicio
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
En estos días varios usuarios me han consultado sobre la configuración del theme TRAVELIFY

Travelify - Responsive WordPress Travel Theme Demo
http://colorlib.com/travelify/

Con el tiempo este theme ha sufrido muchas modificaciones así que la configuración de las primeras versiones ha cambiado bastante.

A continuación explico los pasos para la configuración inicial, descargarlo, activarlo, configurar la portada, configurar el slider, etc.

Es decir para que quede funcionando lo más básico (ya lo demás es casi como en cualquier otro theme de Wordpress).

PASO 1. -

Búsqueda del theme

Ingresa a tu administrador de Wordpress.

Accede a la sección APARIENCIA > TEMAS

Haz clic en el botón AÑADIR NUEVO

Busca el theme TRAVELIFY desde el buscador

travel001.webp

travel002.webp

travel003.webp

PASO 2. -

Instalar el theme

Busca la vista previa del theme y haz clic en el botón INSTALAR, espera a que terminen los mensajes del adminsitrador y pulsa el link ACTIVAR

travel004.webp

travel005.webp

travel006.webp

PASO 3. -

Ahora debería aparecer el theme activo desde la sección de APARIENCIA > THEMES

travel007.webp

PASO 4. -

Accedemos a la sección

PÁGINAS > AÑADIR PÁGINA

Ponemos un título para la página.

Esta página será nuestra página de portada.

Hacemos clic en el botón PUBLICAR

travel008.webp

PASO 5. -

Accedemos al menú AJUSTES > LECTURA

Cambiamos la selección de Mostrar últimas ENTRADAS por PÁGINA FRONTAL MUESTRA - UNA PÁGINA ESTÁTICA (seleccionamos la página de portada que hemos creado previamente).

Hacemos clic en el botón GUARDAR CAMBIOS

travel009.webp

travel010.webp

PASO 6. -

Añadimos una página nueva, la cual se mostrará como el slider en la portada del theme.

En la nueva página añadimos

TÍTULO - CONTENIDO (TEXTO E IMÁGENES) -
TAMBIÉN AÑADIMOS UNA IMAGEN DESTACADA
EL TAMAÑO RECOMENDABLE PARA ESTA IMAGEN DESTACADA ES DE 1018x460 pixeles (a 72dpi)

travel011.webp

travel012.webp

travel013.webp

travel014.webp

travel015.webp

PASO 7. -

Creamos tantas páginas como sliders queramos tener (en mi caso pondré sólo 2), repitiendo el proceso del paso 6.

travel016.webp

PASO 8. -

Accedemos al menú PÁGINAS > TODAS LAS PÁGINAS

A mano derecha aparecerán unos códigos. Estos códigos se llaman ID (identifican con un número los posts/páginas)

Toma nota de los IDs de las páginas que has creado para el slider.

En mi caso serán

1885
1888

travel018.webp

PASO 9. -

Accedemos al menú OPCIONES DEL TEMA y posteriormente escogemos la pestaña
PROYECTOR RESALTADO

travel020.webp

Desplegamos la primera opción, debería mostrar algo así

travel021.webp

(Posteriormente puedes regresar para configurarlo desde OPCIONES DEL PROYECTOR o configurarlo ya mismo)

PASO 10. -

Ingresamos el número de sliders que vamos a usar, en mi caso 2.

¿Recuerda los números que apuntamos en el paso 8? Ingresamos cada uno de ellos en cada caja para el slider, mira el ejemplo para entender el proceso (los sliders se mostrarán en el orden que ingreses los números ID)

travel022.webp

Hacemos clic en SALVAR TODOS LOS CAMBIOS

PASO 11. -

Lanzamos el sitio web para comprobar que se ve correctamente

travel023.webp

PASO 12. -

Ingresamos a administrar página de la portada para configurar el ancho a nuestro gusto, en la parte inferior puedes seleccionar el tipo de configuración que deseas

travel024.webp

PASO 13. -

Accedemos al menú MENÚS y configuramos un nuevo menú a nuestro gusto

travel026.webp

travel027.webp

travel028.webp

travel029.webp

PASO 14. -

Tu theme ya está listo con su configuración inicial.

Ahora puedes editar la portada y añadir textos, imágenes y lo que consideres oportuno...

travel030.webp

Cualquier duda me avisáis.

Se agradece un "me gusta"

Si me mencionáis mejor que mejor para poder responder más rápido ( sólo escribís -no al inicio de la consulta- mi nick con una arroba
PHP:
@ramonjosegn
)
 
Última edición:
Buen tutorial, lástima que no uso wordpress :topsy_turvy:
 
Buen tutorial, lástima que no uso wordpress :topsy_turvy:

Bueno ahí te haces una idea de cómo funciona... no todos los themes se configuran igual siempre hay que leer la documentación y estos días me habían estado preguntando por la configuración de este theme, la verdad es que sus primeras versiones eran mucho más básicas...
 
Está bien bonito ese template, buen tuto me gustó

PD: que navegador usas ?
 
Está bien bonito ese template, buen tuto me gustó

PD: que navegador usas ?

Este theme tiene un SEO excelente, no sé porqué pero me ha ido muy bien con el.

- Estoy usando 360 Extreme Explorer, un navegador chino -
欢迎使用360æžé€Ÿæµè§ˆå™¨
(más que nada por mi proyecto de buses, este navegador me ayuda a acelerar la navegación y las descargas, el instalador está en chino y algunas partes aún no las han traducido pero buena parte, una vez instalado está en inglés)
 
Excelente amigo :encouragement:
 
Gracias por pasarte a revisarlo y me alegro que te haya gustado [MENTION=28128]dianamaritzag[/MENTION]
 
Atrás
Arriba