Com sabeu, WordPress oferix una sèrie de patrons (o plantilles) genèrics que podem incorporar a les nostres entrades o pàgines. Estos patrons ens oferixen dissenys concrets, elaborats amb blocs de l’editor estàndard. Una vegada afegits al nostre contingut, podrem editar-los i personalitzar-los al nostre gust. Vegem com fer-ho.
1-Accés als patrons
Quan creem una nova entrada o pàgina, o bé en editar qualsevol de les quals ja tenim creades, podem afegir patrons. Per a això, farem clic sobre el “+” que apareix en la part superior esquerra de l’editor:
Després de fer clic, se’ns obrirà un panell a l’esquerra, per a afegir blocs, patrons o fitxers. Seleccionarem la pestanya de patrons:
2-Llistat de patrons
En fer clic sobre Patrons ens apareixerà un llistat de categories de patrons. La majoria venen per defecte amb WordPress. Us animem a donar una ullada per si us interessa algun disseny.
En tot cas, Portaledu ha incorporat la seua pròpia col·lecció de patrons, que trobareu en la categoria amb el seu nom.
3-Patrons de Portaledu
Portaledu oferix una selecció de patrons confeccionats amb blocs estàndard, tant genèrics com propis de Portaledu. En fer clic sobre la categoria Portaledu, es mostraran a la dreta els patrons corresponents. Si passem el ratolí per damunt d’algun d’ells, es mostrarà una descripció d’este.
4-Inserir un patró
Afegir un patró al nostre contingut és tan fàcil com fer clic sobre este. En fer-ho, apareixerà automàticament en el nostre contingut. Un missatge emergent ens notifica l’esdeveniment (Patró de bloc “nom del patró” afegit)
5-Idioma dels patrons de Portaledu
Els patrons no tenen idioma assignat, ja que són simplement plantilles de blocs, pensades per a facilitar diferents dissenys de maquetació, sent el contingut de textos i imatges irrellevant. Així, trobarem en els patrons, textos en diferents idiomes i també imatges que estan pensats per a ser editats i substituïts, adaptant cada usuari el seu contingut.
6-Ampliació de la col·lecció de patrons
Portaledu anirà ampliant la seua col·lecció de patrons en funció de les necessitats detectades. Comprova de tant en tant la categoria de patrons de Portaledu, per si hi haguera alguna novetat.
Les categories de WordPress ens permeten agrupar les entrades en grans grups per a poder gestionar o visualitzar aquelles entrades relacionades amb eixa categoria. Un lloc web pot tindre categoritzats diferents temes. Per exemple, novetats, secretaria, general, preguntes freqüents, o nivells educatius com a primària, secundària, etc…
La categorització del contingut és útil en molts aspectes:
Donar-li a l’usuari una experiència còmoda on li siga ràpid trobar informació sobre un tema.
Quan un usuari entra en un article i li agrada el seu contingut, pot continuar llegint sobre altres assumptes relacionats accedint als altres articles de la categoria.
El contingut estructurat de la nostra web pot ajudar al posicionament, ja que els robots d’indexat poden llegir i categoritzar el contingut de manera àgil.
En Portaledu disposem de diferents blocs capaços de mostrar, de diferents formes, les entrades d’una mateixa categoria. Això ens permet que qualsevol nova entrada categoritzada i publicada puga mostrar-se automàticament en les pàgines configurades amb eixos blocs dinàmics.
Al final d’aquest post, trobaràs tota la informació sobre estos blocs.
2-Afegir una categoria
Des del menú de Categories (Entrades –> Categories), podem crear una categoria per a després associar qualsevol entrada a esta. Crear una categoria és simple; el formulari de creació ens explica què és cada cosa perquè no ens perdem.
Exemple formulari nova categoria
Exemple formulari farcit nova categoria (Novetats)
Com es pot veure, en el formulari, apareixen explicacions de tots els apartats: Nom, Slug, Categoria mare, Descripció i Idioma. Fem èmfasi en el camp slug, que serà l’identificador de la categoria. Es recomana que siga el més clar i senzill possible perquè els visitants entenguen quin contingut estarà adscrit a eixa categoria.
3-Categoria en diversos idiomes. Traduccions.
Els llocs web en Portaledu són habitualment bilingües o multilingües. Necessitarem crear les traduccions per a cada categoria i enllaçar-les entre si. Posem un exemple:
Si hem creat la categoria Novetats, en valencià:
Nom: Novetats
Slug: novetats-va
Categoria mare: cap
Descripció: Categoria per a classificar els novetats del portal
Idioma: Valencià
Crearem el seu equivalent en castellà:
Nom: Novedades
Slug: novetats-es
Categoria mare: ninguna
Descripció: Categoría para clasificar las novedades del portal
Idioma: Castellano
Una vegada creades les dos categories, editarem una d’elles i li assignarem la seua traducció, des del camp Traduccions. Simplement teclejant el nom de la categoria en l’idioma corresponent, WordPress ens oferirà l’opció.
Assignar traducció a una categoria
Una altra opció, que podeu explorar, és generar la traducció des del llistat de categories. En este cas, crearíem la categoria en el primer idioma i després, des del llistat de categories, utilitzarem l’opció de “+” o “crear traducció” com mostrem en la imatge següent:
Una vegada creades i aparellades les traduccions, podem comprovar en el llistat que ja no apareix el “+” de crear traducció, sinó una icona d’un llapis, per a editar les traduccions:
4-Administrar categories
Des del menú de categories, podem editar, esborrar i actualitzar les categories. El llistat és idèntic a com es mostren les entrades o les pàgines de WordPress. Es mostra el seu nom amb les opcions d’Edició, Edició Ràpida, Esborrar o Veure.
5-Categoria per defecte
WordPress afig la categoria anomenada ‘Sense categoria’ per defecte, ja que tots les entrades s’afigen a esta categoria per a tindre un orde a pesar que l’usuari no utilitze les categories o s’afigen a esta categoria especial per a saber si existix una entrada sense categoritzar.
Esta categoria es pot modificar, però no esborrar. Si no volem mostrar esta categoria als nostres visitants, simplement hem d’assegurar-nos que cap entrada pertany a la categoria “Sense categoria”.
És una pràctica habitual, canviar de nom eixa categoria (i el slug) a “General”:
Per a saber quantes entrades pertanyen a una categoria, basta mirar, en el llistat de categories, el número que es mostra a la dreta. Si fem clic sobre este número, es mostraran les entrades adscrites a eixa categoria.
Llistat de categories amb nombre d’entrades associades a cada una
6-Com categoritzar una entrada?
Es pot fer de dos formes: des de l’edició ràpida de cada post o bé editant l’article, des de la barra lateral d’utilitats. Recomanem la segona opció, ja que en l’edició ràpida no apareixen totes les possibilitats d’edició de les entrades.
Quan estem editant l’entrada o durant la creació d’esta, podem observar que hi ha un xicotet requadre on posa ‘Categories’. En ell, podrem observar totes les categories que tenim ja agregades, les més utilitzades o fins i tot crear categories noves si es necessita alguna en un moment específic. Òbviament, no podrem afegir tota la informació des d’este panell, però podem crear ràpidament una categoria perquè el nostre article no quede sense categoritzar.
En la imatge de dalt, podem veure la categoria seleccionada per a l’entrada que estem editant.
En WordPress, els continguts s’organitzen principalment en dos tipus: pàgines i entrades. Encara que els dos són elements que publiquem en la web, complixen funcions diferents i és important saber quan usar cada un.
Exemple de pàgina de portada (estructura fixa) que mostra contingut dinàmic (entrades de la categoria “Notícies”) mitjançant un bucle de consulta.
1.-Què és una Pàgina?
Una pàgina és un contingut estàtico amb estructura estàtica, pensat per a informació o aparença que no canvia amb freqüència. Exemples típics en la web d’un centre educatiu són:
Portada
Secretaria
Departaments
Qui som
Oferta educativa
Contacte
Normativa del centre
Les pàgines no s’ordenen per data i no formen part del blog o de les notícies. Són ideals per a informació permanent o bé per a mantindre una estructura fixa, mostrant informació dinàmica i actualitzada. És un cas habitual utilitzar les pàgines per a mostrar entrades recents, novetats, etc.; la pàgina manté una estructura però el contingut que mostrano és estàtic.
Una entrada és un contingut dinàmic, pensat per a publicar notícies, novetats o articles que s’organitzen cronològicament o es poden agrupar per categories. Exemples:
Publicació d’activitats recents
Avisos importants
Esdeveniments del centre
Projectes de l’alumnat
Les entrades es poden categoritzar i etiquetar, la qual cosa permet agrupar-les per temes (per exemple: “Notícies”, “Novetats”, “Primària”, “Secundària”, “Activitats extraescolars”). Trobaràs informació al respecte en Ús de categories – Portaledu.
En Portaledu, les pàgines no sols mostren contingut estàtic, sinó que també poden incloure entrades categoritzades mitjançant diferents formats:
Carrusel d’entrades: mostra les últimes notícies en forma d’imatges lliscants. (+info).
Visor lliscant: permet navegar entre diverses entrades destacades. (+info).
Bucle de consulta: llesta entrades segons criteris (categoria, data, autor). (+info).
Acordió d’entrades: organitza les notícies en panells desplegables. (+info).
Pestanyes amb entrades: agrupa continguts per categories en diferents pestanyes (+info).
Això significa que una pàgina pot convertir-se en un contenidor dinàmic, mostrant informació actualitzada sense perdre el seu caràcter estructural.
4.-Quan usar Pàgina i quan Entrada?
Usa una Pàgina per a informació fixa i estructural (per exemple, “Portada”, “Calendari escolar” o “Projecte educatiu”).
Usa una Entrada per a notícies, avisos i continguts que tenen caràcter temporal (per exemple, “Excursió al museu” o “Resultats del concurs literari”) o ben continguts que es poden classificar en una categoria o temàtica com a “Preguntes Freqüents”, “Novetats”, “Formació”, “Secretaria”. Les entrades que pertanyen a una mateixa categoria poden mostrar-se fàcilment en una o diverses pàgines, a través dels blocs esmentats anteriorment.
Consell pràctic: Si vols que les famílies troben fàcilment les novetats, publica-les com a entrades i utilitza les pàgines per a organitzar eixes entrades per categories, usant els mòduls dinàmics que oferix Portaledu.
Quan estem treballant en continguts complexos, amb molts blocs, podem fer-ho més còmodament ampliant la zona d’edició. En este exemple mostrem un contingut complex, amb moltes columnes, en el qual no resulta còmode treballar en una àrea estreta:
Opcions per a ampliar la zona de treball
1-Reduir el menú de l’esquerra
En el menú de seccions de l’esquerra, en la part de baix, podem clicar per a reduir-lo. Es mostraran únicament les icones i quedarà el menú més estret.
2-Mode pantalla completa
Des de la part superior, fent clic sobre els tres punts, es mostren les opcions de vista d’edició disponible. Seleccionarem Mode de pantalla completa.
Podem comprovar que, en ampliar la zona d’edició d’esta manera, els elements responsius es mostren de forma més similar a com es veuen en el front, això és, com els veuen els visitants.
En qualsevol moment, podem tornar a la configuració original desfent estos passos.
Advertiment: Este procediment funciona bé, en general. Tanmateix, podria ser que copiar i pegar no funcione en casos determinats com per exemple quan el tipus de bloc copiat no existisca en el wordpress de destí o bé algun bloc tinga algun tipus de restricció en origen o destí.
Amb l’editor de blocs de WordPress és senzill copiar un o diversos blocs des d’una pàgina o post a una altra pàgina o post diferent.
Per a això, només has de seguir estos passos:
1-En una pestanya del navegador, obri en edició el post d’on vols copiar.
2-Obri en una altra pestanya del navegador, també en edició, el post que ha de rebre els blocs copiats
3-En el post original, selecciona el bloc o blocs a copiar. Recomanem fer-ho des de la vista resum del document, ja que es controla millor la selecció. Utilitza el botó dret del ratolí i selecciona Copiar, o bé utilitza CTRL+C. Pots utilitzar la tecla MAJÚSCULES + CLIC esquerre del ratolí per a seleccionar diversos blocs.
4-En el post de destí, fes clic en el lloc on vols vegar el contingut, utilitza el botó dret del ratolí per a pegar, o bé utilitza CTRL+V
5-Com a resultat, es pegaran en el nou post els blocs copiats:
S’han habilitat les opcions del mòdul de blog del tema Generate Press, de manera que ara és possible, entre altres:
Ocultar el nom de l’autor de les entrades en la web de centre
Mostrar les entrades amb l’opció de “Llegir més…”
Ajustos en les imatges destacades
En cas de voler configurar esta opció o continuar mostrant el nom dels autors de les pàgines, es pot fer accedint a l’opció de menú Aparença > Personalitzar > Disseny > Blog
Estes opcions són configurables tant si l’entrada es mostra sola (Single) com en altres maquetacions de pàgina (Arxive).
En eixe mateix diàleg, en la part inferior, des de les opcions de personalització de la imatge destacada, es pot fer variar tant la grandària com la visibilitat i posició d’estes. Si bé el tema permet també la definició de grandàries personalitzades en píxels, des de PortalEdu es desaconsella fer ús d’esta opció.
Com ocultar el títol de la pàgina o entrada
Per a ocultar el títol de qualsevol pàgina o entrada, només hem d’editar-la i, una vegada dins de l’editor, en el panell dret, en els ajustos de l’entrada o pàgina, en la part de baix, trobarem l’opció Desactivar elements –> Títol del contingut
Els blocs són seccions de contingut que podem afegir al nostre article
Cada vegada que inserim un text o una imatge en el nostre article, l’editor Gutenberg el converteix en un bloc, que permet donar-li format i manejar-lo de forma molt més senzilla.
Bloc WordPress
Cada bloc és com una caixa que té la seua pròpia barra d’eines formada per les pròpies del bloc i les comunes a tots. En la part esquerra estan els botons de desplaçament que et permeten arrossegar i canviar la posició del bloc dins de l’article.
Tipus de blocs en Gutenberg
Els blocs es divideixen en categories segons el seu contingut o funció. Tin en compte que amb cada actualització de WordPress i quan Portaledu incorpora nous plugins, apareixen nous blocs i funcionalitats!:
Tipus de blocs
1.Blocs comuns
Són els més habituals, ens permeten afegir textos, imatges i contingut multimèdia.
2. Bloc de Paràgraf
Ens permeten inserir text i donar-li format. Podem canviar l’alineació del text, afegir negretes, cursives i ratllats i incloure enllaços.
bloc paràgraf
Ajustos avançats: en les eines de la columna dreta trobarem ajustos com a grandària de font, capitalitzar i ajustos de color.
Permet canviar als següents blocs: Encapçalat, Llista, Cita, Preformatat i Vers.
3. Bloc de Llistes
Crea una llista numèrica o amb vinyetes per a estructurar millor el teu contingut. A més, es pot variar la sagnia, afegir negretes, cursives, ratllat i enllaços.
4. Bloc d’Encapçalat (Si vols un control més avançat, pots utilitzar el bloc Titular)
Solament podem afegir un H1 (el del títol) però amb aquest bloc podem estructurar el nostre article amb diferents H2 i H3. Podem afegir-li negretes, cursives, enllaços i ratllats.
Ajustos avançats: nivell d’encapçalat (H1, H2, H3…) i alineament del text.
Podem destacar la frase que preferim. Tenim les mateixes eines que el bloc de text. A més ens permet afegir la referència o autor de la cita.
6. Bloc d’Imatge
Podem afegir imatges pujant-les nosaltres mateixos, des de la biblioteca de mitjans o des d’un URL i modificar la seua alineació en el contingut.
Consell avançat: Hi ha un bloc d’imatge més avançat, que permet una major configuració. És el bloc d’imatge de generateblocks. Podràs identificar-lo perquè es mostra amb color blau en la graella de blocs.
7. Bloc de Galeria d’imatges
Ens permet afegir diverses imatges alhora i estructurar-les en columnes i molt més. Més informació ací.
8. Bloc de Coberta
És un bloc d’imatge o vídeo que ens permet afegir un text sobreescrit. Molt útil si volem fer una capçalera de pàgina o un destacat amb un toc de disseny. Ens permet alinear-ho i modificar l’estil del text.
TEXT SOBRE FONS
Ajustos avançats: color de superposició, opacitat.
9. Bloc Fitxer (Ideal per a mostrar PDFs!)
Funciona igual que el bloc d’imatge, però ens permet afegir qualsevol arxiu i crear un enllaç per a veure’l en l’explorador o descarregar-lo al nostre ordinador.
Bloc similar als d’imatge i arxiu. Ens permet vincular un arxiu d’àudio que es podrà reproduir directament en la pàgina.
Ajustos avançats: reproducció automàtica, repetir i precàrrega.
11. Bloc de Vídeo
Ens permet vincular un arxiu de vídeo que es podrà reproduir directament en l’article.
Vídeo MP4 1,5MB (480 x 270)
Els blocs enumerats en este post són només un exemple. Amb cada actualització de WordPress i amb alguns plugins incorporats, com GenerateBlocks, trobaràs en l’editor blocs cada vegada més funcionals i variats. Entra en l’editor i comprova-ho!
Gutenberg és l’editor de blocs de WordPress, que ens permet creari personalitzar els continguts dels nostres articles
La principal diferència de Gutenberg amb l’antic editor clàssic és la seua estructura de blocs. Amb un disseny simplificat, este editor ens permet gestionar qualsevol text o arxiu de les nostres entrades mitjançant blocs.
Estructura de l’editor Gutenberg
Vista detallada. Clica per a ampliar.
En la part central tenim el contingut o vista prèvia de l’entrada. Inicialment apareix un apartat per a inserir el títol i un altre per a afegir el text i altre contingut que anirà en el cos del nostre article.
A la dreta tenim un panell lateral, que ofereix ajustos del document (entrada o pàgina) (categoria, etiquetes, imatge…)o de bloc, si tenim algun bloc seleccionat. Podem ocultar i mostrar aquest panell prement sobre la icona corresponent en la barra superior, dalt a la dreta.
Al costat d’aquesta icona tenim també els botons deVista Prèvia i Publicar.
En la part esquerra de la barra superior, tenim la icona “+”, que ens permetinserir els diferents tipus de blocs. Mitjançant les fletxes podem desfer o refer els canvis realitzats. Finalment, la icona de les línies ens mostra una vista de llista amb els diferents blocs de l’article per a navegar-los ràpidament. Des d’ací podem copiar, pegar, moure o duplicar blocs sense dificultat.
Primers passos
Per inserir un bloc tenim diverses opcions:
Des de la icona “+” situada a dalt a l’esquerra. Ací podem o bé buscar el bloc que necessitem en els menús desplegables o bé directament introduir el seu nom en el cercador.
Selector de blocs
Quan premem la tecla “Enter” en inserir un text en el contingut, automàticament es crea un nou bloc de text.
Consell per a usuaris avançats!: Tal com ens indica l’editor, quan el cursor està en una posició buida de l’area de contingut, (Tecleja / per a triar un nou bloc) escrivint la barra dreta “/” podem començar a escriure el nom del bloc i inserir-lo ràpidament.
Inserció ràpida de blocs mitjançant “/” i opció “+” per a inserir des del selector de blocs.
Prement sobre les icones “+” que apareixen en passar el ratolí sobre el contingut, automàticament es crea un nou bloc de text.
Una vegada inserit un bloc, en seleccionar-lo, apareixerà una barra amb les diferents eines per a aquest. La primera ens permet canviar el tipus de bloc per un altre similar. La resta són opcions per a variar el format, en funció del tipus de bloc.
Barra de ferramentes del bloc
En la part esquerra de la barra de ferramentes del bloc estan els botons de desplaçament, que ens permetran moure el bloc pel contingut de la pàgina.
En tindre’l seleccionat, podrem veure també en el Panell lateral dret les opcions avançades que ens permet aquest bloc.
Blocs bàsics
Gutenberg posseïx nombrosos blocs, ací tens els més útils i habituals:
Paràgraf: des d’aquest bloc es pot afegir text i modificar les seues propietats bàsiques (alineats, negreta, cursiva) o afegir enllaços.
Encapçalat: solament es pot afegir un H1 (el del títol), però amb aquest bloc és possible estructurar l’entrada amb diferents H2, H3…
Imatge: permet afegir imatges, pujant-les des de la biblioteca de mèdia o des d’una URL.
Llista: crea una llista numèrica o amb vinyetes per a estructurar millor el contingut.
Cita: destaca la frase que preferisques del contingut.
Aquests són només alguns dels blocs més comuns, pots conéixer-los més detalladament treballant directament sobre un post en Portaledu.
Gutenberg posa a la nostra disposició molts altres blocs per a manejar els diferents continguts dels nostres articles. A més, cada bloc té els seus propis ajustos, es pot navegar per ells i revisar totes les seues opcions.
portal
Avís de privacitat
Este lloc web utilitza només cookies tècniques necessàries per al seu funcionament. No s’emmagatzemen dades amb finalitats publicitàries ni es comparteixen amb tercers. S’utilitza analítica interna sense cookies, i només es recull la IP amb finalitats de seguretat.
