Christopher

1-Guía de usuario e instalación del tema

Gracias por usar nuestra plantilla Christopher! Si tienes alguna duda o consulta que se escapan de este documento no dude en escribirnos un email o comentar en nuestro foro de soporte

Para preguntas generales acerca de la instalación de WordPress, HTML , edición de JavaScript o CSS puedes consultar el Codex de WordPress, nuestros tutoriales sobre WordPress o un recurso interesante como W3Schools.

¡Muchas gracias!

2- Comienza a usarlo

Para poder instalar nuestro tema, debes tener una versión de WordPress ya instalada. Para más información sobre la instalación de WordPress, por favor, lea el siguiente artículo de WordPress Code: http://codex.wordpress.org/Installing_WordPress

3- Instalación

Una vez que WordPress está instalado, puedes subir los archivos del teme y activar el tema.

Descargue el archivo .zip, en su ordenador y extraiga los archivos que contiene esa carpeta Zip en su ordenador.

Después de extraerlos, debes encontrar el archivo «christopher.zip. Ese es el archivo del tema y el que usaremos para instalarlo en WordPress.

De esta manera, el tema se puede subir de dos maneras:
– Subida al FTP: Usando tu servidor FTP, subiendo la carpeta no comprimida dentro de /wp-content/themes/ folder en tu servidor.
– Subida a WordPress: En el panel de administración navegamos hasta Apariencia > Añadir nuevo tema > Subir tema. Busca el archivo que has descargado con anterioridad llamado «christopher.zip» pincha sobre el e «Instala ahora». De esta manera el tema será subido. Recuerda que si instalas el tema de esta manera, no debes descomprimir la carpeta «christopher.zip» sino que debes subir este archivo comprimido.

anadir-tema-wordpress-instalar

Una vez que esta subido el tema, necesitas instalarlo. Ve a Apariencia > Temas y activa el tema que has elegido, en este caso Christopher.

instalar-tema-wordpress

Si quieres ver el proceso paso por paso, seguro que este articulo te ayuda!

4- Menús

Configuración del menú de Navegación

Si estás usando una versión de WordPress 3.0 o superior tu puedes usar los menús de configuración personalizada para configurar la navegación de tu web.

En el panel de administración, en la parte del menú, podemos encontrar en la parte superior, en una cinta, un menú personalizado llamado «Menú principal». Puedes elegir el menú que quieres editar o crear un nuevo menú. Si estás usando una versión anterior de WordPress, el menú se despliega y automáticamente se crea la navegación escogida. El menú personalizado se sustituye por una lista de páginas. En este caso, necesitarás cambiar el orden de las páginas con el sistema drap&drop, es muy fácil.

Para subir y crear tus menús personalizados, navega a Apariencia >Menús. Da a tu menú un nombre y crea los distintos elementos de tu menú a través de los widgets disponibles. Tu pueden incluir una gran variedad de elementos como páginas, categorías, enlaces personalizados….

Para extender los widgets disponibles , haga clic en la pestaña Opciones de la pantalla en la parte superior de la pantalla y configurar sus opciones.
Una vez que hayas incluido todos los objetos o botones de tu menú, recuerda hacer click en «Salvar menú». Después selecciona tu menú clicando en la parte de arriba del menú de navegación en «Gestionar lugares».

escritorio-menus-wordpress

Si quieres ampliar la información, puedes leer este articulo sobre como crear y gestionar menús en WordPress.

5- Menú social

Configuración del Menú Social.

Para crear un propio menú social, se debe crear un nuevo menú como ya se ha explicado en este tutorial, en la sección anterior.
Para añadir nuevos elementos, debes rellenar el área con la url de las distintas redes sociales. Estos deben añadirse como enlaces (como se ve en la siguiente imagen), y puedes ponerle un nombre (que quedara de manera interna) para saber a qué red social corresponde.

Puedes añadir todos los iconos sociales que desees. Asegúrate de aceptar el menú social en «Gestionar lugares» y de guardar el menú antes de salir de la página de menú de administración.

menu-social-wordpress

6- Personalización

Puedes personalizar y cambiar la apariencia de tu tema, desde los colores y las fuentes al fondo de pantalla. Puedes acceder al panel de opciones a través de Apariencia > Personalizar.

– Titulo y subtitulo
Elige un título y subtítulo para tu web

-Color
El color del título y el fondo de pantalla pueden cambiarse entre otros.

– Páginas estáticas
Puedes crear una página de inicio que contenga tus últimos post, o bien que sea una página estática.

Recuerde hacer clic en el botón Guardar y Publicar para garantizar que se guardan los cambios efectuados. Una vez se pulse este botón el texto del mismo cambiará a «Salvados», lo que asegura que los cambios se han guardado.

personalizacion-tema-wordpress

7- Página de inicio&Contenido destacado (slider)

Con los widgets «Artículos recientes en categorías», puedes añadir artículos adicionales en tu página de inicio (en tres, dos o una columnas). Puedes elegir el número de artículos por categorías y elegir la categoría especifica.

Solo navega hasta Apariencia > Widgets y añade el widget «articulos recientes de la categoria…» al área de «construcción de la página de inicio». También puedes añadir el widget de «Cita».

Si tu quieres incluir contenido destacado al slider en la parte de arriba de tu página de inicio, necesitas instalar el plugin de WordPress Jeckpack. Una vez instalado el plugin Jeckpack (gratuito) puedes encontrar la opción para el slider en Apariencia –> personalizar, en la sección «feature content»

Aquí tu puedes añadir una de tus etiquetas como «etiqueta de contenido destacado». Ahora todos los artículos que tengan esta etiqueta aparecerán en el slider en la página de inicio. Las imágenes destacadas que vayan a aparecer en el slider, deben tener unas dimensiones mínimas de 1140×450 pixeles.

Para una mayor personalización de la página principal pueden añadirse más Widgets tanto en la barra lateral derecha como en el footer.

construcción-página-inicio

8- Noticias de última hora

También, puedes agregar el widget «Noticias de última hora» al área de «cabecera de noticias de última hora» y se mostrarán en la barra superior los últimos artículos de esta categoría. Esta opción puede ser cambiada en Apariencia >Widgets.

9- Fuentes y créditos

Hemos usado los siguientes pluging, gracias!
Google Fonts API
Icons by Font Awesome
html5shiv.js
respond.js
Selectivizr.js

Y las imágenes en el tema demo de:
http://jaymantri.com/
https://unsplash.com/
http://littlevisuals.co/
http://www.gratisography.com/