Diferencia entre revisiones de «Tema Evolve-D»

De MoodleDocs
(tidy up)
(tidy up)
Línea 14: Línea 14:
[[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 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]].   


==Características principales del tema:==
==Características principales del tema:==

Revisión del 22:48 1 ago 2015

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

Nota: Pendiente de Traducir. ¡Anímese a traducir esta página!.     ( y otras páginas pendientes)

Características

ES Evolved theme login page.jpg

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]].

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ágimna inicial personalizada.
  • Navegación desplegable hacia Mis Cursos
  • Tema de 2 columnas a colores con barras laterales localizadas a la derecha
  • Selectores de colores a lo grande
  • 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 5 páginas existentes:

ES Evolved theme settings pages.jpg

Configuraciones generales

ES Evolved theme general settings page.png

Font Selector - Pick from a variety of Google Fonts. Text and headings throughout the theme will be changed to your liking.

Invert Navbar - This option will make the very top bar black.

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.

Custom CSS - If you need to add in your own flair you can do so here.

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.

Footnote - This is simply a text box that will appear at the very bottom of the page.

Colores del tema

ES Evolved theme background settings.png

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.

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 options. For 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.

Menú personalizado

ES Evolved theme custom menu.png

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.

Display enrolled courses - Turn this feature on or off.

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.

Puntos de publicidad

ES Evolved theme marketing spots.png

Marketing spots allow you to display three boxes at the very bottom of the page. This is great for bringing attention to certain items.

Marketing Box background colour - Pick a background color for the marketing boxes.

Toggle Marketing Spot display - Choose when to display the marketing spots: Always show, show before login, show after login, never show.

Each of the three marketing spots have the following setup.

Title - The main title of the marketing spot. Icon - pick any icon from Font Awesome. You need to only type in the name of the icon. Example: star You can find all icons here: 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. 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. Link URL - The actual link address. Link Target - How you want the link to open.

Opciones para la Portada

Archivo:Es Evolved theme frontpage options.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

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.

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.

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

Íconos personalizados de la portada Each icon has three elements: Icon, link text, and link URL. Icon names can be found here: http://fortawesome.github.io/Font-Awesome/cheatsheet/ You can add up to 8 icons.

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.

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.

Icon One

  • Icon = home
  • Link Text = My Home
  • Link URL = my/

Icon Two

  • Icon = calendar
  • Link Text = Calendar
  • Link URL = calendar/view.php?view=month

Icon Three

  • Icon = bookmark
  • Link Text = Badges
  • Link URL = badges/mybadges.php

Icon Four

  • Icon = book
  • Link Text = Courses
  • Link URL = course/

Imagen de muestra de una Portada Personalizada de ejemplo

Evolved theme sample custom frontpage image.png

Mejoras experimentales

Use at your own risk! (however this seems to work quite well)

Special thanks to Cihat Okan ARIKAN from moodle.org forums for sending this my way.

The new frontpage image slideshow: 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

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

Nota: Pendiente de Traducir. ¡Anímese a traducir esta página!.     ( y otras páginas pendientes)

As reported on 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
  • Locate the 'theme' folder inside the 'moodle' folder
  • Locate the 'evolved' folder inside the 'theme' folder
  • Locate the 'style' folder inside the 'evolved' folder
  • Locate the 'evolved.css' file inside the 'style' folder
  • You will need to edit the 'evolved.css' file using a program like Notepad++] that will allow you to change the code.
  • You will need to find the word 'Post' inside this file:

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

Notepad plus replacing Post English language string.png

  • Do the same for the other hard-wired strings: "Message", "Comments", "Attachments"
  • Save the modified file into the same file name and location.
  • Purge all caches
  • Check the results :)

Evolved theme now is 100percent translated into Spanish.png

  • Mission acomplished :)