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