Anvä ndärguide Nyä Expeditionsresor

Transkript

1 Anvä ndärguide Nyä Expeditionsresor Hjälpguide för att använda Wordpress och Nya Expeditionsresor.se

2 Innehållsförteckning Logga in till Wordpress-panelen... 3 Skapa bildspel... 4 Färgkoder... 7 Skapa ny sida... 9 Video Skapa innehåll på sida Redigera byggkloss Image Gallery Menyer Sidebars... 16

3 Logga in till Wordpress-panelen Ni loggar in på Ange användarnamn och lösenord.

4 Skapa bildspel 1. Klicka på LayerSlider WP i vänstra panelen. 2. Klicka på ikonen för att duplicera MallSlider. Den är förprogrammerad med rätt inställningar för att underlätta för er. 3. När klickat på den för ni upp en ny Slider som heter MallSlider copy. Klicka på den. 4. Klicka sen på Slider Settings och byt namn. Använd ett bra förklarande namn. Exempelvis Svalbard. Tryck sedan på Save changes. (Se bild nedan) OBS! Vänta tills knappen Save changes blir grön innan ni trycker på något.

5 5. Klicka på den lilla bilden till vänster under Slide image & thumbnail.

6 6. Ladda upp fil från dator, eller välj fil som ni tidigare lagt till i mediebiblioteket. Välj bild och tryck sedan insert. 7. Klicka Duplicate this slide till höger för att göra en kopia. Då följer alla inställningar för den sliden också med. 8. Ändra texten innan för > < (Från början står det LITEN TEXT OVANFÖR på den första) <span class="layerspan1 white-shadow lyr-black">liten TEXT OVANFÖR</span>

7 <h1 class="lyr1 black-shadow lyr-white">stortext</h1> <span class="layerspan1 white-shadow lyr-black">liten TEXT NEDANFÖR</span> 9. Tryck på Save changes längst ner när ni är klara. Ni kan även ändra ordningen på slides genom klicka å dra flikarna uppe till vänster. Classes & Färgkoder Ni kan även ändra classerna inuti för att andra färger. Ni får dock inte ändra: layerspan1 lyr1 Här nedan följer de som finns för tillfället som ni kan ändra till: white-shadow = vit skugga för mörk text black-shadow = svart skugga för ljus text

8 lyr-white = vit lyr-black = svart lyr-cabos = röd/orange, färgkod #ff3333 lyr-island = grön, färgkod # lyr-nordpolen = blå, färgkod #3399cc lyr-gc = gul, färgkod #ffcc33 lyr-jordanien = beige, färgkod #ffcc99 lyr-ebc = blå, färgkod #0099cc lyr-bhutan = orange, färgkod #ff6633 lyr-mongoliet = limegrön, färgkod #99cc33 lyr-mpg = lila, färgkod # lyr-georgien = röd, färgkod #cc0000 lyr-zambesi = brun, färgkod # lyr-kilimanjaro = gul, färgkod #ff9933 Det går även att lägg till nya färgkoder genom att gå in på LayerSlider WP-> CSS editor. Längst ner lägger ni till nya genom att följa samma mönster. Tryck Save changes när du har lagt till ny..lyr-namn { color: färgkod }

9 Skapa ny sida 1. Klicka på Sidor i den vänstra panelen. Klicka sedan på Skapa ny. För att spara trycker man på publicera, eller uppdatera i högra spalten högst upp. Men det går även att spara som utkast och då kan man även förhandsgranska innan så att man tycker det ser bra ut innan man publicerar. 2. Skriv titel på sidan högst upp. Det är namnet som den kommer ha i panelen och även kan ha på sidan. 3. I högra spalten under sidattribut välj Förälder. Alltså hierarkin för sidan. Kilimanjaro har Resmål som förälder. Välj sedan mall. Alla sidor utom video-sidor ska använda Page-Fullwidth.

