{"id":4999,"date":"2025-09-10T12:12:30","date_gmt":"2025-09-10T10:12:30","guid":{"rendered":"https:\/\/webs.uab.cat\/webedit\/?page_id=4999"},"modified":"2025-12-02T17:18:13","modified_gmt":"2025-12-02T15:18:13","slug":"pagina-de-filtre","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/pagina-de-filtre\/","title":{"rendered":"P\u00e0gina de filtre"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">La <strong>P\u00e0gina Filtre<\/strong> serveix per mostrar totes les fitxes creades, amb la possibilitat de <strong>filtrar-les per les categories assignades<\/strong>. Exemple:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-1-1024x1024.jpg\" alt=\"Exemple de p\u00e0gina amb llistat de Fitxes on s'ha filtrat per un categoria\" class=\"wp-image-4988\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-1-1024x1024.jpg 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-1-300x300.jpg 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-1-150x150.jpg 150w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-1-768x768.jpg 768w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Creaci\u00f3 de la P\u00e0gina Filtre<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Abans de crear la p\u00e0gina, <strong>cal crear les categories<\/strong>. Per fer-ho:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ves a <strong>Nuevo Asset > Categoria Fitxa<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"664\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-Categoria-Fitxa.png\" alt=\"Opcions del men\u00fa Nou on s'ha resaltat la ubicaci\u00f3 de l'opci\u00f3 Categoria Fitxa\" class=\"wp-image-4987\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-Categoria-Fitxa.png 940w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-Categoria-Fitxa-300x212.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-Categoria-Fitxa-768x543.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3 es pot veure una captura d\u2019un exemple de camps d\u2019un asset categoria fitxa seguidament l\u2019explicaci\u00f3 de cada camp:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"977\" height=\"612\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Asset-Categoria.png\" alt=\"Captura de pantalla de l'asset Categoria Fitxa\" class=\"wp-image-4986\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Asset-Categoria.png 977w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Asset-Categoria-300x188.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Asset-Categoria-768x481.png 768w\" sizes=\"auto, (max-width: 977px) 100vw, 977px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Camps de l\u2019asset Categoria Fitxa<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Nombre<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nom intern per identificar la categoria dins el gestor.<\/li>\n\n\n\n<li>Prefix recomanat: CAT_FX_<\/li>\n\n\n\n<li>Exemple: CAT_FX_AccesObert.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Etiquetas<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Opcional. Serveix per etiquetar assets i facilitar la cerca.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">T\u00edtol<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Obligatori. Nom de la categoria que es veur\u00e0 a les fitxes. Exemples: Acc\u00e9s Obert, Ci\u00e8ncia Ciutadana, Codi Obert.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Cadena URL<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nom per a la URL que identificar\u00e0 la categoria.<\/li>\n\n\n\n<li>Exemple: si escrius acces-obert, la URL ser\u00e0: www.uab.cat\/ca\/ciencia-oberta\/acces-obert.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Codi<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Nom que es mostrar\u00e0 al llistat de categories dins l\u2019asset P\u00e0gina Filtre i dins l\u2019<a href=\"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/fitxes\/\">Asset Fitxa<\/a>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"861\" height=\"694\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-en-Asset.png\" alt=\"Visualitzaci\u00f3 de les categories dins d'un asset de Fitxa\" class=\"wp-image-4985\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-en-Asset.png 861w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-en-Asset-300x242.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-en-Asset-768x619.png 768w\" sizes=\"auto, (max-width: 861px) 100vw, 861px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Un cop creades les categories\u2026<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ja pots crear la <strong>P\u00e0gina Filtre<\/strong>. El proc\u00e9s \u00e9s el mateix que per crear qualsevol asset p\u00e0gina, amb aquestes especificacions:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"749\" height=\"758\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-Page-Filtre-obert.png\" alt=\"Categories seleccionades en un asset Fitxa\" class=\"wp-image-4984\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-Page-Filtre-obert.png 749w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-Page-Filtre-obert-296x300.png 296w\" sizes=\"auto, (max-width: 749px) 100vw, 749px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Camps de la P\u00e0gina Filtre<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Nombre<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nom intern per identificar la p\u00e0gina dins el gestor.<\/li>\n\n\n\n<li>Per traduccions, afegeix (es) o (en).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Etiquetas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opcional. Serveix per etiquetar assets i facilitar la cerca.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Template <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Utilitza: TemplatePageFitxesFiltrables_VA.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">T\u00edtol<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Obligatori. Ha de ser \u00fanic i descriptiu. Es mostra com a encap\u00e7alament principal de la p\u00e0gina.<\/p>\n\n\n\n<p class=\"wp-block-uab-alerta missatge\">Cada p\u00e0gina d\u2019un site ha de tenir un t\u00edtol \u00fanic i descriptiu del contingut de la p\u00e0gina.<br>El t\u00edtol de la p\u00e0gina s\u2019utilitza a les pestanyes del navegador i permet diferenciar-les. Tamb\u00e9 l\u2019utilitzen els cercadors i \u00e9s el nom per defecte que es desa als preferits. Pots saber-nes m\u00e9s a l\u2019apartat Accessibilitat >\u00a0<a href=\"https:\/\/webs.uab.cat\/webedit\/titol-de-la-pagina\/\">T\u00edtol de la p\u00e0gina<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">T\u00edtol curt<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opcional. Es mostra als men\u00fas i al fil d\u2019Ariadna (breadcrumb). Nom\u00e9s s\u2019ha d\u2019omplir en cas que el t\u00edtol principal de la p\u00e0gina sigui molt llarg.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Metatag Description<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Millora el SEO. Consulta el blog: <a href=\"https:\/\/webs.uab.cat\/webedit\/2021\/04\/08\/metadades-que-son-i-per-a-que-serveixen\/\">Metadades, qu\u00e8 s\u00f3n i per a qu\u00e8 serveixen<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Metatag Robots<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Mant\u00e9n l\u2019opci\u00f3 per defecte: index, follow.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Part final de la URL<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Recomanacions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elimina articles i car\u00e0cters especials.<\/li>\n\n\n\n<li>Substitueix espais per guions.<\/li>\n\n\n\n<li>Mant\u00e9n-la curta (ex.: millor fitxes-disponibles que les-fitxes-disponibles-del-departament).<\/li>\n\n\n\n<li>Important: No editis aquest camp un cop guardada la p\u00e0gina.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Imatge cap\u00e7alera<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opcional. Recomanem no pujar cap imatge perqu\u00e8 el sistema agafar\u00e0 la imatge global del lloc web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Categories filtres<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Selecciona les categories creades.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Nombre de columnes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Escull si vols veure 3 o 4 fitxes per columna.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Resultat final<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quan cre\u00efs un nou\u00a0<a href=\"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/fitxes\/\" data-type=\"page\" data-id=\"4993\">asset\u00a0fitxa<\/a>\u00a0aquest es col\u00b7locar\u00e0 autom\u00e0ticament en la P\u00e0gina Filtre, <strong>sense necessitat d\u2019associar-lo manualment<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-net-1024x1024.jpg\" alt=\"Exemple d'una llistat de fitxes on s'ha seleccionat una categoria\" class=\"wp-image-4983\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-net-1024x1024.jpg 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-net-300x300.jpg 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-net-150x150.jpg 150w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-net-768x768.jpg 768w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Visualitzacio-Categories-net.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>La P\u00e0gina Filtre serveix per mostrar totes les fitxes creades, amb la possibilitat de filtrar-les per les categories assignades. Exemple: Creaci\u00f3 de la P\u00e0gina Filtre Abans de crear la p\u00e0gina, cal crear les categories. Per fer-ho: A continuaci\u00f3 es pot veure una captura d\u2019un exemple de camps d\u2019un asset categoria fitxa seguidament l\u2019explicaci\u00f3 de cada [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":0,"parent":4525,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4999","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/comments?post=4999"}],"version-history":[{"count":15,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4999\/revisions"}],"predecessor-version":[{"id":6108,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4999\/revisions\/6108"}],"up":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4525"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=4999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}