Gör så här
Designrekommendation
För att distriktets klubbar ska visa en enhetlig grafisk profil rekommenderar distriktet följande inställningar:
- Gå till Webbplatsen (ny, beta) -> Webbplatsdesigner.
- Klicka på Teman
- Leta upp och markera tema Millennium (Next Gen – No Banner)
-
Välj färgschema vid röda pilen.
- Klicka på Layouter och välj Full Width Top Band above Three Columns.
- Klicka Publicera.
Färgkoder
Rotary Leadership Colors enligt RI visual guidelines:
Ljusblå (Sky Blue) #019FCB
Mellanblå (Azure) #0050A2
Mörkblå (Royal Blue) #0C3C7C
Guld (Gold) #F7A81B
Grå bakgrund i widgetrubriker: #ECECEC
Widgets
- Widget-kontrollerna:
- Om widgeten har rubrik redigeras rubriktexten via kugghjulet. Om rubriken inte har bakgrundsfärg bör en grå remsa sättas dit: färgkod #ECECEC.
- Om widgeten har penn-symbol klickar du på den för att redigera innehållet.
- Widget som visar innehåll har istället symbol för att redigera vad som hämtas. Klicka där och då öppnas sidan för uppgiften, t ex artikelbiblioteket. När du är klar med det, klicka på Gå tillbaka och du kommer tillbaka till editorn.
- Områdena Drop Here (nya editorn) resp Överst, Primär osv (gamla editorn) är rymmer flera widgets, om så önskas. Den andra widgeten kan placeras antingen över eller under den första widgeten. Dra den andra widgeten uppåt och nedåt över den första, tills du ser att ett landningsområde tänds där du vill ha det.
- Bra widgets:
- Widgetar som visar information -> Karusell (bildspelet överst på hemsidan).
- Widgetar som visar information -> Webbplatsartiklar. Hämtar och visar senaste artiklarna: viktig del av informationsflödets automatisering!
- Widgetar som visar information -> Contact us (en inbyggd sida (Built-in Page) med kontaktformulär).
Läs CR:s Instruktion för att redigera mottagare, dvs vem inom klubben som ska få de mail som formuläret skickar. - Evenemang -> Kommande evenemang.
- Nyhetsbrev & PR -> Prenumerera på nyhetsbrev (leder till prenumerationsformulär för icke-medlemmar).
- Fritextwidget (global). Samma widget finns tillgänglig för alla sidor. Redigeras den på en sida, då ändras den samtidigt på andra sidor där den ingår. Perfekt för t ex info om klubben, mötestid etc som man vill ha på många sidor.
- Fritextwidget (sidspecifik). Ger möjlighet till avancerad redigering (HTML-kod m m).
Avancerad redigering
Fritextwidgets har en Redigera-symbol till vänster om kugghjulet. Den leder till en sida med avancerade redigeringsmöjligheter av widgeten, bl a källkod (HTML).

För att bädda in t ex en Youtube-film använd fritextwidget och se CR supportsida (engelska).
Bildhantering
- Ladda upp grundbilder till Image Library (vänsternavigeringen Webbplatsen -> Webbplatsens innehåll ->Bibliotek -> Image Library -> My Images).
- Notera mapparna som redan finns med CR-bilder, Rotaryloggor och Rotarybilder! Rotarybilderna i CR:s Image Library och de som finns i MyRotary Brand Center kan användas fritt i alla Rotarysammanhang, även om lokalt präglade bilder är att föredra.
- Missa inte "Branding" av bilderna - ladda bilden med Rotarybudskap. En mycket användbar webb-app för att lägga Rotaryloggor – People of Action-teman m m – på bilder (även egna bilder) är app.poaphotos.com Rekommenderas!
- Bilder till artiklar, program osv kan laddas upp löpande under redigeringsarbetet.
Tips: strukturera redan från början bildfilerna i olika mappar under My Images, bl a eftersom de troligen kommer att användas av flera av klubbens funktionärer i olika sammanhang. - Bildfilerna till Karusell-funktionen (redigera genom att klicka på Karusell-widgeten på hemsidan) laddas upp till den Karusellens redigeringssida (inte via My Images). För en snygg karusell gör alla bilder lika stora (t ex 1600 x 300 till 550 px).
Tips: använd nya Dynamic Carousel-widgeten, den har många användbara inställningsmöjligheter. - Klubblogga för webben (klubbnamnet till höger om hjulet) kan tillverkas på https://brandcenter.rotary.org/en-GB/App/Approval/AdrenalineTemplate/Details/19 länken måste klistras in i webbläsaren (eller gå vidare till Logos -> Template).
- Läs mer om loggor och verktyg för att ta fram dessa i Eriks handledning Rotaryklubblogo.docx som ingår i RotaryGrafik119.zip på https://www.rotary2370.se/dokument/
- Gör gärna ett klubbprojekt för att få fram bra lokala bilder som lämpar sig för "brevlådeformatet" och har bra upplösning för webbvisning. Dessutom ska klubben ha rätt att använda bilderna (fotografens upphovsrätt) och personerna på bilderna ska medge det (GDPR). Se fina bilder hos rotary2390.se och deras klubbar!
Att göra nya sidor
Inbyggda färdiga sidor
Bekanta dig med Built-in Pages, det finns många användbara - du behöver bara länka en menypunkt till en Built-in Page, vips har du en sida med bra information.
I hemsidan som kom med CR-leveransen finns menypunkten Evenemang som visar just en inbyggd kalendersida med klubbens kommande evenemang. Se mer info om Built-in Pages på supportsidan Webbmenyer.
Egna sidor
För att göra Custom Pages, börja med att skapa en egen sidmall (visas i filmen nedan) med en grundlayout utan widgets. Då blir den generellt enkel och snabb att göra nya sidor med.
Endast den globala widget för klubbinformation (Välkommen till oss) platsar i mallen eftersom chansen är stor att man vill ha den även på den nya sidan.
- Arbetsgången för ny sida är
- Skapa ny sida från mall.
- Ge sidan sitt unika namn i Egenskaper. Här kan du också välja om sidan ska vara publik eller kräva inloggning.
- Ändra vid behov layout.
- Dra in lämplig widget och släpp på ett landningsområde.
- Fyll widgeten med innehåll (text, bilder, länkar), eller ställ in widgetens hämtning av innehåll.
När sidan är skapad går den att använda i menyer.
Alltså: först sida, sen menypunkt.
Tips för nedladdningsfil
Länk till Link Type = Document är praktisk för att öppna ett dokument i webbläsaren (dvs en fil som finns bland ClubRunners dokument (Organisation/Dokument).
Men om klick på länken istället ska utföra nedladdning av filen, då måste man arbeta med HTML-koden. Gör så här:
- Använd en fritextwidget, sidspecifik (inte vanlig widget för text och bilder).
- Lägg in länken som vanligt.
- Klicka på widgetens Redigera komponenten (se Widgets, Avancerad redigering ovan).
- Om du får frågan Draft vs. Live: välj Edit Draft version.
- Klicka knappen Källa (källkodsläge). Leta upp länken i HTML-koden och ändra den enligt syntaxen
<a href="filnamn" download>
Exempel:
Före ändring
<a href="documents/sv-se/9b44e4aa-fe18-4b26-a8b4-46054b874a84/1" target="_blank">Medlemsansökan</a>
Efter ändring
<a href="documents/sv-se/9b44e4aa-fe18-4b26-a8b4-46054b874a84/1" download>Medlemsansökan</a> - Klicka Save and publish och du är tillbaka i webbsides-editorn.
Widgetkoden kommer att flytta download-kommandot till före href, men ändring enligt ovan är enklast att göra.
OBS - var uppmärksam på om det länkade dokumentet kräver inloggning eller ej. Detta ändras vid behov genom att redigera dokumentets egenskaper i Organisation/Dokument.
Tips för kalendervy
Minikalendern går inte att bläddra. Gör en länk till den inbyggda sidan med kalendervy, vilken går att bläddra och där finns också länk för att prenumerera på kalenderhändelserna.
Använd en Fritextwidget (sidspecifik):
- Widgetinställningar
- Visa inte kant
- Visa inte rubrik
- Innehåll Egenskaper/Bakgrundsfärg: #ECECEC
- Skriv in texten
- Ändra till Font Arial, Fet
- Infoga pilen i källkodsläge (se Widgets, Avancerad redigering ovan) med HTML-kod →
- Länka KALENDERVY till Built-in Page: Event Calendar
- Stryk under KALENDERVY för att göra tydligt att det är en länk
- Ändra teckenfärg till #005DAA
- Öka eventuellt Size på pil och/eller text
Många har "Kommande evenemang" eller "På gång" i sidmenyn, men då ofta då till Listvyn (Events List) med bilder.