{"id":5566,"date":"2025-11-14T16:51:40","date_gmt":"2025-11-14T14:51:40","guid":{"rendered":"https:\/\/webs.uab.cat\/webedit\/?page_id=5566"},"modified":"2026-03-06T10:08:27","modified_gmt":"2026-03-06T08:08:27","slug":"fila-carrusel-imatge-o-video","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/components-de-portada\/fila-carrusel-imatge-o-video\/","title":{"rendered":"Fila carrusel (imatge o v\u00eddeo)"},"content":{"rendered":"\n

Alguns llocs web contenen, a la seva portada, una fila a la part superior que permet incorporar l\u2019asset Enlla\u00e7, configurat amb imatges de gran format o b\u00e9 v\u00eddeos, amb un petit text i un enlla\u00e7 que normalment porta l\u2019usuari cap a alguna p\u00e0gina interior o not\u00edcia.<\/p>\n\n\n\n

Nom\u00e9s es poden mostrar 3 elements<\/strong> per evitar penalitzar el rendiment de la p\u00e0gina i garantir una bona usabilitat.<\/p>\n\n\n\n

Exemple:<\/p>\n\n\n

\n
\"Exemple<\/figure>\n<\/div>\n\n\n

Elements que cal tenir preparats<\/h2>\n\n\n\n

Enlla\u00e7 amb imatge<\/h3>\n\n\n\n
    \n
  1. Asset Enlla\u00e7<\/strong>.<\/li>\n\n\n\n
  2. Asset Multim\u00e8dia de tipus Imatge amb dimensions 2000 x 600 p\u00edxels<\/strong>.<\/li>\n<\/ol>\n\n\n\n

    Important:<\/strong> La imatge no pot ser massa clara, perqu\u00e8 el text ha de ser llegible.<\/p>\n\n\n\n

    Enlla\u00e7 amb v\u00eddeo<\/h3>\n\n\n\n
      \n
    1. Asset Enlla\u00e7<\/strong>.<\/li>\n\n\n\n
    2. Asset Multim\u00e8dia de tipus V\u00eddeo<\/strong>.<\/li>\n<\/ol>\n\n\n\n

      Requisits del v\u00eddeo:<\/strong><\/p>\n\n\n\n

        \n
      • Dimensions: 2000 x 600 p\u00edxels<\/li>\n\n\n\n
      • Durada: 15 segons<\/li>\n\n\n\n
      • Sense so<\/li>\n<\/ul>\n\n\n\n

        D’on surt la informaci\u00f3<\/h2>\n\n\n\n

        Els textos que es veuen al b\u00e0ner provenen de l\u2019asset Enlla\u00e7:<\/p>\n\n\n\n

          \n
        • Avant\u00edtol:<\/strong> s\u2019informa en el camp T\u00edtol.<\/li>\n\n\n\n
        • T\u00edtol:<\/strong> s\u2019informa en el camp Descripci\u00f3.<\/li>\n\n\n\n
        • El text del bot\u00f3 ve per defecte; el que varia \u00e9s el dest\u00ed de l\u2019enlla\u00e7, definit en:\n
            \n
          • Ruta enlla\u00e7 extern, si \u00e9s un enlla\u00e7 extern.<\/span><\/li>\n\n\n\n
          • P\u00e0gina interna enlla\u00e7ada, si \u00e9s un enlla\u00e7 intern.<\/span><\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Si \u00e9s un b\u00e0ner amb imatge, la imatge s’associa en el camp Imatge de l’asset Enlla\u00e7.<\/li>\n\n\n\n
          • Si \u00e9s un b\u00e0ner amb v\u00eddeo, la imatge s’associa en el camp V\u00eddeo de l’asset Enlla\u00e7.<\/li>\n<\/ul>\n\n\n\n

            Edici\u00f3 de l’asset Fila carrusel<\/h2>\n\n\n\n

            La fila de carrusel ja est\u00e0 preconfigurada<\/strong> quan es crea un nou web, per tant no cal crear-la de nou<\/strong>. Nom\u00e9s cal actualitzar-ne el contingut<\/strong>.<\/p>\n\n\n\n

            La trobareu associada a la Portada del site<\/strong>. Quan editeu l\u2019asset, veureu una interf\u00edcie com aquesta:<\/p>\n\n\n

            \n
            \"Captura<\/figure>\n<\/div>\n\n\n

            A continuaci\u00f3 detallem els camps disponibles. Nom\u00e9s s\u00f3n obligatoris els marcats amb un asterisc<\/strong>.<\/p>\n\n\n\n

            Camps de l\u2019asset Fila Carrusel<\/h3>\n\n\n\n
              \n
            • *Nombre:<\/strong> nom intern per identificar l\u2019asset dins d\u2019Oracle WCS. Per norma general, ser\u00e0 F_Slide o F_Carrusel. No s\u2019ha de modificar.<\/strong><\/li>\n\n\n\n
            • Etiquetas:<\/strong> opcionalment, es poden afegir etiquetes per facilitar la localitzaci\u00f3 dels assets.<\/li>\n\n\n\n
            • *T\u00edtol:<\/strong> camp que no es mostra.<\/li>\n\n\n\n
            • *enllacosCarrusel:<\/strong> \u00e9s on associarem els diferents assets Enlla\u00e7.<\/li>\n<\/ul>\n\n\n\n

              Tot i que la fila permet col\u00b7locar m\u00e9s d\u2019un element, es recomana posar-ne nom\u00e9s un i anar-lo canviant peri\u00f2dicament (per no penalitzar el rendiment i garantir una bona usabilitat).<\/p>\n","protected":false},"excerpt":{"rendered":"

              Alguns llocs web contenen, a la seva portada, una fila a la part superior que permet incorporar l\u2019asset Enlla\u00e7, configurat amb imatges de gran format o b\u00e9 v\u00eddeos, amb un petit text i un enlla\u00e7 que normalment porta l\u2019usuari cap a alguna p\u00e0gina interior o not\u00edcia. Nom\u00e9s es poden mostrar 3 elements per evitar penalitzar […]<\/p>\n","protected":false},"author":24,"featured_media":0,"parent":4527,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5566","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5566","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=5566"}],"version-history":[{"count":11,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5566\/revisions"}],"predecessor-version":[{"id":7244,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5566\/revisions\/7244"}],"up":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4527"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=5566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}