Diferencia entre revisiones de «Tema Evolve-D»

De MoodleDocs
(tidy up)
(tidy up)
 
(No se muestran 25 ediciones intermedias del mismo usuario)
Línea 10: Línea 10:
Este es un tema [[:Categoría:Complementos|complemento]] para Moodle escrito por Chris Kenniburg y compartido en Moodle.org
Este es un tema [[:Categoría:Complementos|complemento]] para Moodle escrito por Chris Kenniburg y compartido en Moodle.org


{{Pendiente de traducir}}
==Características==
==Características==
[[Archivo:ES_Evolved theme login page.jpg|600px]]
[[Archivo:ES_Evolved theme login page.jpg|600px]]


Nuestro objetivo con el tema evolve-D es lograr un balance entre belleza y funcionalidad. Nosotros qeremos 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 5 páginas de opciones, pero lo más importante está en la página de opciones de la ¨[[Portada]].   
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==
==Características principales del tema:==
Features:
 
* Custom Frontpage for logged in and logged out users
* [[Portada]] personalizada para los usuarios que ya han ingresado al sitio y para los que se han salido del sitio
* Stylish login page with fullscreen image background presented to logged out users
* 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
* Simplified custom homepage for logged in users with icon navigation block, course search box, a nice image display/slideshow, and a large text box for homepage instructions presented to logged in users
* '''¡NUEVO!'''  Habilidad de añadir 8 íconos y enlaces en el bloque de navegación por íconos de la página inicial personalizada
* '''NEW!'''  Ability to add 8 icons and links on the custom homepage icon navigation block
* '''¡NUEVO!'''  Carrusel que muestra 4 imágenes con un selector si/no para la página inicial personalizada.
* '''NEW!'''  4 image display/slideshow with on/off toggle for the custom homepage.
* Navegación desplegable hacia Mis Cursos
* My Courses drop down navigation
* Tema de 2 columnas a colores, con barras laterales localizadas a la derecha
* 2 column theme with sidebars located to the right
* Selectores de colores dinámicos
* Color pickers galore
* 3 bloques publicitarios que hicieron famoso al tema Essential  
* 3 marketing boxes made famous in the Essential theme
* Íconos estilizados que hicieron famoso al tema Oso hormiguero (''Aardvark'')
* Stylish icons for blocks made famous in Aardvark theme
* 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
* Integrated with the [https://moodle.org/plugins/view/format_socialwall Socialwall Course Format] plugin with extra styling for improved user experience
* 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.   
* Uploading a logo no longer replaces the page title. The logo you upload will be placed to the right of the breadcrumbs at the top of the page.   
* El título de la página ahora aparece directamente arriba del contenido de la página.
* The page title now appears directly above the page content.


==Configuraciones del tema==
==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 5 páginas existentes:
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_Evolved theme settings pages.jpg]]


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


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


'''Font Selector''' - Pick from a variety of Google FontsText and headings throughout the theme will be changed to your liking.
'''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.


'''Invert Navbar''' - This option will make the very top bar black.
'''Invertir Barra de Navegación''' - Esta opción hará negra la barra superior.


'''Logo''' - Upload your logo.  It should be 150px by 75px for best results. This logo will appear on the right side of the screen in the same area as the breadcrumbs. Unlike the More theme this will not replace the page/course title.
'''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.


'''Custom CSS''' - If you need to add in your own flair you can do so here.   
'''CSS personalizado''' - Si Usted necesitara añadir su propio gusto, aquí puede hacerlo.   


'''General and Snow Alerts''' - These appear on the login pages and the frontpage at the top of the screen. These are handy for special messages.
'''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.


'''Footnote''' - This is simply a text box that will appear at the very bottom of the page.   
'''Nota al pie''' - Esta es simplemente una caja de texto que aparecerá en el fondo de la página.   


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


'''Text, Link, Main Content, Secondary, and Background color settings''' - Customize a variety of colors for the theme. Use the color chooser to pick just the right color for your site.
'''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.


'''Background Image''' - Upload an image to be used in the background. You can get creative with transparent PNG images and using the repeat or centered optionsFor instance the default setup uses a PNG of books on a shelf. It is positioned to bottom left and repeats horizontally. If you like you can upload an image and click the check boxes to make the background fixed and full screen.  Sometimes this is nice if you want the background to be the same in courses as it is on the login page. The login page is covered in the Frontpage Settings area.  
'''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==
==Menú personalizado==
[[Archivo:ES_Evolved theme custom menu.png|600px]]
[[Archivo:ES_Evolved theme custom menu.png|600px]]


The custom menu displays a list of courses you are enrolled in.  This appears at the very top of the page and allows the user to quickly move from one course to another.   
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.   


'''Display enrolled courses''' - Turn this feature on or off.  
'''Mostrar cursos inscritos''' - Active o desactive esta opción.  


'''Terminology''' - Choose from My Courses, My Units, My Classes, My Modules. This will be displayed as a drop down at the very top of the pages.
'''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.


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


Marketing spots allow you to display three boxes at the very bottom of the page. This is great for bringing attention to certain items.
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.


'''Marketing Box background colour''' - Pick a background color for the marketing boxes.
'''Color del fondo de caja publicitaria''' - Elija un color para el fondo de las cajas de publicidad.


'''Toggle Marketing Spot display''' - Choose when to display the marketing spots: Always show, show before login, show after login, never show.
'''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.


Each of the three marketing spots have the following setup.
Cada uno de los tres Bloque Publicitarios tiene la configuración siguiente:


'''Title''' - The main title of the marketing spot.   
* '''Título''' - El título principal del bloque publicitario.   
'''Icon''' - pick any icon from Font Awesome.  You need to only type in the name of the icon.  Example:  star     
* '''Ícono''' - Seleccione cualquier ícono del ''Font Awesome''Usted solamente necesita escribir el nombre del ícono, por ejemplo '''star'''    
You can find all icons here:  http://fortawesome.github.io/Font-Awesome/cheatsheet/
** Usted puede encontrar todos los íconos disponibles en:  http://fortawesome.github.io/Font-Awesome/cheatsheet/
'''Content''' - The message you want people to see and read. You can add links to words and use text formatting.
* '''Contenido''' - El mensaje que Usted quiere que la gente lea. Usted puede añadir enlaces a las palabras y usar formato de texto HTML.
'''Link Text''' - This appears in the bottom right of the box. It is optional.  Type in the words you would like to be a link.
* '''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.
'''Link URL''' - The actual link address.
* '''URL del enlace''' - La dirección a donde se enlaza.
'''Link Target''' - How you want the link to open.
* '''Destino del Enlace''' - Como prefiere Usted que se abra el enlace.


