Med en ny Playportal får ni större möjlighet att designa er portal efter er grafiska profil. Här kan ni till exempel lägga in färger, typsnitt och typografi. Ni kan även designa sidans sidhuvud och sidfot. På detta sätt skapar ni en playkanal med ett enhetligt utseende som speglar ert varumärke och grafiska profil.
Under fliken Portaler (Portals) i sidofältet i Mediaflow ser du en översikt över era portaler. För att komma åt adminläget och redigera portalen, klickar du på pennan för att Redigera (Edit).
Under fliken Design hittar du alla inställningar för er portals utseende. Medan du anpassar inställningarna kan du fritt navigera i din portal och se hur designinställningarna påverkar den. Designändringar syns direkt i gränssnittet och du behöver inte spara för att kunna förhandsgranska.
Tips: Börja med designinställningarnaEftersom de olika valen i blocken bygger på de designinställningar ni gjort, rekommenderar vi att ni börjar med att göra dessa inställningar när ni sätter upp er portal.
Fliken Allmänt
Färger
Här lägger du in färgkoder för de färger ni vill använda för olika element i portalen. Det kan t.ex. handla om er primära varumärkesfärg, bakgrundsfärger för blockens design och textfärger. Under fliken Alternativa färger kan du lägga till valfritt antal färger. Färgerna blir sedan tillgängliga på samtliga ställen där du kan byta färger, förutom när det gäller textfärg.
Tänk på: Mörka och ljusa färgerDu behöver definiera både en ljus och en mörk färg för rubriker, text och bakgrunder. På så vis kan du enkelt variera designen i blocken.
Rutnät och block
Här kan du ange tillåten storlek för bredden på sidor, textspalter och block i er portal. Dessa påverkas när sidan skalas upp eller ner på olika enheter.
Teckensnitt
Här kan du välja vilket eller vilka teckensnitt ni vill ha i portalen. Du kan välja ett teckensnitt eller en kombination av dessa val:
- Förinställda systemteckensnitt
- Koppla direkt till Google Font
- Länka till egna teckensnitt som finns tillgängliga på en server t. ex. på er webbplats genom att länka till en CSS-fil.
- Hämta ett teckensnitt från Mediaflow
Egna teckensnitt
För att lägga till egna teckensnitt klickar du på Lägg till nytt teckensnitt > Teckensnittkälla > Anpassat teckensnitt. Välj sedan aktuella skärningar och välj namn för ditt typsnitt. Under URL till teckensnitt anger du en länk till en CSS-fil med en font-face-lista t. ex. från din webbplats. Denna fil innehåller länkar till de skärningarna som du har valt. När du lagt till ett nytt teckensnitt dyker det sedan upp i listan över valbara teckensnitt.
Typografi
Här anger du stil för rubriker och text för att säkerställa en konsekvent och visuellt tilltalande läsupplevelse i er portal. De inställningar du gör här blir sedan valbara när du redigerar text i ett innehållsblock.
Knappar och länkar
Anpassa utseendet på knappar och länkar i er portal genom att ange teckensnitt och färger för de olika knapparna. Du kan göra designinställningar för primära knappar, sekundära knappar och länkknappar.
Sidhuvud
Här gör du inställningar för utseendet på portalens sidhuvud. Här laddar du upp er logga och designar navigeringen högst upp på sidan.
Sidofält
Här gör du inställningar för sidofältets färger och navigering. Detta syns på sidan för videokategorier och för de sidor där du valt att visa undersidor eller olika kategorier i en meny till vänster på sidan.
Sidfot
Här designar du er portals sidfot. Du kan t.ex. ändra färg på sidfotens bakgrund, text, kantlinje och länkar.
Formulär
Här kan du gör inställningar för text och färg på knappar i inbyggda formulär i portalen. Dessa formulär syns till exempel om ni har slagit på funktionen för redovisning vid nedladdning eller om ni tillåter tittare att dela videon vidare.
Video
Här gör du inställningar för layouten för hur filmer ska visas på olika sidor; i olika videolistor, på kategorisidan för video, sidan där en enskild video visas och hur filmer visas när man gör en sökning.
Du kan t.ex ändra inställningar för bredd för de olika bildlägena, hur mycket mellanrum det ska vara mellan varje video och om beskrivande text ska ligga på vid sidan av varje video.
Här har vi gjort två olika inställningar för filmer som visas i en videolista och där vi valt layouten Text on top. Här kommer endast de videolistor med denna layout att påverkas av inställningarna.
Exempel 1:
Exempel 2: