Designa er Brand Portal

Med en Brand Portal 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 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 alla era portaler. För att komma åt adminläget för portalen, klickar du på pennan för att Redigera [Edit] respektive portal.

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.

Bra idé att börja med designinställningarna

Eftersom de olika valen i blocken bygger på era designinställningar rekommenderar vi att börja 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 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.

Mörka och ljusa färger

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

1. Förinställda systemteckensnitt

2. Koppla direkt till Google Fonts

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

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.

Nedan ser du ett exempel på en CSS-fil med länkar till teckensnittens skärningar. Observera att font-style och font-weight måste matcha dina val av skärningar under Stilar.

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''), url('https://www.example.com/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('https://static.mediaflowpro.com/fonts/source-sans-pro-v14-latin-regular.woff') format('woff');
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''), url('https://www.example.com/fonts/source-sans-pro-v14-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('https://static.mediaflowpro.com/fonts/source-sans-pro-v14-latin-italic.woff') format('woff');
}

Exempel på hur du ställer in eget 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.

Ta hjälp av sidan Portal Design

Exempelsidan Portal Design hjälper dig att att få en överblick över hur dina designinställningar påverkar sidorna i din portal. Klicka gärna in på sidan medan du gör ändringar så ser du resultatet direkt eftersom sidan uppdateras automatiskt.

 

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.

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å de sidor där du valt att visa sidofältnavigering.

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 valt att slå på redovisning av användning i er portal eller om ni tillåter att besökarna ska kunna hämta inbäddningskod för video.

Filer

Här gör du specifika designinställningar för blocket Filer som möjliggör att visa filer från ditt Mediaflowkonto för att tillåta nedladdning. Du kan välja mellan ljus eller mörk bakgrund. Du väljer även om filer med genomskinlighet ska ha en rutig bakgrund eller inte.