1.0 - Templates

Print
Category: Manual de usuario
Published Date

DESCARGAR este documento


 

TEMPLATES

        En esta sección veremos que es un Template y se harán ejercicios que nos permitan conocer más acerca de este tema.

 



 

  • Definición
  • Visualizando Templates
  • Escogiendo un Template
  • Diferencia entre DEFAULT & ASSIGNED
  • Instalando Templates





 Definición 

Son plantillas hechas previamente por los diseñadores gráficos, las cuales nos darán por sentado nuestro sitio público Web dependiendo de las plantillas de diseño de nuestra preferencia.

 


 Visualizando Templates

Vamos a nuestro "sitio de administración"  y accesamos a:

 

Site | Template Manager | Site Templates


Image

 

 

Image
Podrá observar que accesamos al Template Manager[site]. Pasando el mouse en cada uno de los nombres de los templates podra visualizar las plantillas que se le ofrecen
 
 

 Escogiendo un template

Ahi mismo dentro de nuestro "sitio de administración"  haremos lo siguente:

  • Marcar el template de tu preferencia

  Image

 

  • Y marcar como DEFAULT

Image

 

  • Regresamos a nuestro sitio publico y le damos un REFRESH ó F5 

Image

 

 

Nos percatamos de que nos muestra el mismo contenido pero con diferente Template (plantilla).

 Image

 El Antes y Despues

 

Regresamos a nuestra plantilla de inicio llamada en esta caso "ol_lipe" , siguiendo el mismo proceso anterior.

 



  • Ahora asignaremos otro diseño de plantilla a una opción de menu

Pero Antes... Es importante fijarnos en nuestro ¨sitio público¨ en el main menu. La opcion de menú llamada Blog.

Si damos click nos fijaremos en el contenido que esta nos presenta en el diseño de plantilla que tiene ( en este caso el diseño de la plantilla no cambia)

 

Ahora si, continuemos...

 

  • Regresamos a nuestro ¨sitio de administracion¨  donde se encuentra Site Templates
( Site | Template Manager | Site Templates )
  • Escogemos una plantilla diferente, una que no este marcada con palomita verde.
  • Le damos ASSIGNED y escogeremos: main menu | Blog

Image
 
Image

  • SAVE
Image

 

 

Regresamos a nuestro "sitio público" y damos click en Blog

 

Se percata que el diseño de la plantilla cambió solo en el menú item llamado Blog, si nos vamos a HOME se dará cuenta que el diseño de la plantilla es igual a la original.

Image 
Se muestra el Menu Item (HOME) y el Menu Item (Blog)
 
 

Regresamos a nuestra plantilla original siguiendo los mismos pasos anteriores solamente que en este caso escogeremos dentro de ASSIGNED: none

Image 

 

 [ir arriba]


Diferencia entre DEFAULT & ASSIGNED

Es importante saber diferenciar entre Default y Assigned. Como vio en los ejercicios que realizo anteriormente.

  • El Default se usa para asignar un template al sitio público en general.
  • Y Assigned se usa para asignar una plantilla a alguna parte en especifico de nuestro sitio público.



Instalando Plantillas

Ahora instalaremos nuevas plantillas fuera de las que estan en nuestro Template Manager. Para bajar plantillas esta http://www.rockettheme.com, entre otros sitios, ya que no es el unico lugar del que podemos bajar, donde encontraras diferentes diseños de plantillas que son gratuitas.

Comencemos....

 

  •  Regresamos a nuestro sitio de administración donde se encuentra Site Templates
(Site | Template Manager | Site Templates)

 

  • NEW 
Image
 
  • Nos aparecera Install new Template, a donde iremos a examinar para escoger nuestra nueva plantilla de diseño ya bajada. Y por último click en Upload file & Install.
Image
 
  • Nos aparecerá un nuevo mensaje de éxito
Image
 
 

... Ahora si podemos utilizarlo como una plantilla de diseño más, en nuestro centro de administración de plantillas

 

 

  • Es importante recalacar que el contenido es independiente del diseño. Como se ha dado cuenta cada vez que ingresa nuevas plantillas el contenido se mantiene.
  • La ventaja es que se puede actualizar el diseño de la página para no volverse monotona y aburrida y lo más importante, el contenido siempre se mantiene.

 

 

 [ir arriba]