10 4. Välj inställningar under Page Options. Är den stängd, klicka på den så att den öppnas. Om titeln ni sätter här inne även ska synas på själva sidan. Page Title On/Off Om sidan ska börja med att vara uppdragen eller nere. Content Position Style. Up or Down. Om bakgrunden ska vara ett bildspel, eller en statisk bild. Background Style Väljer ni Slideshow som Background Style, ska ni i rutan under välja vilket bildspel ni vill använda. Klicka på rullistan och välj under Choose LayerSlider Om ni väljer Static Image istället måste ni välja en utvald bild att ha som bakgrund. Det gör ni genom att klicka på Ange utvald bild under Utvald bild i den högra spalten, lite längre ner. Om sidan ska använda en meny högst upp. Menu. On or Off. Om ni har valt att använda meny, välj då den meny ni vill välja. Mer om detta under kapitlet Menyer. Video Om sidan ska ha en video som bakgrund ange ID. Viktigt också att välja rätt mall under sidattribut. Välj Fullscreen Youtube Video för youtube som mall och Fullscreen Vimeo Video för Vimeo.

11 Skapa innehåll på sida Klicka på Backend Editor högst upp för att få fram Visual Composer. (Backend editor tar fram Visual Composer på sidan ni är på. Med Frontend editor kan man ändra och lägga till direkt på sidan. Men det är samma grundtanke.) Under Visual Composer skapar man innehåll på sidan. 1. Klicka på Add Row för att skapa en ny rad. 2. Klicka på kolumnväljaren för att dela upp sidan i kolumner. Välj 2/3 + 1/3 3. Klicka på plus tecken för att lägga till innehåll, en byggkloss. 4. Skriv text i sökfältet för att få upp färre alternativ. Välj Text Block. 5. Ny ruta. Skriv text ni vill ha. Klicka Save för att spara texten. För att ändra färg på vissa texter. Klicka först på symbolen på den första raden för att expandera alternativen. Klicka sen på pil bredvid det första A:t. Se bild nedan. Välj färg och klicka Apply.

12 Om ni vill lägga till en rubrik i texten. Skriv på egen rad. Markera texten och välj sen färg och i rutan Rubrik 1.

13 6. Klicka nu på plustecknet i den högra kolumnen. Skriv sidebar i sökrutan för att få upp färre alternativ. Välj Widgetised Sidebar. Välj sedan under Sidebar, i rullistan, vilken sidebar ni vill använda där. Klicka Save. Skriven under Kapitlet Sidebar mer om hur man skapar sidebars. När ni är klara klicka Publicera, uppdatera, eller spara som utkast. Ni kan även prova att ändra andra byggklossar. Spara som utkast och testa er fram. Men dessa är de ni behöver mest. Andra bryggklossar som kan vara bra att använda: - Single Image - Separator - Spacer / Gap - Image Gallery (mer om den nedan) Redigera byggkloss För att redigera en byggkloss. För musen över klossen och tryck på pennan. Där kan man även ta bort på krysset eller duplicera. Image Gallery Lägg till Image Gallery på sida via Visual Composer. 1. Välj Gallery Type Image grid. 2. Skriv 293x165 under Image size.

14 3. Välj Open prettyphoto under On click 4. Klicka på rutan med det gröna plustecknet i. 5. Välj bilder. Varje bild går det skriva en Rubrik text på till höger. Klicka sen Add images.

15 Menyer För musen över Utseende i den vänstra panelen och välj Menyer. 1. Klicka Skapa en ny meny. 2. Skriv namnet på meny och klicka spara meny. 3. Välj sidor genom att marker sidor du vill han med i menyn till vänster. Klicka Lägg till i meny Viktigt att man döper sidor rätt så att de är lätta att hitta sen. De rangordnas efter senast tillagda. 4. Byt ordning genom att dra å släppa menyklossarna. Tryck spara meny när du är klar.

16 Sidebars 1. Lägg till ny sidebar genom att klicka Theme Setting i den vänstra spalten i panelen. 2. Klicka sen på Sidebar 3. Skriv in Namnet på den nya sidebar under Add a new sidebar och klicka Enter eller klicka på spara. Gå sedan till Utseende -> Widgets Välj den sidbar klicka på den för att öppna den. Se nedan.

17 De första två är text/html. Den första är bokningsknapp, telefonnummer och mail-knapp. Den andra är Facebook like. Dessa behöver ni aldrig skriva i. Klicka på plus tecknet för att duplicera. Dra sen den till den sidebar ni vill ha den i. Den ni nyss skapat. Det två andra är en bildwidget. Den går också att duplicera om man vill. Annars går det också bra att välja från widgets i den två vänstra spalterna och dra in den till den nya sidebaren.

18 Klicka högst upp för att lägga till bild. Skriv länk som man ska länkas till om man klickar på bilden Välj i rullistan hur länken öppnas Välj Full Storlek Välj Ingen Justering. Klicka Spara.