| |
| El carrusel és un recurs molt útil però també molt cridaner i que pot ralentitzar la càrrega de la vostra pàgina. Aquí teniu algunes bones pràctiques:
- En general, us recomanem carregar les diapositives des d'un àlbum extern. El carrusel de Nodes permet utilitzar Picasa i Google+ Fotos com a font externa. A part de l'estalvi d'espai, us permetrà reaprofitar els àlbums per publicar-los en altres espais si és necessari.
- Excepció a la primera recomanació: si teniu un carrusel de capçalera o un carrusel de presentació del centre a primera pàgina, es preferible carregar les diapositives des de la mediateca. Encara que Picasa i Google+ fotos són molt fiables, pels carrusels "crítics" pot ser convenient no dependre de la connexió amb aquest serveis.
- Podeu tenir varis carrusels a la mateixa pàgina però es recomanable no tenir més d'un carrusel amb reproducció automàtica a la vegada. Això produeix estrès visual en el visitant que no sap on mirar i si mira un dels carrusels, té els altres generant soroll visual.
- Augmenteu els temps de durada de la diapositiva. És molt estressant no tenir temps de llegir una imatge. 8 segons és una bona durada de referència. Si el visitant troba que va lent, pot passar a la següent diapositiva amb les fletxes.
- Les imatges han de ser petites o mitjanes, de 1024px d'amplada com a màxim. Si teniu molts carrusels amb imatges molt grans, la pàgina trigarà molt en carregar-se. Per exemple: 10 carrusels on cada carrusel té 10 imatges de 2MB cadascuna són... 200MB de càrrega de pàgina!!!
- Encara que implica una mica de feina, si veieu que la vostre pàgina principal triga en carregar, canvieu la opció de "mostra el contingut sencer" en aquelles entrades antigues que continguin un carrusel. La idea és mostrar carrusel només en les entrades noves.
- Us recomanem l'opció d'ajust de la imatge que diu Retalla (recomanat). Si les fotos són horitzontals (panoràmiques) i poseu una alçada propera a les fotos, fa un ajust bastant bo. En el cas de que tingueu moltes fotos en format vertical, la millor opció és la Original.
- L'opció d'ajust de la imatge que diu Estira és, en general, una opció dolenta. Només si les vostres fotos s'aproximen molt a l'amplada del carrusel, és pot provar, però en general, no es recomanable mostrar fotos estirades a la web.
En general, el procediment óptim per incloure carrusels a les vostres noticies és:
- Publicar la noticia amb el carrusel i la casella de Mostra el contingut sencer marcada. El carrusel es mostrarà a la portada (i/o la pàgina de categoria/asociada). A la mateixa noticia afegir una foto destacada i un resum (de moment, amb la casella abans marcada, no es mostrarà ni la foto ni el resum però ens vindran bé per després).
- Quan la noticia perd actualitat, editar la noticia i simplement desmarcar la casella Mostra el contingut sencer. Ara la noticia mostrarà el resum i la foto destacada a portada (amagant el carrusel). Si entrem a la noticia, veurem el contingut sencer de l'article (com sempre) on està el carrusel.
Amb aquesta edició mínima (marcar i desmarcar la casella de Mostra el contingut sencer) podem tenir el millor en cada moment.
|
| |
|
-
Accediu a l’apartat Entrades | Categories.
- Doneu d’alta les categories que es podran utilitzar després per classificar les notícies.
- Aquestes categories sortiran a la part inferior de les notícies un cop publicades.
|
| |
| Nom del centre i descripció
- Accediu a l’apartat Aparença | Personalitza | Capçalera
- Ompliu les dades següents:
- Nom del centre
- Descripció / Lema
- Modifiqueu el Tamany lletra en cas que el text no s'ajusti bé a l'espai.
Imatge o carrusel d'imatges
- Accediu a l’apartat Aparença | Personalitza | Capçalera
La mida recomanada per la imatge o imatges és de 1100px (amplada) x 300px (alçada). Si la imatge és més gran o més petita, el sistema intentarà fer un ajustament òptim. NOTA: Si definiu una imatge, el paràmetre Carrusel s'ignorarà.
Graella d'icones
- Accediu a l’apartat Aparença | Icones de capçalera.
-
Localitzeu la icona que voleu afegir i copieu al camp Icona el text que apareix al costat (per exemple, admin-site).
-
Al camp Element X escriviu el títol i al camp Enllaç especifiqueu l’URL que on s'accedirà en fer clic sobre la icona.
|
| |
| Índex
Configuració al Moodle
Accediu amb l'usuari "admin" al vostre Moodle i aneu a Administració del lloc | Servidor | Configuració del proveïdor OAuth i feu clic a Afegir nou client:
A continuació ompliu els camps següents i feu clic a Desa els canvis.
- Identificador de client: nodes
- URL de redirecció:
- http://agora.xtec.cat/nomdelcentre/wp-content/plugins/wordpress-social-login/hybridauth/?hauth.done=Moodle
- http://agora.educat1x1.cat/nomdelcentre/wp-content/plugins/wordpress-social-login/hybridauth/?hauth.done=Moodle
- Tipus de concessió: authorization_code
- Abast: user_info
A la pantalla següent, copieu la Clau secreta de client, la necessitareu per posar-la en el moment de configurar Nodes.
Configuració a Nodes
Accediu al vostre Nodes amb l'usuari "admin" i aneu a l'apartat Paràmetres | WP Social Login. Ompliu els camps següents i feu clic a Save Settings.
- Enabled: Yes
- Application ID: nodes
- Application Secret: La copiada en el punt anterior
- Application URL: L'adreça web del Moodle (sense la barra del final)
- http://agora.xtec.cat/nomdelcentre/moodle
o si teniu una adreça 1x1:
- http://agora.educat1x1.cat/nomdelcentre/moodle
Accés a Nodes amb usuaris del Moodle
Un cop configurat quan accediu a Nodes i feu clic a Entra per autenticar-vos, apareixerà la icona de Moodle, feu-hi clic.
A continuació, apareixerà la pantalla d'autenticació de Moodle, un cop hàgiu posat les dades d'accés, el sistema us demanarà permís. Feu clic a Confirma.
Accés a Nodes des del Moodle
Un cop configurades totes dues plataformes, des del Moodle també podreu accedir a Nodes fent clic a l'enllaç Entra a Nodes que trobareu al bloc Navegació.
|
| |
| De vegades pot ser útil, per organitzar els menús, afegir elements que no estiguin vinculats a cap pàgina o categoria. Per exemple, l'element de primer nivell PROJECTES:
PROJECTES
- Hort
- Radio
- Revista
- etc...
Si voleu que PROJECTES no tingui cap vincle a cap pàgina o categoria, heu d'afegir al menú un element de tipus Enllaç on l'adreça de l'enllaç sigui # |
| |
| Nodes funciona sobre WordPress i per tant, treballa amb els seus elements clàssics. Els elements que poden ajudar-nos a establir la nostra estructura de continguts són:
- Entrades (també es poden dir Notícies o Articles).
- En principi, estan pensades per els esdeveniments (sortides, xerrades, celebracions, avisos, premis, etc.).
- Les entrades incorporen informació sobre l'autor i la data.
- Les entrades es poden classificar utilitzant Categories i Etiquetes.
- Es poden mostrar varies entrades juntes si tenen la mateixa categoria en el que es denomina Pàgina de categoria.
- Es poden mostrar varies entrades juntes si tenen una mateixa etiqueta en el que es denomina Pàgina de etiqueta.
- Les entrades no es poden relacionar jeràrquicament.
- Pàgines: seria més correcte dir pàgina simple, però per abreviar es diu pàgina.
- Aquest tipus de pàgina web està pensada per mostrar contingut que no canvia gaire (Història del centre, Instal·lacions, etc.) i/o contingut jerarquitzat.
- No mostra informació sobre la data ni l'autor.
- No es poden classificar fent servir Etiquetes ni Categories.
- Permet establir una jerarquia de pàgines. Dins d'una pàgina mare, es poden mostrar enllaços a subpàgines de manera automàtica definint com atribut de la pàgina una Plantilla de tipus Barra esquerra (Subpàgines). Per exemple, a la subpàgina On som:
- Categories:
- Permeten classificar les entrades (articles) en conceptes generals (ESO, Batxillerat, Cicles, etc). Normalment aquests grups generals tenen moltes entrades.
- Una entrada pot ser classificada en 1 o més categories.
- Es poden mostrar varies entrades juntes si tenen una mateixa categoria en el que denominem Pàgina de categoria.
- Etiquetes:
- Permeten caracteritzar les entrades en conceptes més concretes, específics (Audiovisuals, Sortides, Viatge d'estudis etc)
- Una entrada pot ser classificada amb 1 o més etiquetes.
- Es poden mostrar varies entrades juntes si tenen una mateixa etiqueta en el que denominem Pàgina de etiqueta.
EXEMPLE: Un article que parla sobre un taller de radio que es va fer a Sant Jordi en els nivells d'ESO i Batxillerat es podria classificar com:
- Categories: ESO, Batxillerat
- Etiquetes: Sant Jordi, Radio, Taller
- Pàgina de categories
- Es generen automàticament a partir de les entrades (articles) d'una mateixa categoria.
- Es poden enllaçar als menús.
- Pàgina d'etiquetes
- Es generen automàticament a partir de les entrades d'una mateixa etiqueta.
- Es poden enllaçar als menús.
- Menús: Un menú esta format per enllaços. Aquest enllaços poden apuntar a:
- Pàgines: enllaça a una Pàgina
- Categories: enllaça a una Pàgina de categoria (d'articles)
- Enllaços: enllaça a una adreça web (URL). Aquest URL pot ser una pàgina web externa o interna (una article, per exemple)
Els menús no reflexen cap estructura jeràrquica de pàgines, etiquetes ni categories. Si voleu replicar la estructura de pàginas i subpàgines en un menú, s'ha de fer manualment.
- Ginys: a nivell estructural, els ginys es poden utilitzar per mostrar Menús.
- S'ha de triar un giny de tipus Menú personalitzat
Més informació sobre menús i ginys
Ja de manera més específica, a Nodes podem trobar:
- Pàgina d'inici: és una Pàgina una mica especial. Esta formada per una combinació de:
- Una Pàgina simple que podeu triar a Aparença | Personalitza | Pàgina d'inici | Pàgina d'inici i es mostra al principi de la pàgina d'inici. Aquesta pàgina ha de tenir com atribut una plantilla de tipus Portada.
- Una Pàgina de categoria on es mostren els articles amb la categoria que trieu a Aparença | Personalitza | Pàgina d'inici | Categoria d'articles. Es mostra després de la pàgina definida en el punt 1.
- Blocs d'estudis, de nivell i d'aula: en realitat no són blocs si no Pàgines de categoria. El "bloc" d'ESO 1A és simplement una Pàgina de categoria amb articles marcats a la categoria "ESO1A". La descripció de la categoria es mostra a l'inici de la pàgina, de manera que es pot definir qualsevol contingut html (calendaris, vídeos, etc) abans dels articles.
|
| |
| Si el nom del vostre centre és molt llarg, es possible que no es visualitzi correctament a la caixa assignada.
Proveu a:
- Dins del mateix apartat on definiu el nom ( Aparença | Personalitza | Capçalera ), trieu un Tamany de lletra més petit.
- Podeu treure de la primera caixa la denominació del centre (Escola, Institut) i posar-lo a la segona caixa (descripció).
Exemple: Escola Mare de Deu del Patrocini es pot dividir en Mare de Déu del Patrocini (primera caixa) i Escola de primària a la Vila de Cardona (segona caixa).
|
| |
|
- A Google Calendar heu copiar l'identificador del calendari.
- Recordeu que el calendari ha de ser públic, si no ho és, no funcionarà.
|
| |
| A certes pàgines pot ser interessant tenir un menú personalitzat a un bloc lateral. Per fer-ho, només cal que creeu aquest menú i l'afegiu des de l'apartat Ginys del WordPress.
Podeu trobar com crear el Giny de menú personalitat a l'Ajuda de XTECBlocs.
- Si voleu afegir el giny a la pàgina principal, heu d'inserir el giny a la zona de ginys Portada (barra esquerra) o Portada (barra dreta)
- Si voleu afegir el giny a una pàgina de categoria, heu d'inserir el giny a la zona de ginys Categories (barra esquerra)
- Per la resta de pàgines i articles, la zona de ginys és simplement Barra esquerra o Barra dreta.
Si voleu que un giny és mostri només a una pàgina o categoria concreta, heu d'establir la seva visibilitat amb el botó Visibilitat.
|
| |
| Accediu a l’apartat Aparença | Menús.
Podeu trobar més informació sobre la creació de menús a l'apartat Els menús del lloc web d'Ajuda de XTECBlocs.
|