Ver el código de «Tema Evolve-D»

{{Temas}}
{{Infobox plugin
|type = Theme 
|entry = https://moodle.org/plugins/view/theme_evolved
|tracker = https://github.com/kennibc/moodle-theme_evolved/issues
|discussion = https://moodle.org/mod/forum/discuss.php?d=265019
|maintainer = [[User:Chris Kenniburg|Chris Kenniburg]]
|float = right
}}
Este es un tema [[:Categoría:Complementos|complemento]] para Moodle escrito por Chris Kenniburg y compartido en Moodle.org

==Características==
[[Archivo:ES_Evolved theme login page.jpg|600px]]

Nuestro objetivo con el tema evolve-D es lograr un balance entre belleza y funcionalidad. Nosotros queremos una forma realmente simple para que los estudiantes ingresen al sitio y accedan a su material de aprendizaje. Una vez que Usted haya instalado el tema evolve-D, Usted querrá asegurarse de configurarlo correctamente. Existen 6 páginas de opciones, pero lo más importante está en la página de opciones de la [[Portada]].  

==Características principales del tema:==

* [[Portada]] personalizada para los usuarios que ya han ingresado al sitio y para los que se han salido del sitio
* Página inicial personalizada simplificada para los usuarios que ya han ingresado al sitio con un bloque de navegación por íconos, caja para buscar cursos, un lindo carrusel y una gran caja-de-texto para instrucciones de la página inicial presentada a los usuarios que ya ingresaron al sitio
* '''¡NUEVO!'''  Habilidad de añadir 8 íconos y enlaces en el bloque de navegación por íconos de la página inicial personalizada
* '''¡NUEVO!'''  Carrusel que muestra 4 imágenes con un selector si/no para la página inicial personalizada.
* Navegación desplegable hacia Mis Cursos
* Tema de 2 columnas a colores, con barras laterales localizadas a la derecha
* Selectores de colores dinámicos
* 3 bloques publicitarios que hicieron famoso al tema Essential 
* Íconos estilizados que hicieron famoso al tema Oso hormiguero (''Aardvark'')
* Integrado  con el plugin del [https://moodle.org/plugins/view/format_socialwall Formato-de-curso de pared social (Socialwall Course Format)], con estilizado extra para una experiencia del usuario mejorada
* Al subir un logo ya no se remplaza el título de la página. El logo que Usted suba se colocará a la izquierda del caminito de migas-de-pan en la parte superior de la página.  
* El título de la página ahora aparece directamente arriba del contenido de la página.

==Configuraciones del tema==
Ingrese con su cuenta de administrador de Moodle y navegue a  '' Administración del sitio  > Apariencia > Temas > evolve-D   '' y observe las 6 páginas existentes para configuraciones:

[[Archivo:ES_Evolve-D 6 settings pages.png]]

==Configuraciones generales==
[[Archivo:ES_Evolved theme general settings page.png|600px]]

'''Selector de tipo de letra (font)''' - Elija entre una variedad de tipos de letra de Google.  El texto y los encabezados en el tema serán cambiados a su gusto.

'''Invertir Barra de Navegación''' - Esta opción hará negra la barra superior.

'''Logo''' - Suba su logo.  Deberá medir 150 pixeles por 75 pixeles para los mejores resultados. Este logo aparecerá en el lado derecho de la pantalla, en la misma área que la pista-de-migajas. A diferencia del tema Más (More), esto no remplazará el título de la página/del curso.

'''CSS personalizado''' - Si Usted necesitara añadir su propio gusto, aquí puede hacerlo.  

'''Alertas Generales y por Nieve''' - Estas alertas aparecen en las páginas de ingreso al sitio y en la Portada en la parte superior de la página. Son útiles para mensajes especiales.

'''Nota al pie''' - Esta es simplemente una caja de texto que aparecerá en el fondo de la página.  

==Colores del tema==
[[Archivo:ES_Evolved_theme_background_settings.png|600px]]

'''Configuraciones para Texto, Enlace, Contenido Principal y Secundario, y color del fondo''' - Personalice una variedad de colores para el tema. Use el selector de colores para elegir exactamente el color apropiado para su sitio.

'''Imagen del fondo''' - Suba una imagen para usarla como fondo. Usted puede ponerse creativo con imágenes .PNG con transparencia y usando las opciones para repetir o centrar. Por ejemplo,  la configuración por defecto usa una imagen .PNG de libros sobre un estante, está posicionada al fondo a la izquierda y se repite horizontalmente. Si Usted lo quiere, puede subir una imagen y acrtivar las casillas para hacer el fondo fijo y a pantalla completa. A veces es agradable cuando Usted quiere que el fondo sea el mismo en los cursos que el fondo de la página que se usa para ingresar al sitio. La página para ingresar al sitio se discute en el área de las configuraciones de Portada. 

==Menú personalizado==
[[Archivo:ES_Evolved theme custom menu.png|600px]]

El menú personalizado muestra una lista de cursos en los que Usted está inscrito. Esto aparece en la parte más superior de la página y le permite al usuario que se pueda mover rápidamente de un curso a otro.  

'''Mostrar cursos inscritos''' - Active o desactive esta opción. 

'''Terminología''' - Elija entre Mis Cursos, Mis Unidades, Mis Clases y Mis Módulos. Esto se mostrará como un menú desplegable en la parte superior de las páginas.

==Bloques publicitarios==
[[Archivo:ES_Evolved theme marketing spots.png|800px]]

Los espacios publicitarios de permiten mostrar tres cajas en la parte más inferior de la página. Esto es fantástico para llamar la atencion sobre ciertos ítems.

'''Color del fondo de caja publicitaria''' - Elija un color para el fondo de las cajas de publicidad.

'''Alternar el mostrar Bloques Publicitarios''' - Elija cuando mostrar los bloques publicitarios: Mostrar siempre, mostrar antes de ingresar al sitio, mostrar después de ingresar al sitio, nunca mostrar.

Cada uno de los tres Bloque Publicitarios tiene la configuración siguiente:

* '''Título''' - El título principal del bloque publicitario.  
* '''Ícono''' - Seleccione cualquier ícono del ''Font Awesome''.  Usted solamente necesita escribir el nombre del ícono, por ejemplo '''star'''    
** Usted puede encontrar todos los íconos disponibles en:  http://fortawesome.github.io/Font-Awesome/cheatsheet/
* '''Contenido''' - El mensaje que Usted quiere que la gente lea. Usted puede añadir enlaces a las palabras y usar formato de texto HTML.
* '''Texto del Enlace''' - Esto aparece en la parte inferior derecha de la caja y es opcional. Escriba las palabras que a Usted le gustaría que fueran el texto del enlace.
* '''URL del enlace''' - La dirección a donde se enlaza.
* '''Destino del Enlace''' - Como prefiere Usted que se abra el enlace.

==Opciones de [[Portada]]==
[[Archivo:ES_Evolved theme opciones de portada.jpg|600px]]
----
'''NOTA para MOODLE 2.9:  Para que se pueda ver la página inicial personalizada de este tema Usted tiene que decirle a Moodle que use la página inicial del Sitio en lugar de emplear el [[Tablero]] que sería la configuración por defecto. Por favor, vaya a '' Administración del sitio > Apariencia > Navegación '' y cambie las configuraciones para "Página de inicio predeterminada para los usuario" de ''[[Tablero]]'' ( en el [[Español de México]] o ''Área personal'' en el [[Español internacional]] ) a ''Sitio''. 
'''
 		 	
[[image:ES_Evolve-D 6 set default homepage.png]]
----

Las opciones para la [[Portada]] son lo que realmente separan a este tema de los demás. Las opciones de portada le permiten a Usted simplificar la [[Portada]] y añadir una página estilizada para el ingreso al sitio. Hay una variedad de opciones y características.

'''Alternador de Portada''' - Activar o desctivar la página de portada personalizada. Si Usted la desactiva,entonces el tema operará como cualquier otro tema de Moodle y estará moldeado basado en el tema Más (''More''). Nosotros le recomendamos que active esta opción.

'''Imagen del fondo de la portada''' - Esta es la imagen a pantalla completa que aparece cuando Usted visita el sitio por primera vez. Aparece tanto en la página estándar de Moodle para ingresar al sitio como en la página personalizada del tema para el ingreso al sitio.

'''Carrusel de imágenes con miniaturas''' - Esto activará o desactivará el carrusel de imágenes. Si usa el carrusel de imágenes Usted deberá subir 4 imágenes en el paso siguiente para que funcione correctamente. Las imágenes deberán de ser de 900 pixeles por 300 pixeles. Las imágenes son responsivas y se achicarán para una menor resolución de pantalla.

'''Imagen del Carrusel, de la 1 a la 4''' - Suba una imagen para cada una de estas 4 áreas.  900 pixeles por 300 pixeles es el tamaño recomendado.

'''Caja_de_texto de portada'''  - Este texto aparece debajo de la página inicial personalizada. Este es un excelente lugar para poner instrucciones o información para los profesores y estudiantes sobre como empezar a trabajar. 

'''Íconos personalizados de la portada'''
Cada ícono tiene tres elementos: Ícono, texto del enlace y URL del enlace. Usted puede añadir hasta 8 íconos. Los nombres para los íconos los puede encontrar en : http://fortawesome.github.io/Font-Awesome/cheatsheet/  

'''Los íconos recomendados incluyen los siguientes''': 

[[File:Evolved theme recommended icons.png|200px]]

* '''Ícono Uno'''
** Icon = home
** Link Text = Mi Hogar
** Link URL = my/

* '''Ícono Dos'''
** Icon = calendar
** Link Text = Calendario
** Link URL = calendar/view.php?view=month

* '''Ícono Tres'''
** Icon = bookmark
** Link Text = Insignias
** Link URL = badges/mybadges.php

* '''Ícono Cuatro'''
** Icon = book
** Link Text = Cursos
** Link URL = course/

==Opciones de Formato de Curso de ParedSocial==
Estas opciones le permitirán personalizar las etiquetas y los colores del [https://moodle.org/plugins/browse.php?list=set&id=74 Formato de Curso de ParedSocial (SocialWall Course Format)]:

===Como cambiar/traducir las cadenas de texto en idioma Inglés usadas en el  [https://moodle.org/plugins/browse.php?list=set&id=74 Formato de Curso de ParedSocial (SocialWall Course Format)]===

Hay cuatro palabras (''Post, Message, Comments, attachments'') usadas en el [https://moodle.org/plugins/view/format_socialwall Formato de Curso de ParedSocial] que no están traducibles en [https://lang.moodle.org/ AMOS] para los [[Paquetes de idioma]] de Moodle.

Es muy fácil cambiar/personalizar/traducir estas cuatro palabras al usar las Opciones de Formato de Curso de ParedSocial. Vea el ejemplo siguiente para el idioma [[Español de México]]:

[[File:Evolve-D SocialWall format settings for 4 hard-wired words.png|600px]]

* Si Usted tiene un  [[Contenido multilingüe|sitio multi-lingüe]], Usted puede personalizar las etiquetas para estas cuatro palabras (''Post, Message, Comments, attachments'') para varios [[Paquetes de idioma]] en esta misma página. Si tuviera dificultades con algunos [[Idiomas]] de sus estudiantes, siempre es posible recurrir a  [https://translate.google.com/ la página para traducción de Google]. Vea la imagen siguiente:

[[File:Evolve-D SocialWall format labels.png]]

Observe un ejemplo de un sitio en [[Español de México]] que tiene algunas palabras en idioma Inglés:

[[Archivo:hard-wired English language strings in evolveD theme.png]]

* Y vea como quedó después de hacer lo que se indicó arriba :)

[[Archivo:Evolved theme now is 100percent translated into Spanish.png]]

==Imagen de muestra de una Portada Personalizada de ejemplo==

[[Archivo:Evolved theme sample custom frontpage image.png]]

==Mejoras experimentales==
¡Usar bajo su propio riesgo! (aunque al parecer funcionan bastante bien)

Agradecimientos especiales a Cihat Okan ARIKAN de los foros de moodle.org forums por encaminarnos en el camino correcto.  

'''El nuevo carrusel de imágenes de la portada:'''
Si Usted quisiera que las imágenes se pausaran al pasarles el ratón encima, entonces Usted puede subir este nuevo archivo al subdirectorio “Moodle/themes/evolved/layout/includes”   Descargue el nuevo archivo fpcustom_lgin.php aquí: https://drive.google.com/file/d/0BwVGFeDJiDchNnljV29rVFh6WW8/view?usp=sharing  

==Como cambiar las cadenas de texto que están puestas )''hard-wired'' forzadas en idioma Inglés y remplazarlas por texto en idioma español en un servidor Moodle==
[[Archivo:hard-wired English language strings in evolveD theme.png]]

Como está reportado en [https://github.com/kennibc/moodle-theme_evolved/issues/10 https://github.com/kennibc/moodle-theme_evolved/issues/10], hay varias cadenas de texto en idioma Inglés que están puestas a la fuerza en este plugin, pero que se pueden remplazar fácilmente por texto en español siempre y cuando Usted tenga acceso a los archivos de su servidor Moodle:

* Localice la carpeta 'moodle' en su servidor
* Localice la carpeta 'theme' dentro de la carpeta 'moodle' 
* Localice la carpeta 'evolved' dentro de la carpeta 'theme' 
* Localice la carpeta 'style' v 'evolved' 
* Localice el archivo 'evolved.css' dentro de la carpeta 'style' 
* Usted necesitará editar el archivo 'evolved.css'usando un programa del tipo de [https://notepad-plus-plus.org/ Notepad++]] , que le permita cambiar el código.
* Usted necesitará buscar y encontrar la palabra 'Post' dentro de este archivo:

[[Archivo:Notepad plus finding Post English language string.png]]

* Deberá de remplazar la palabra 'Post' con la palabra apropiada para su paquete de idioma ( 'Publicación' en este caso):

[[Archivo:Notepad plus replacing Post English language string.png]]

* Haga lo mismo para las siguientes cadenas de caracteres: "Message", "Comments",  "Attachments"

* Guarde el archivo modificado con el mismo nombre y en el mismo lugar en donde estaba.

* Deberá purgar las cachés

* Revise los resultados :)

[[Archivo:Evolved theme now is 100percent translated into Spanish.png]]

* Misión cumplida :)

==Vea también==
La página de documentación del autor en idioma inglés en [https://docs.google.com/document/d/1InnFyMfajEKF-MSfvSHFLYHFTLaiYxZ0nulVzJZ9OGk/edit Google docs]
[[en:evolve-D theme]]