==Opciones para la [[Portada]]==
==Opciones de [[Portada]]==
[[Archivo:Es_Evolved theme frontpage options.png|600px]]
[[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 separa 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 na variedad de opciones y características
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 basádo en el tema Más )''More''=. Nosotros le recomendamos que active esta opción.
'''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''' - This is the full screen image that appears when you first visit the site. It appears on both the standard Moodle login page as well as the theme’s custom built in login page.
'''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''' - This will toggle the slideshow on or off. If using the slideshow you must upload 4 images in the next step for it to work properly. Images should be 900px by 300px. The slides are responsive and will shrink with the screen resolution.
'''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.


'''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.
'''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''' - This text appears below the slideshow on the custom homepage. This is a great place to put in directions or information for students and teachers on how to get started.  
'''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'''
'''Íconos personalizados de la portada'''
Each icon has three elements: Icon, link text, and link URL. Icon names can be found here:
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/   
http://fortawesome.github.io/Font-Awesome/cheatsheet/  You can add up to 8 icons.
 
'''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]]


'''Recommended Icons include the following''': The frontpage options are really what separates this theme from others. The frontpage options allow you to simplify the Moodle frontpage and add a stylish custom login. There are a variety of options and features.  
* 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:


'''Frontpage Toggle''' - Turn on or off the custom frontpage.  If you turn it off the theme will operate like any other Moodle theme and is modelled after the More theme.  We recommend you turn this on.
[[File:Evolve-D SocialWall format labels.png]]


'''Icon One'''
Observe un ejemplo de un sitio en [[Español de México]] que tiene algunas palabras en idioma Inglés:
* Icon = home
* Link Text = My Home
* Link URL = my/


'''Icon Two'''
[[Archivo:hard-wired English language strings in evolveD theme.png]]
* Icon = calendar
* Link Text = Calendar
* Link URL = calendar/view.php?view=month


'''Icon Three'''
* Y vea como quedó después de hacer lo que se indicó arriba :)
* Icon = bookmark
* Link Text = Badges
* Link URL = badges/mybadges.php


'''Icon Four'''
[[Archivo:Evolved theme now is 100percent translated into Spanish.png]]
* Icon = book
* Link Text = Courses
* Link URL = course/


==Imagen de muestra de una Portada Personalizada de ejemplo==
==Imagen de muestra de una Portada Personalizada de ejemplo==
Línea 136: Línea 161:


==Mejoras experimentales==
==Mejoras experimentales==
Use at your own risk! (however this seems to work quite well)
¡Usar bajo su propio riesgo! (aunque al parecer funcionan bastante bien)


Special thanks to Cihat Okan ARIKAN from moodle.org forums for sending this my way.   
Agradecimientos especiales a Cihat Okan ARIKAN de los foros de moodle.org forums por encaminarnos en el camino correcto.   


'''The new frontpage image slideshow:'''
'''El nuevo carrusel de imágenes de la portada:'''
If you want to have the images pause on mouseover then you can upload this new file into “Moodle root/themes/evolved/layout/includes”  Download the new fpcustom_lgin.php file here: https://drive.google.com/file/d/0BwVGFeDJiDchNnljV29rVFh6WW8/view?usp=sharing   
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==
==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]]
[[Archivo:hard-wired English language strings in evolveD theme.png]]
{{Pendiente de traducir}}
As reported on [https://github.com/kennibc/moodle-theme_evolved/issues/10 https://github.com/kennibc/moodle-theme_evolved/issues/10], there are a few English language strings hard-coded into this plugin, but they can be changed quite easily if you have access to your moodle server files:


* Locate the 'moodle' folder in your server
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:
* Locate the 'theme' folder inside the 'moodle' folder
 
* Locate the 'evolved' folder inside the 'theme' folder
* Localice la carpeta 'moodle' en su servidor
* Locate the 'style' folder inside the 'evolved' folder
* Localice la carpeta 'theme' dentro de la carpeta 'moodle'  
* Locate the 'evolved.css' file inside the 'style' folder
* Localice la carpeta 'evolved' dentro de la carpeta 'theme'  
* You will need to edit the 'evolved.css' file using a program like [https://notepad-plus-plus.org/ Notepad++]] that will allow you to change the code.
* Localice la carpeta 'style' v 'evolved'  
* You will need to find the word 'Post' inside this file:
* 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]]
[[Archivo:Notepad plus finding Post English language string.png]]


* You will need to replace the word 'Post' with the appropiate word for your language pack ( eg, 'Publicación' in Spanish):
* 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]]
[[Archivo:Notepad plus replacing Post English language string.png]]


* Do the same for the other hard-wired strings: "Message", "Comments",  "Attachments"
* Haga lo mismo para las siguientes cadenas de caracteres: "Message", "Comments",  "Attachments"


* Save the modified file into the same file name and location.
* Guarde el archivo modificado con el mismo nombre y en el mismo lugar en donde estaba.


* Purge all caches
* Deberá purgar las cachés


* Check the results :)
* Revise los resultados :)


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


* Mission acomplished :)
* 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]]
[[en:evolve-D theme]]

Revisión actual - 17:37 14 dic 2016

Este es un tema complemento para Moodle escrito por Chris Kenniburg y compartido en Moodle.org

Características

ES Evolved theme login page.jpg

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 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:

ES Evolve-D 6 settings pages.png

Configuraciones generales

ES Evolved theme general settings page.png

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

ES Evolved theme background settings.png

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

ES Evolved theme custom menu.png

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

ES Evolved theme marketing spots.png

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
  • 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

ES Evolved theme opciones de portada.jpg


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.

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:

Evolved theme recommended icons.png

  • Í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 Formato de Curso de ParedSocial (SocialWall Course Format):

Como cambiar/traducir las cadenas de texto en idioma Inglés usadas en el Formato de Curso de ParedSocial (SocialWall Course Format)

Hay cuatro palabras (Post, Message, Comments, attachments) usadas en el Formato de Curso de ParedSocial que no están traducibles en 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:

Evolve-D SocialWall format settings for 4 hard-wired words.png

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:

hard-wired English language strings in evolveD theme.png

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

Evolved theme now is 100percent translated into Spanish.png

Imagen de muestra de una Portada Personalizada de ejemplo

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

hard-wired English language strings in evolveD theme.png

Como está reportado en 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 Notepad++] , que le permita cambiar el código.
  • Usted necesitará buscar y encontrar la palabra 'Post' dentro de este 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):

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 :)

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 Google docs