Pàgina:  1  2  (Següent)

B

Administrador/a Espai de suport

Bones pràctiques al Carrusel

per Administrador/a Espai de suport - dijous, 27 de novembre 2014, 14:10
 

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:  

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

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

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

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

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

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

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

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

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

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

 


C

Administrador/a Espai de suport

Categories de les notícies

per Administrador/a Espai de suport - dilluns, 22 de setembre 2014, 19:36
 
  • 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.

categories_noticies.png


Administrador/a Espai de suport

Com puc canviar els elements de la capçalera?

per Administrador/a Espai de suport - dilluns, 22 de setembre 2014, 18:28
 

Nom del centre i descripció

capsalera1.png

  • 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

capsalera2.png

  • 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

capsalera3.png

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

 

 


Administrador/a Espai de suport

Configuració d'accés a Nodes amb els usuaris del Moodle

per Administrador/a Espai de suport - dimecres, 22 d’octubre 2014, 12:44
 

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

nodes_moodle0.png

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

 

nodes_moodle1.png

A la pantalla següent, copieu la Clau secreta de client, la necessitareu per posar-la en el moment de configurar Nodes.

nodes_moodle2.png

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

nodes_moodle3.png

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.

nodes_moodle4.png

 

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.

nodes_moodle5.png

 

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

nodes_moodle6.png


E

Administrador/a Espai de suport

Element del menú no vinculat a cap pàgina

per Administrador/a Espai de suport - dijous, 27 de novembre 2014, 16:17
 

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


Administrador/a Espai de suport

Elements estructurals

per Administrador/a Espai de suport - dijous, 15 de gener 2015, 10:22
 

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.

Selecció_768 Selecció_774

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

Selecció_767 Selecció_779

Selecció_778

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

Selecció_769

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

Selecció_770

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

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

Selecció_781

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


Administrador/a Espai de suport

El nom del meu centre no cap a la caixa

per Administrador/a Espai de suport - dilluns, 22 de setembre 2014, 18:35
 

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).
    capsalera4.png

Administrador/a Espai de suport

Error en el calendari: una o més de les vostres entrades no es poden mostrar

per Administrador/a Espai de suport - dijous, 27 de novembre 2014, 16:36
 
  • A Google Calendar heu copiar l'identificador del calendari.



     
  • Recordeu que el calendari ha de ser públic, si no ho és, no funcionarà.


G

Administrador/a Espai de suport

Giny amb un menú personalitzat

per Administrador/a Espai de suport - dilluns, 27 d’octubre 2014, 13:37
 

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.

menu8.png

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

 


M

Administrador/a Espai de suport

Menús

per Administrador/a Espai de suport - dimecres, 8 d’octubre 2014, 09:50
 

 Accediu a l’apartat Aparença | Menús.

  • Feu clic dins del bloc Pàgines, Enllaços o Categories al contingut que vulgueu vol incorporar al Menu superior i feu clic sobre el botó Afegeix al menú:

    • A la maqueta, els títols del primer nivell s’han especificat amb lletres majúscules.

    • La resta d’ítems conserven el nom del contingut al que fan referència.

  • Al final de la pàgina, a l'apartat Paràmetres del menú heu de marcar l’opció Main menú per tal que el menú aparegui.
  • Finalment feu clic sobre el botó Desa els canvis.


    menus.png

Podeu trobar més informació sobre la creació de menús a l'apartat Els menús del lloc web d'Ajuda de XTECBlocs.

 

 



Pàgina:  1  2  (Següent)