Widgets (elementos de la interfaz) – son pequeñas aplicaciones o programas de la interfaz grafica del usuario que tienen un aspecto estándar y ejecutan las operaciones estándar.

Gadgets son dispositivos que tienen un propósito y una función específica.

Para poder utilizar los widgets en el sistema de uCoz es necesario acceder al “Editor de páginas” y crear/editar una página:

O seguir esta ruta: Inicio » Editor de páginas » Gestión de materiales y editar una página:

En la interfaz de la edición/adición vemos 2 botones:

WIDGETS. INTERFAZ Y TRABAJO

1. Lista desplegable de la categoría “Widgets”
2. Número de Widgets en esta categoría
3. Área de trabajo. Lista de Widgets
4. Cambio de páginas

Cada Widget tiene su propia configuración. Ir explicando el funcionamiento de cada Widget no tiene sentido. Pero todos éstos funcionan según el esquema:

Selección del Widget – Configuración – – poner el código en la página del sitio web.

GADGETS. INTERFAZ Y TRABAJO

1. Lista desplegable de la categoría “Gadgets”
2. Búsqueda de los Gadgets por las palabras clave (keywords)
3. Área de trabajo. Lista de Gadgets
4. Cambio de páginas

Las configuraciones de los Gadgets son estándares y especiales.

Las estándares:

1. Tamaño del frame (marco) del Gadget
2. Configuración del scrolling (sí, no, auto)
3. Botón “Recibir el código” visualiza el código del Gadget con las configuraciones.

Configuración del Widget:

1. Número de los copos de nieve
2. Hacemos clic y recibimos el código

Después de configurar cliqueamos sobre “Recibir el código” y ponemos el código en la página requerida.

Configuración del Widget:

1. img_id – identificador de la imagen. Para que el Widget funcione bien, primero es necesario configurar img_id a esta imagen.
2. Configuración de los parámetros del puzzle (se efectúan las configuraciones según tu gusto y resultado deseado).

Después de configurar cliqueamos sobre “Recibir el código” y ponemos el código en la página requerida.

Configuración del Widget:

1. Enlace a la previsualización de la imagen;
2. Enlace a la imagen que se expondrá al hacer clic sobre la imagen #1;
3. Texto para el tag alt.

Después de configurar cliqueamos sobre “Recibir el código” y ponemos el código en la página requerida donde queríamos ver la previsualización de la imagen.

Aquí de nuevo quiero recordar algunas herramientas que de verdad son muy interesantes y útiles para la creación y administración de un sitio web. Como todos sabemos, a nuestro sitio creado en el sistema uCoz se puede agregar fácilmente los bloques dinámicos con un contenido requerido.

Por si acaso recuerdo que con ayuda de Constructor podemos añadir 2 tipos de los elementos iguales – widgets y gadgets. De momento el sistema contiene 73 widgets.

El método más simple de colocar un widget en el sitio es seleccionarlo en calidad del contenido de Bloque:

En este caso un widget o gadget llega a ser un elemento del diseño de la página.

Para él como también para cualquier otro bloque se puede configurar el acceso de ver para un cierto conjunto de módulos y para las limitaciones (o no) del grupo de usuarios:

Pero existe una tarea un poco más complicada – hacer coincidir un widget no con el módulo, sino con un cierto elemento en éste. Por ejemplo, en el sistema hay widget en forma de un tooltip (también llamada descripción emergente) – es muy oportuno en los marcos de un artículo.

Vamos a plantear una tarea – crear las sugerencias emergentes para los posts en el Blog. Primero tenemos que crear un post. Simplemente agregamos un texto requerido:

Yo quiero añadir una explicación a las palabras “Hacker Pschorr” pues no todos saben qué quieren decir estas palabras. Pa’ eso yo entro en el Panel de Control y en Editor de páginas agrego una nueva página vacía (es necesaria en calidad del lugar donde podemos crear un código para el widget; en el futuro la podemos eliminar).

Agregamos un widget “Sugerencia emergente con sombra” donde explicamos qué quiere decir “Hacker Pschorr”:

Así obtenemos el código que lo metemos en la página:

Guardamos la página (llamándola Cerveza) y pasamos a ella. La página se compone de una sola palabra con la sugerencia que aparece al pasar el cursor sobre la palabra:

Después será necesario a través del navegador exponer el código de esta página y encontrar en él el script que responde por la sugerencia emergente.

El texto parece mucho a el de fuente, lo podemos encontrar con ayuda de la palabra “widget”. Este texto se copia. Regresamos al post en el Blog, lo editamos en el régimen de HTML y sustituimos las palabras “Hacker Pschorr” por el script copiado:

Guardamos la modificación. Como resultado de nuestras manipulaciones el widget comienza a funcionar en el cuerpo del módulo:

Sí, estoy de acuerdo: lo que acabo de explicar y mostrar no es una cosa genial pero no requiere conocimientos profundos, se limita de sólo “pegar – copiar” y no requiere nada de saber de scripts. En lo que toca a los gadgets, se los puede pegar directamente en el material después de obtener el código en el tag <iframe>.