HELP


HELP- Layout och text

Det finns många fördelar med att en layout som är enhetlig. Fördelen med att vara konsekvent när det gäller att lägga in text i sidor och inlägg, är att hela sajten blir lättare att läsa och förstå, samt att det ser proffsigare ut.

 

Grundlayout
För alla sidor och inlägg är den fördefinierade layouten 3 spaltig (2 sidofält Höger och vänster).  Fördelen är är att inlägg (som är vanligast) inte blir så bred och därmed svårläst. Alternativet till denna layout är:

Förstasidan  – som inte har några spalter och
Statiska sidor – t.ex. Stadgar, Etiska riktlinjer etc. som har layouten Vänster sidofält.

 

Inläggen
När du skapar inlägg, tänk på följande:

Skapa en ingress –  Ingressen är vanligtvis i fet stil men accentuera den genom att lägga den i en box. Ange boxen “Effect” som “Raised”. Ingressen bör inte vara mer än 3-4 rader lång (se ingressen överst på sidan).

Lägg in texten – Var flitig med att göra nya stycken. Bättre med för många än för få. Skapa gärna rubriker till stycket.

lagicon150px

 

Bilder – Personbilder läggs in med storleken 150 pixlar bredd. Miljöbilder/grupper på människor etc. kan vara allt mellan 250 – 500 pixlar breda men inte mer. Alla bilder vänsterställs (klicka på bilden och välj ikonen längst till vänster- Då kommer texten att flöda runt bilden på höger sida, precis som det är gjort i detta exempel. Ett undantag är Kontaktsidan. Eftersom man vill slippa att scrolla i evighet är denna sida upplagd med hjälp av Shortcode (row  + column). Sannolikt är det dock enda gången det används. Om du vill lägga in en massa bilder, t.ex. från en konferens, lägg in bilderna som ett Galleri istället.

Dokument – Ibland vill man lägga in ett dokument som en länk, typ Vagledaren 2015-1. Här används Lägg till Media -> sen väljer du rätt dokument.

Alternativt så vill man lägga in dokumentet så att det kan läsas på samma sida, typ: 

Detta åstadkommer du genom att använda Shortcode -> Välj Document -> Välj Media Manager och välj sedan rätt dokument. På det sättet behöver inte besökaren lämna sidan för att läsa dokumentet.

 


HELP-widgets

Widgets är små “program” som du kan lägga in på olika ställen. För att styra vilka sidor/inlägg den ska visas, finns Widget logic. Det är ett filter som anger villkoren för av din widget ska visas. De vanligaste filtren ser du längre ner på sidan. Via Panelen-> “Utseende” -> “Widgets” hittar du möjligheten att lägga in funktioner på de ställen där widgets är tillåtna. Det är i:
1. Vänster kolumn
2. Höger kolumn (förutsatt att du valt Specifik layout för den sidan som är “2 sidorfält: Höger och vänster”)
3. Sidfot (längst ner på sidan) som har tre fält, 1,2,3 där 1:an är längst till vänster.

 

De widgets som är vanligast är:
Arkiv – Ett månadsarkiv av din webbplats inlägg. Med Widget Logic kan du bestämma vilka inlägg, hur många, etc.

Expire/Expiring Post – Visar alla inlägg som är gamla (ej publicerade via länk) eller på väg att bli.

Simple Kalender – SVF’s kalender. Med Widget Logic kan du bestämma vilka sidor eller inlägg som kalendern ska visas på. Ett sådan exempel hittar du på sidan “umea”. Alla som får behörighet till Google-kalendern “SVF” kan lägga in möten/händelser. Alla som var med i Gbg 12/13 mars -16 kan även ge inbjudan till andra att lägga in möten/händelser.

Shortcodes Ultimate – Förutom att använda Shortcodes i Editorn när man skapar sida eller inlägg, kan man lägga in den som en Widget. Ett sådan exempel hittar du i vänster sidfot på “Om-oss”.

Senaste inläggen – Du kan på sidan du väljer och var på sidan, visa de senaste inläggen

Text – Du kan i dialogrutan för denna widget skriva valfri text, även lägga in länkar etc.

 

 

 

Widget Logic – Hur då?

Det enda du behöver hålla koll på är filtret is_page()
Gå till Utseende -> Widgets.
Oavsett vilken Widget du drar från vänstersidan till något av fälten du har på högersidan (höger sidofält, etc.) så kommer dyker det upp anpassningsmöjligheter när du klickar på widgeten där.
Alltså, dra widgeten till sidfältet där du vill ha den och klicka sedan på widgeten där.

Längst ner hittar du då texten “Widget logic:” med en ruta under. I den rutan kan du skriva vilken sida denna widget ska visas. Om du t.ex. har valt Kalender-widgeten och vill att den bara ska visas på sidan “om-oss”, skriver du, bara det som här är skrivet i fet stil: is_page(‘om-oss’)

Om du vill att kalendern ska visas på flera sidor, t.ex på sidorna om-oss och vägledaren, skriver du is_page(array(‘om-oss’,’vagledaren’))

 

Widget logic och Shortcode 

Nu till någonting lite mer avancerat. Sannolikt kommer någon att vilja lägga vissa kommentar på vissa sidor. T.ex. jag vill att bara Senaste inlägg från kategorin HELP ska visas på HELP-sidan. För att kunna göra det behöver vi kombinera Widget logic med widgeten Shortcode Ultimate. Istället för att förklara i text, se denna lilla filmsnutt jag gjort.

 

 

 


HELP – Utseende i inlägg och sidor

Utseendemässigt är det en fördel om alla sidor och inlägg har, i huvudsak, samma utseende. Följande principer skulle därför vara bra att hålla sig till:

Text (inlägg och sidor)

  1.  – När du redigerar ny sida/inlägg, väljer du i dropmenyn under Layout alternativ ->Två sidofält:Höger och vänster. Med detta vinner vi två saker. Vi skapar generellt utrymme på höger sida i alla textdokument som ger möjligheten att där lägga in reklam eller något annat, t.ex. Kalender. Dessutom blir texten inte lika bred, vilket gör den mer lättläst.
  2. Tänk på att texten på sidan är mer av permanent art och inlägg “kommer och går”.  Du kan själv bestämma i vilken ordning inläggen ska komma på sidan och hur länge de ska visas. Självklart finns även möjligheten att manuellt avpublicera inlägget (det finns kvar men syns inte på webben).
  3. Försök att göra texten så läsbar som möjligt. Använd nya stycken, Rubriker, små bilder/ikoner, så att texten inte blir så kompakt.

 

Bilder/video/galleri

  1. Se till att alla personbilder, definitivt när det gäller bild på författare tillsammans med text, är max 150 pixlar bred. Använd gratistjänsten bulkresizephotos.com där du kan slänga in ett eller tjugo foton, ange maxbredd 150 px i bredd och får tillbaka dom i den storleken 30 sek. senare. Behöver bilden beskäras alt “piffas till” kan du med fördel använda Picasa (eller annat redigeringsprogram om du föredrar det).
  2. Miljöbilder får vara max 500 pixlar breda. Detta gör bilderna mindre “tunga” och slöar inte ner laddningen av sidan dom ligger på. Om de är 450 eller 250 px breda är detta inget problem men om du har flera miljöbilder på samma sida, ser det snyggare ut om de är åtminstone lika breda.
  3. Video kan läggas in på flera sätt. Antingen genom att ladda upp den vida Mediabiblioteken (notera max.gränsen här som är 64 mb) eller genom att länka till video (här finns bl.a. Youtube, Youtube advanced och Vimeo) Länka gör du genom Shortcode (se nedan).
  4. Galleri bilder används för att visa många bilder på samma sida och där syftet är just  – visa bilder. Det gör du genom att klicka på knappen Lägg till media och därefter Skapa galleri. Sen är det bara att klicka på de bilder du vill ska ingå i galleriet.
  5. Galleri dokument är ett enkelt sätt att skapa och visa dokumentarkiv. Fungerar lika bra och på samma sätt i både sidor och inlägg. I Editorn, klicka på knappen Lägg till media och därefter Create document gallery. Leta upp de filer du vill ha med och klicka på dom. Sedan klicka på Create Gallery och därefter Insert document gallery. Klart.
  6. Val av layout – När det gäller val av layout för gallerier, är det generellt bättre att välja Fördefinierad layout (vänster sidofält). Det ryms mer bilder per rad och sidan ska ju inte läsas som text..

 

Shortcode
I Editorn, oavsett om du skapar en sida eller ett inlägg, ha du tillgång till Shortcode. Den ligger som en knapp uppe i Editorns meny “Insert shortcode”. Med hjälp av Shortcode hantera text och media på en mängd olika sätt. När du klickar på Shortcode, får du upp en ruta där du kan välja bland 55 “filter”. När du väljer en av dom, kommer det upp en dialogruta som är anpassad just till detta filter. Dialogrutan är ganska självförklarande.

 

Här kommer några exempel på vad de olika filtren gör.

Spara utrymme genom att använda:

Tabs

Title 1Title 2Title 3
En massa text
En massa annan text
Eller klämma in något annat

 

Expand – Kollapsar eller expanderar text

 

Spoiler- Ungefär samma som Expand men lite mer fancy och med fler optioner

Titel på Spoiler
Editorn, oavsett om du skapar en sida eller ett inlägg, ha du tillgång till Shortcode Den ligger som en knapp uppe i Editorns meny ”Insert shortcode”. Med hjälp av Shortcode hantera text och media på en mängd olika sätt. När du klickar på Shortcode,får du upp en ruta där du kan välja bland 55 ”filter”. När du väljer en av dom, kommerdet upp en dialogruta som är anpassad just till detta filter. Dialogrutan är ganska självförklarande.

 

Navigation

Menu (samt även Sub pages och Siblings). Enkelt sätt att länka till andra sidor/inlägg

 

Media/Text

– Media: Du kan lägga in Video, Vimeo, Youtube, Audio, Slider, Gallery, Carousel och Gmap
Ett exempel på den sista hittar du här nedan

Karta med valfri adress. I det här fallet har jag valt att begränsa storleken till width=”400″ height=”240″