1 Manual Brf KUNGSKLIPPANs webbplats 150213 VMI Webbhotell

1
Manual Brf KUNGSKLIPPANs webbplats
150213
VMI Webbhotell
admin nås på
Användarnamn (huvudkontot)
Lösenord
=webbhotellet där webbplatsen ligger
http://www.kungsklippan.se
http://www.kungsklippan.se/wp-admin
Kreati-admin
20KWEvAgneta14
Ni som administratörer har också era egna inloggningar
Webbplatsens uppbyggnad
LOGOTYP + NAMN
Sök
HUVUDMENYN -----------------------------------------------------------------------------Innehåll:
Widget: Social Widget
Widget: Sidebar
Sidans rubrik, bild och textinnehåll redigeras via "Sidor"
Logga In
"Nyhetsspalten" består
av skapade "länkar"
SIDFOT SPALT 1:
Kontaktinfo
SIDFOT SPALT 2:
Karta
Footer_Widget_1
(Sidfoten kan delas in i 0-4 spalter)
Footer_Widget_2
Webbläsare
Arbeta helst i annan webbläsare än Internet Explorer, då administrationen fungerar bättre där.
Huvudmenyn
(Huvudmenyn vid lansering 2012 skapades automatiskt i den struktur som sidorna skapades samt om
man angav förälder-sida.) 2015 byggdes detta om för att alla menyer ska fungera på surfplatta och i
mobil liggande vy:
1. För varje sida som ni skapar så kan ni gärna ange "Förälder" om den ligger under några av
huvudsidorna. Sätt gärna ordningsnummer på den också så hamnar sidan på rätt ställe i sidstrukturen i
wp-admin, vilket gör jobbet enklare för er.
2
2. För att en sida ska visas i huvudmenyn och i en undermeny krävs att ni också lägger till sidan under
"Utseende/Menyer"
3. Ni har bara 1 meny här och det är "Huvudmeny".
a) För att lägga till en nyskapad sida så kryssa i just den sidan i fältet till vänster och klicka på "Lägg till i
menyn".
b) Den nya sidan hamnar alltid längst ner i listan till höger. Ta tag i den med "dra och släpp" och flytta
menyposten till sin rätta plats. Genom att dra in den mot höger skapas undermeny samt meny i 3:dje
nivå.
c) Avsluta alltid med att klicka på "Spara meny"-knappen.
Skapa sidor
Innehåll på de olika sidorna skapas under Sidor.
Förinställt är att alla sidor visas för alla, även de som inte är inloggade.
När man loggat in kommer man direkt till den sidan som man nyss försökte gå in på.
Sidor med inlägg
Ni har ingen inläggsida, utan alla sidor fylls på som vanliga sidor.
3
Om ni vill ha en inläggsida, som en blogg, gå till Inställningar/Läsa och ange en inläggsida. Då kommer
era inlägg att visas på den specifika sidan.
Loginformuläret på webbplatsen
All inloggning sker i sidopanelen.
Eva hade flyttat upp loginformuläret som ni önskade efter mötet innan sommaren 2012, men detta var
mycket svårt att få att fungera både i temat och på t.ex. ipad och smartmobil. När man drog ihop
webbplatsen dansade elementen iväg på ett fult sätt.
Snyggast och mer skalbart blir det om vi låter login vara där det är tänkt, vilket godkändes på mötet
den 16 aug.
Medlemsinloggningen
Man ställer in svenska roller under ”Användare/Roles”.
Alla medlemmar ska få rollen "Medlem"
Roller vid lansering
Administratör
Inställd behörighet i stora drag
Kan administrera allt
Styrelsen
Kan inte administrera något
Medlem
Kan inte administrera något
Vid lansering i sept 2012 har följande personer Administrationsrättigheter
Ulf Rosell, Mi Ydring, Angie Åström och Anneli Neuman
Logga in med de lösenord som ni hade som medlem på den gamla hemsidan.
Ställ in behörighet på en sida:
Om ingen ”roll” är vald, då kan alla se innehållet på en specifik sida.
Om man t.ex. endast kryssar i kryssrutan för "Medlem" för en sidas behörighet, så kommer ändå alla
de som har roller som kan administrera den sidan att se den ändå.
Det betyder att om ni administratörer loggar in i wp-admin med ert "administrationskonto" så ser ni
även de lösenordskyddade sidorna för medlemmar utan att kryssrutan för rollen "Administratör" är
ifylld.
4
Så här står det på engelska:
"If no roles are selected, everyone can view the content. The post author, any users who can edit this
post, and users with the restrict_content capability can view the content regardless of role."
Inloggad besökare återvänder till den sida man nyss stod på
Utloggad besökare ska komma till startsidan. Detta är svårt att genomföra, nu kommer felaktig
inloggning till wp-admins inloggning. Ok, enligt Mi 12 sept.
Meddelande för ej inloggad besökare
är inskriven generellt under Inställningar/Members:
"Du måste logga in för att se detta innehåll!"
Man kan också skriva in unik text för en specifik "stängd sida" , se exempel för sida "För medlemmar":
"Du måste logga in för att se denna sidas innehåll!"
testanvändare som är "Medlem":
Namn: Eva Risinger
Användarnamn: [email protected]
Lösenord: gnisvärd
Lägenhetsnummer: 224
Skriva in ny användare
1. Gå till Användare: Klicka på "Lägg till användare"
2. Ange epostadress både som användarnamn och epostadress
3. Ange Förnamn och Efternamn
4. Ange lägenhetsnummer (utan lägenhetsnummer fungerar inte inloggningen till Aptus)
5. Ange lösenord
6. Klicka i rutan skicka mail
7. Välj roll "medlem" (viktigt att det inte blir något annat eftersom andra roller kan ställa till ett
problem för oss)
8. Klicka på knappen"Lägg till användare"
9. Nu kan du komplettera med fler uppgifter om användaren under "Redigera" Gå tillbaka till den nyss
skapade användaren (det går bra att söka bland alla användare med förnamn eller efternamn eller
epostadress)
10. Kontrollera att uppgifterna är rätt
11. Ändra "Visa namn som" till "förnamn efternamn"
12. Klicka på uppdatera profil
Se webbplatsen för en person icke inloggad
För att både vara inne i admin och ändå se hur en person som ej loggat in ”ser webbplatsen”:
Öppna webbplatsen + admin i t.ex. Firefox, logga in. Öppna sedan en annan webbläsare med bara den
publika sidan utan att logga in.
Om redigering av sidor
De flesta sidor är ”vanliga sidor” och innehållet som texter, bilder, länkar, filmer mm läggs in under
Sidor. Man kan skapa nya sidor och för att få dem rätt i sidstrukturen ska man ange vilken annan sida
som är förälder. Om man skapar en sida utan förälder så hamnar den automatiskt i huvudmenyn längst
upp. För att styra ordningen på sidorna i menyerna använd fältet för "Ordningsnummer"
Administrationsfälten
När man redigerar sidor och inlägg har vi anpassat så att innehållet i det stora brödtextfältet visas
samma valda textstorlekar som sedan visas och används på er publika sida.
Se webbplatsens manual-sidor:
Typsnitts-stilen som kallas "förformatterad" är speciell:
5
Den "läser" alla dina egna radbrytningar. Det krävs att man själv radbryter sina texter annars breder
den ut sig långt ut utanför det innehållsfältet. Om du t.ex. klistrar in en text från annat dokument,
kontrollera gärna på den publika sidan hur det egentligen blev, då brist på radbrytningar kan få texten
att "dra iväg".
Skapa punktlistor med svart text
För att få rätt utseende på de s.k. punktlistorna skrivs följande html-kod in före alla de rader
som ska ha en prick: <ul class=prick> Detta skrivs in i HTML-läget.
Stilmallen = typsnittens formattering
Ordnade mer avstånd uppåt för h1-h6-rubrikerna.
Ordnade så att ändringar i stilmallen på den publika sidan får genomslag i admin.
Mellanrum skapade ovanför och nedanför bilder.
Listrutor med prick med svart text skrivs in som <li class=prick>
Skapa undersidor
Alla undersidor ska ha en ”förälder”. Även ordningsnummer kan anges, för att få rätt sortering på både
huvudmenyns sidor och alla undersidor.
Text och bild snyggt bredvid varandra
När man skriver en text med bild anger man dels hur stor bilden ska vara och dels om den ska ligga till
vänster eller till höger eller vara centrerad. Vi har skapat en kod sedan för att mellanrummet mellan
bild och text ska vara lika brett överallt så detta behöver ni inte själva ange.
Sidorna om Historiken
Vi har installerat Plugin Expanding Text som ger extra text med några koder i html-läget. Se kod på
denna sida om ni vill skapa liknande effekt.
PowerPoint på en sida
På sida ”Hem/Bildgalleri” ligger en bild + text under bildgallerierna som går till en PowerPoint.
Observera att PowerPointen öppnas i eget fönster och att besökaren måste ha tillgång till det
programmet på sin egen dator. Om ni gör om filen till bilder kan ni skapa ett bildgalleri som de övriga.
Nyhetsspalten
De rubriker (i grönt) och texter (i svart) som hamnar i sidopanelen till höger är s.k. "Länkar". Ordningen
på länkarna bestäms av en tiogradig skala längst ner i admin-formuläret under posten "Omdöme". Den
länk som har lägst nummer ligger överst. Länkar kan avaktiveras genom att kryssa i kryssrutan "Privat"
Innehållet i Nyhetsspalten kan ändras under Utseende/Widgets: Widget Sidebar/ Login Form.
Rubriken har nu smal text, ej fet. Titel och Beskrivning ligger på samma rad, önskemål på olika rader.
Detta är ej inställbart i admin måste fixas i kod för themify-sidebar.
Sök
Bredare Sök, svartare text fixades efter 16 aug.
Sökformuläret utvidgas också när man ställer muspekaren i rutan.
Sökrutan är anpassad nu till att ha samma bredd som loginrutorna i sidopanelen.
Vi testade och gjorde sökningar och sökfunktionen godkändes den 16 aug.
Sidfoten
är just nu uppdelad i 2 fält. Detta går att ändra på från inget sidfotsfält till fyra i admin: Basic/ Settings/
Theme settings/ Footer Widgets. Vid lansering är det 2.
Innehållet i dessa kan ändras under Utseende/Widgets där Footer_Widget 1 innehåller text och i
Footer_Widget_2 innehåller text som är html för kartbilden.
Kartan i sidfoten
6
har måtten 473*320 pixlar just nu. Om ni har 2 sidfotsfält så håll gärna breddmåttet för karta på 473
pixlar.
Mediabiblioteket
Alla filer och bilder ska ligga i mediabiblioteket. Bilder i filformaten jpg, gif och png. Filer i word, pdf,
ppt osv. Förinställt är att alla filer visas i den ordning ni lagt in dem. Om ni vill se dem i t.ex.
bokstavsordning – Klicka på rubriken ”Fil”, där de kan visas både från a-ö och från ö-a. Om ni vill visa
alla bilder t.ex. Mi lagt in klicka på rubriken ”Författare”. Osv.
Bilder - mått och mått som genereras
Bredden på bilder ska helst inte vara större än 678 pixlar breda i den design vi gjort i ordning. Höjden
kan variera. Om man lägger in större bilder så skalas bilderna ner enligt de mått som är angivna under
"Inställning/Media".
3 olika mindre format av bilden
skapas automatiskt när man skickar in en bild. Försök ändå att inte skicka in väldigt stora bilder då det
kan göra webbplatsen trög. Håll er gärna till maxmåttet 678 pixlar i bredd, eller ha en regle att bilder
inte ska vara bredare än t.ex. 800 pixlar.
När man skriver på en sida och lägger in bilder så kan man i menyn välja 4 auto-format.
Förutom "exakt storlek" finns 3 format och dessa kan man ställa in under ”Inställningar/Media”.
Dessa mått går att ändra men tidigare inskickade bilder har då skapats som miniatyrer i de tidigare
inställda måtten.
Måtten för miniatyrer just nu är:
Storlek
Bredd
Minatyrstorlek
200
Mediumstorlek
300 (max bredd)
Stor storlek
678 (max bredd)
Höjd
200
300 (max höjd)
Inget mått angivet
Bilden beskärs exakt
Inget mått i höjd ger att alla stora
bilder visas i full bredd = 678
pixlar om valet Stor storlek väljs
Bilder och Filer - Fildöpningsregler
Det är bra om man döper alla filer enligt en regel. Dels ser det snyggt ut och dels kan man få info att
söka efter om filnamnen används på ett bra sätt.
1. Försök undvika å, ä, ö, mellanslag eller andra konstiga tecken i filnamnen.
2. Säg något om filen/bilden enligt följande:
"plats_egenskap_år.jpg".
Exempel:
fasad_körsbärsträd_2012.jpg
panorama_molnigt_2012.jpg
panorama_4hus_vit_fasader_2012.jpg
kungsbron_skymning_höst_2012.jpg
ballong_takterass_solnedgång.jpg
arsredovisning_2012.pdf
Bildspel på t.ex. sida Hem/Bildgalleri och på Bokningar/Gästrum
Gå till Gallery/Overview för att se en översikt
Gallery
Skapa gallerier och döp dem med t.ex. plats och datum.
Lägg in bilder i gallerierna = Upload images
7
Välj från din dator, lägg in flera bilder på en gång och ange i vilket galleri de ska laddas in i.
Album
Skapa album och döp dem t.ex. med år 2012 eller annat namn
På Gallery/Overview kan du klicka på Album, välj sedan i dropplistan det album som du vill lägga in
dina gallerier i.
För att se ett album eller ett galleri krävs att kod inom hakparanteser [ ] lägges på aktuell sida. På sida
Bilder ligger t.ex. följande kod [album id=2 template=compact] vilket den sortens visning som vi valt
ut.
Detta betyder att bildspel i flera olika varianter kan läggas på alla sidor.
Inställningar för Gallery gör man under Gallery/Options
T.ex. för slideshow görs inställningar på fliken slideshow.
Just nu är bilderna i slideshow inställda på 800 pixlars bredd och 600 pixlars höjd. Detta ställs in under
Galleri/Inställningar och fliken Bilder.
Svart bakgrund vid bildspel ställdes in av KreatiWebb. Original var en genomskinlig bakgrund.
Statistikverktyget Google Analytics
Ett GoogleAnalyticskonto är kopplat till er webbplats. Detta konto är delat med Googlekontot
[email protected]
Om Wordpress designteman
Det skulle vara ett tema som är speciellt framtaget för att passa smartmobiles, läsplattor och vanliga
skärmar, samt ett med droppdownmenyer.
ThemifyMe:s Basic
Basic is a new free theme suggested by many users. The purpose of the Basic theme is to give you a
starter theme ao you can be your own designer. It only contains the basic layout styling so you can
customize the theme with your own perferences using the Themify option panel. The layout is
completely responsive. It works on any resolution on desktop and mobile devices such as iPad, iPhone,
Android, and Blackberry. The theme has similar functionalities as all our other themes such as the grid
layout options, footer widgets, and social links, etc.
Features
•Responsive layout (view demo and resize browser window)
•Lightbox gallery (no plugins required)
•Scroll to top button
•Optional RSS and search form
•Social media icons
•Footer text
•Footer menu
•Choose up to 4 footer widget columns
•5 theme skins
•Coded with HTML5 & CSS3
•Child theme support
Utvärdering:
Fungerar bra på dator, läsplatta och android
I datorn: sidan flyttar om innehåll om man minskar webbläsarfönstret
I läsplatta: Menyerna fälls ut precis som i datorn
8
I mobilen: 3dje nivåns sidlänkar i dropdownmenyn syns ej i android mobil, men syns om man
konfigurerar menyerna och inte bara låter sidorna skapa menyerna
Med Vänliga Hälsningar
Eva Risinger & Agneta Calais Brobäck
KreatiWebb & Partner AB
KreatiWebb & Partner AB
Åsögatan 115, 6 tr
116 24 Stockholm
Eva 0708-802 701
Agneta 0705-402351
Företaget innehar F-skattsedel
Orgnr: 556819-8070
Bankgiro: 675-0608
[email protected]
www.kreatiwebb.se