Kursus i CMSimple 2.9SE. - Mads Bischoff, Safi.dk. Indhold: CMSimple kursus Side 1 af 20 Mads Bischoff, safi.dk

Transkript

1 Kursus i CMSimple 2.9SE - Mads Bischoff, Safi.dk Indhold: Klar parat o Indhold & form o Skitse over hjemmesiden Kom igang o Login o Skriv/redigér o Lav nye sider o Indsætte fotos o Tilbyd downloads o Log ud o Og så... Kom videre o Indsætte links o Menumanager o Skabelon valg En anderledes side o Gallery Eksempel galleri o Indsæt video YouTube Video på din egen side o Kontaktformularen o Gæstebogen o Statistik o Teksteditor Kom on o Kontaktformularer En lidt avanceret kontakt En meget avanceret kontakt o Gæstebøger Advanced Guestbook Sblog o Brug af IFRAME Google i Iframe Wrapper Wrap verdens befolkningstal o Vis filer som download Fil oversigt En anden mappe o Skjul en side o Tip en ven Send et tip til en ven o Vis antal online o Medlems sider Administrer brugere Multiusers o Vis nyheder o Lav en 'lysavis' Lysavis eksempel CMSimple kursus Side 1 af 20 Mads Bischoff, safi.dk

2 Velkommen Til Mads's kursus i CMSimple! (version 2.9 SE) Se min præsentation af CMSimple, muligheder og priser mm: cms.safi.dk Safi.dk Klar parat Grundprincippet i at bruge CMS er at du kun skal koncentrere dig om at skabe og redigere indholdet på siderne. (og hvis det er en ny hjemmeside, skal du forberede dig før du går igang.) Formen er det der kræver nørderi og som du skal bruge Mads til :-) Indhold & form Det er vigtigt fra starten at skelne mellem hvad der er FORM og hvad der er INDHOLD på hjemmesiden. Her er eksempler på hvad der er hvad. Indhold (alt det der bibeholdes når du skifter skabelon) Form Tekserne/indholdet på siderne (Også fed kursiv understreget) Billeder (som er på de enkelte sider) Oprette/Slette sider. Menustruktur (side fordeling) Redigering af gæstebog mv. (alt det ser ændres når du skifter skabelon) Layout, logo (bredde, spalter, etc.) Skrifttype (arial, times etc.) og størrelse (10, 12, 14 pkt) Farver på tekst og links, 'mouse over' mv. Altså grundskabelonen og stylesheet'et. Evt. opsætning/installation af 'plug ins'. CMSimple kursus Side 2 af 20 Mads Bischoff, safi.dk

3 Skitse over hjemmesiden Det er en MEGET god idé at lave en skitse på papir hvor du tegner strukturen i din kommende hjemmeside. Hvilke sider skal den indeholde... Hvilke fotos er velegnede... Skal jeg have gæstebog, kontaktformular, weblog mv... Hvad ønsker jeg at tilbyde dem der kommer på besøg... O.s.v... Jo bedre du er forberedt jo lettere kommer din hjemmeside igang som du vil have den! Kom igang På siderne under dette punkt kan du læse en "kvik guide" til de mest oplagte opgaver. Der vil senere komme tilsvarende "kvik guides" til de forskellige "plug-ins" som vi kommer til at arbejde med. Login For at redigere hjemmesiden skal du logge ind. Klik på 'Login'-linket (under menuen, ved 'Senest opdateret...') Login med den kode du har gemt i indstilling (eller som du har fået fra Mads). (Ovenstående er eksempler, og siden du sidder med ser sikkert anderledes ud.) Når du er logget ind kan du redigere sider, og ændre på grundindstillingerne for websitet mv. CMSimple kursus Side 3 af 20 Mads Bischoff, safi.dk

4 Hvis du bare skal redigere siderne, så gå til den side du skal redigere og følg anvisningerne på næste side. Hvis det er første gang du logger ind, kan det være en god idé at starte med at gå ind under INDSTILLINGER og klik på 'Konfigurer', for at indskrive din egen kode mv. Under INDSTILLINGER, kan du også navngive dit website og indsætte relevante søgeord mm. Skriv/redigér Når du er blevet logget ind, åbner den side du kiggede på. Nu har den fået tilføjet en 'værktøjslinje' (i stil med Word), samt en menulinje. (Hvis der ikke er en 'værktøjslinje' skal du evt. klikke på REDIGER i menulinjen.) Når du har skrevet/rettet hvad du ønskede skal du huske at klikke på den lille diskette for at gemme. Vigtigt! Vigtigt! Vigtigt! Hvis du vil kopiere noget tekst, fra f.eks. word eller fra en anden hjemmeside, og indsætte det på hjemmesiden, er der en meget vigtig detalje!! Når man kopierer tekst fra et andet program, sker der meget ofte det at der medtages nogle usynlige koder for skrifttyp, størrelse, indrykning etc. etc. Det er altsammen noget CMSimple allerede HAR styr på, og koder skaber bare "støj", og har ofte den effekt at siden ikke vises korrekt. DERFOR: Brug altid knappen med "Indsæt ren tekst eller "Indsæt fra word" når du indsætter teksten. Brug IKKE Ctrl-V! Det klassiske problem med ufrivillig "dobbelt linjeafstand" ved redigering af en hjemmeside: Når man bruger 'enter' tasten indsættes et nyt afsnit. I et almindeligt tekstprogram er det oftest det samme som en ny linje (afhængig at indstillingerne i tekstprogrammet) Når man redigerer i hjemmesider, så er det standard at afsnit har en tom linje som mellemrum. Derfor indsættes "mellemrummet" mellem to afsnit. For at lave enkelt linje afstand kan man benytte genvejen "Shift-Enter" (altså hold shift tasten nede mens du klikker på enter), derved indsættes et LINJE skift (og ikke et AFSNITS skift). Vær opmærksom på at f.eks. højre/venstre-stilling ælder pr. afsnit, så hvis man vil gå fra højrestillet tekst til venstrestillet tekst, kommer man ikke udenom at indsætte et nyt afsnit (og dermed mellemrum). Lav nye sider Du opdeler hjemmesiden i undersider ved at bruge H1, H2 og H3 (Kaldes også for Overskrift 1, Overskrift 2, Overskrift 3) til at lave overskrifter på nye sider i niveau 1, 2 og 3 i menu hierakiet. (Denne side er f.eks. med en H2 i toppen for at gøre den til en underside til H1-siden 'Kom igang') H4 bruges til at lave en overskrift midt på en side. (I nogle skabeloner kan man også bruge H5 og H6 til specielle overskrifter) Hvis du vil oprette en helt ny side, skal du åbne den side "lige inden" stedet i menuen hvor siden skal optræde. Gå (i redigeringstilstand) til bunden af siden, og skriv overskriften på din nye side. Vælg f.eks. at gøre den til en H1 (mark'er teksten, vælg i "Overskrift 1" i dropdown boksen med --Typografi-- )(Der står muligvis 'Afsnit', hvis du er placeret i en 'almindelig' tekst). Når du gemmer oprettes siden automatisk og vises nu i menuen som en selvstændig side. Du kan sagtens navigere rundt på siderne og redigere. Men husk altid at gemme undervejs...! CMSimple kursus Side 4 af 20 Mads Bischoff, safi.dk

5 Hvis du får brug for at ændre rækkefølge på siderne, er det absolut nemmest at bruge Menumanager (se forklaring her) (Siden kan kun ses når du er logget ind) Hvis du vil slette en side skal du slette alt indholdet på den, og derefter gemme. (Brug evt. Ctrl-A til at markere alt, og klik på Delete-tasten) Indsætte fotos For at kunne indsætte et foto på en side, skal det først uploades til serveren. Derefter kan det indsættes på en side. Upload fotoet Start med at klikke på BILLEDER for at åbne siden med oversigten over dine uploadede fotos og grafik. Klik på 'Gennemse' for at åbne et popup-vindue, hvor du kan finde billedefilen på din lokale computer. Klik på 'Åbn' når du har fundet det. Vær opmærksom på at du kan vælge at uploade det i en formindsket udgave, hvilket meget ofte er aktuelt. Vælg den ønskede størrelse i drop-down boksen. (thumb, mellem eller stor) Du kan vælge at navngive det uploade foto til et filnavn der er lettere at huske (husk endelsen.jpg, og husk at du skal unmdgå mellemrum og æ, ø og å i filnavne til web). (Hvis du vil indstile hvor stort et 'medium' billede skal være, indstilles det 'globalt' under INDSTILLINGER, og 'konfiguration', hvor størrelsen angives i pixel. Når du har uploadet fotoet er du klar til at... Indsætte fotoet på en side Brug menuen til at navigere til den ønskede side. Placér markøren der hvor du ønsker billedet indsat. I 'værktøjslinjen' vælger du nu fotoet ved at finde filnavnet i dropdown boksen med billeder. (Klik evt. på knappen ved boksen for at få den til at 'folde ud') Du kan nu evt. flytte det til en mere præsis placering ved at markere det og trække-slippe det til det rette sted. Brug evt. højre- venstrejustering for at placere det mere præcist. Hvis du vil indsætte mange fotos, kan du overveje at gøre det som et Galleri Tilbyd downloads Med funktionen DOWNLOADS kan du uploade filer (f.eks. PDF dokumenter, pressefotos, dokumenter mv.) til serveren. Du kan så linke direkte til en fil fra en side, og dermed tilbyde dine besøgende at hente en fil (downloade en fil). Klik først på DOWNLOADS(/Upload filer) og så på 'Gennemse' for at navigere til den fil på din computer som du vil uploade. Klik på 'Upload'. Nu hvor filen er lagt op på serveren kan du gå til den side hvor linket skal være. Skriv f.eks. "Hent PDF her". Markér teksten og klik i '--Sider --' boksen på værktøjslinjen. CMSimple kursus Side 5 af 20 Mads Bischoff, safi.dk

6 Find filen (udfra dens filnavn) i dropdown-boksen og klik på navnet. (Filer ligger nederst i listen, efter alle siderne). Nu er der oprettet et link, således at brugerne af din hjemmeside kan downloade filen til deres egen computer. Du kan også vælge at lave en dynamisk side der viser alle filerne i din "Downloads" mappe automatisk. Det kræver dog brug af et plugin. Se beskrivelsen af "WDir". Log ud Når du er færdig med at opdatere og udføre de ønskede opgaver, skal du logge ud. Dels for at andre med adgang til computeren ikke skal kunne redigere. Men også fordi der automatisk gemmes en backup af hele hjemmesiden hver gang du logger ud. Og der gemmes mange gamle versioner hele tiden, således at det næsten altid er muligt at genskabe indholdet hvis uheldet skulle være ude! Og så bliver det hverdag... Men heldigvis har du nu lært hvor enkelt det er at vedligeholde din hjemeside. Uanset hvor du er, eller hvilken computer. Bare du har adgang til internet. Simpelt - enkelt - hurtigt Kom videre.. når du har fat på det mest basale, er der adskillige smarte funktioner gemt i programmets standardindstallation, og i nogle oplagte 'plug-ins'. For at se siderne i dette afsnit, skal du være logget ind som bruger. Hvis du ikke allerede er oprettet, kan du blive oprettet som bruger meget enkelt, ved at klikke på "Tilmeld ny", og følge anvisningerne. Indsætte links Du kan indsætte fire slags link: Internt link: For at lave et link til en anden side på samme website, skal du først skrive den tekst, som skal laves til et (hyper)link. Marker derefter teksten (bare det eller de ord der skal blive til et link). Klik på pilen ved den første af "drop-down" menuerne der hedder "-- Sider --". Du får en vist en liste over alle sider på ditwebsite. Nu behøver du blot at vælge den side der skal linkes til, så bliver der lavet et link. Externt link: Hvis du skal lave et link til en anden (extern) hjemmeside, skal du ligeledes skrive ordet og derefter markere det. Nu klikker du istedet på knappen med billedet af en kæde [her kommer et lille billede]. Skriv adressen på den hjemmeside du vil linke til. Husk at skrive " foran adresse (f.eks. Hvis du skriver en webadresse (både med eller uden bliver den automatisk lavet til et link. Når jeg her skriver så blev linket lavet automatisk da jeg tykkede på mellemrumstangenten efter det sidste.dk. Maillink: For at lave et maillink skal du skrive ordet (f.eks. Kontakt os), markere det, og vælge knappen med kæden. I det første felt skriver du "mailto:" efterfulgt af mailadressen (ingen mellemrum). Hvis du blot skriver en mailadresse, laves linket automatisk. Når jeg f.eks. skriver volapyk@safi.dk så laves linket når jeg taster mellemrum efter det sidste.dk CMSimple kursus Side 6 af 20 Mads Bischoff, safi.dk

7 Du skal være opmærksom på at det kan være en seriøs kilde til spam at skrive sin mailadresse på en hjemmeside. Hvis det er vigtigt at offentliggøre din mailadresse kan du evt. oprette en adresse specielt til formålet (f.eks. (eller bruge javascript eller lign. til at "gemme/kryptere" adressen for maskiner, så den kun er synlig for mennesker). Eller skrive den som navnsnabeladomæne.dk (uden at gøre den til et link) Jeg anbefaler at mest at man benytter en kontaktformular, som kan bruges af alle (også den der sidder på biblioteket eller ikke har et mailprogram installeret) Fil link: Du kan også uploade en fil (f.eks et PDF dokument), som du så linker til. Start med at uploade filen med menuen 'Billeder'. Gå derefter til den side hvor linket skal være og skriv teksten. Derefter følger du vejledningen for internt link ovenfor, og finder alle uploade filer nederst på listen i menuen "-- Sider --" (efter/under alle siderne). Hvis du ønsker at gøre en grafikfil til et link, kræver det at du kender lidt til html kodning. CMSimple (eller rettere dens editor TinyMCE) kan ikke rigtig finde ud af at gøre det... Så du skal ind i html koden (klik på knappen med html i menuen). Find koden der starter linket (noget med "a href") Flyt linkkoden hen foran koden der viser fotoet (noget med "img") Det burde virke :-) Menumanager Der arbejdes med tre niveauer i menusystemet. Top, under og under-under. De laves manuelt ved at benytte hhv. H1, H2 og H3 formattering. Men hvis du skal flytte rundt på flere sider er det MEGET lettere at benytte Menumanageren, hvor du kan bestemme sidefordeling ved et simpelt 'klik og træk'. Klik på INDSTILLINGER og vælg derefter "Menumanager" i dropdown boksen med "Plugins". Husk altid at slutte af med at klikke på "Save" foroven på siden. EKSEMPEL: Flyt en H2 side til en H3 side Klik på Indstillinger og vælg derefter "Menumanager" i dropdown boksen med "Available plugins". Du kan nu se en grafisk visning af menuens hieraki. Flyt rundt på siderne og slet evt. fejl-sider mv. Husk altid at slutte af med at klikke på "Save" foroven på siden. Eksempel på at flytte en underside til en under-underside, altså en H2 til H3. Menuen før vi går igang: CMSimple kursus Side 7 af 20 Mads Bischoff, safi.dk

8 Åben Menunager og flyt siden ved at klikke på siden med venstre musetast, og trække den til den nye placering: Klik på Save knappen øverst: Menuen ser nu således ud: Skabelon valg Udseendet på din CMSimple installation styres af en skabelon (eller på engelsk: template). Du kan gå på jagt på nettet for at se alle de mange skabeloner som ligger til gratis download. (åbn i nyt vindue) Klik her for at se Mads's cmscimple site med inspiration og links, samt en side med skabelon-vælger. (åbn i nyt vindue) Når du har fundet en der ser god ud, skal du downloade den fra hjemmesiden hvor du fandt den. Den fil du henter er en zip fil (pakket). Du skal udpakke filen på din computer, og derefter skal den lægges op på serveren. For at lægge filen det rigtige sted skal du benytte FTP til at åbne dit websted. Du kan enten benytte et egentligt FTP program (FileZilla kan anbefales), eller du kan bruge "Denne computer"/"stifinder" i windows. I dette kursus skal du bruge adressen: ftp.bmail.dk (du kan IKKE åbne det ved at skrive linket i din browser) Log dig ind med brugernavnet 'kursus8231', og det password du får oplyst af Mads. Du skal finde mappen der hedder templates, og lægge mappen med din nye (udpakkede) samling af filer, der tilsammen udgør den nye skabelon. Når du er logget ind i CMSimple kan du nu vælge den nye skabelon ved at klikke på INDSTILLINGER, og derefter 'konfiguration'. I feltet "site_template" kan du se navnet på mappen i listen og installerede skabeloner. Kontakt Mads for hjælp til at tilpasse en skabelon til dine ønsker, eller hjælp til at finde en egnet skabelon. (F.eks. kan jeg hjælpe med at få dit eget logo lagt ind, eller ændre nogle af farverne og grafikken etc. etc.) (åbn i nyt vindue) CMSimple kursus Side 8 af 20 Mads Bischoff, safi.dk

9 Gallery Lave et nyt galleri For at oprette et nyt fotogalleri skal du oprette en tom ny side, hvor du indsætter en kode som f.eks. CMSimple $output.= gallery('gallery/dit-galleri/'); (Jeg har i ovenstående eksempel fjerne # i starten og slutningen af linjen, for at koden IKKE skal udføres...) (For at koden virker du derfor tilføje # i starten og slutningen). Det vil automatisk blive oprettet et nyt galleri i en ny mappe ved navn 'dit-galleri', som er tomt, indtil du lægger billeder ind. For at lægge fotos ind i dit nye galleri skal du følge anvisningen nedenfor. Hvis du vil lave et nyt galleri, skal du bare lave en ny side, og indsætte samme kode, dog med et andet navn der hvor der står 'dit-galleri'. Redigere (og opdatere) dit fotogalleri Klik på INDSTILLINGER, og derefter på menupunktet 'Gallery' i DropDown boksen 'plug-ins'. Klik på 'Plugin Hovedindstilinger'. Vælg dit nye eller eksisterende galleri i dropdownboksen. Du kan nu både redigere eksisterende fotos, og lægge nye ind. For at tilføje nye skal du klikke på 'Gennemse' under sektionen 'Upload' Klik dig frem til det foto du vil tilføje, klik på 'Upload fil'. Du kan redigere den titel der vises ved hvert enkelt foto, ved at klikke på foto'et, og rulle ned til felterne under fotoet. Her kan titel indskrives frit (galleriet har automatisk indsat filnavnet som titel) Det er desværre ikke muligt at styre rækkefølge på fotos i galleriet Og dog! De sorteres nemlig 'alfabetisk' så hvis du omdøber dine billedfiler INDEN upload, (f.eks. 1- img1254.jpg, 2-img2345.jpg etc. etc) kan du faktisk styre rækkefølgen! Du kan desværre heller ikke få galleriet til at 'resize' dine fotos i forbindelse med upload, på samme måde som du kan under BILLEDER, så derfor skal du sikre at de fotos du oploader ikke er alt for store. Galleriet genererer selv kopier i passende størrelser til at vise som thumbnails og billeder på siden. Ændre grundindstillinger for galleriet Ved at klikke på 'Plugin konfiguration' kan du ændre mange forskellige grundindstillinger som virker fælles for dine gallerier. F.eks. antallet af thumbnails på siderne, om der skal kunne skrives kommentarer til de enkelte fotos, om der skal indsættes en tekst på alle de små fotos, om titlen skal vises over eller under fotoet og meget meget mere... Det er for omfattende her at beskrive det hele så klik evt. her for at åbne et nyt vindue med hjælp filen til galleriet. Andre gallerier Der findes alternative gallerier til fremvisning af fotos i CMSimple. Blandt andet med integration af flash. Se eksempler her. CMSimple kursus Side 9 af 20 Mads Bischoff, safi.dk

10 Indsæt video Hvis du vil indsætte video på hjemmesiden, er der flere måder at gøre det på. Hvis du vil lave klippene selv og have det liggende "kun" på din hjemmeside, skal du selv web-forberede klippet, og kende lidt til videoredigering mv. Så det letteste er faktisk at du uploader din video til YouTube, og så lader YouTube om alt det nørdede med filformater etc. etc. Når video så ligger på YouTube er det ret enkelt at snuppe en kode, og indsætte på sin side. Så vises video på din egen side (men hentes fra YouTube) Jeg er faldet over en video der beskriver det ganske udemærket her. Processen er: Gå til YouTube og find den video du vil vise. Når du ser videoen er der en boks til højre der fortæller forskellige detaljer om videoen mv. Bla. er der også et felt hvor der står "Embed". Den kode som er i dette felt skal du bare kopiere og indsætte på din hjemmeside. Så "indlejres" YouTube videoen ind i din side, uden at dine besøgende behøver forlade dine sider. Kontaktformularen Med den indbyggede kontaktformular kan dine besøgende skrive en mail til dig, uden at de behøver have et mailprogram installeret på deres maskine. Når brugeren trykker på 'Send' laves der automatisk en mail til dig (eller rettere til den adresse som er skrevet ind i 'konfigurations' siden under INDSTILLINGER) Hvis du ikke ønsker at der skal vises en kontaktformular på din hjemmeside, skal du blot undlade at indskrive en adresse på 'konfigurations' siden. CMSimple kursus Side 10 af 20 Mads Bischoff, safi.dk

11 Advanced form Du kan også prøve kræfter med den langt mere avancerede kontaktformular, som kan give brugeren bestemte valgmuligheder og svarbokse, som man kender det fra en 'bestilingsformular'. Læs mere om den her... Gæstebogen Med den indbyggede gæstebog giver du dine besøgende en chance for at lægge en hilsen, som kan ses af alle hjemmesidens gæster. Altså IKKE en personlig hilsen i en mail, men en 'offentlig hilsen' som alle der besøger hjemmesiden kan se. Du kan heldigvis altid slette/rette i de indlæg som forbipasserende websurfere skulle finde på at skrive. Klik på INDSTLLINGER og derefter på 'Gæstebog rediger' knappen for at redigere indholdet af gæstebogen. Når du kigger i indholdet ser du også nogle html-koder. Dem skal du ikke lade dig forvirre af, ej heller ændre i. Indlæggene vises med det ældste indlæg øverst (alstå omvendt af hvordan det vises for besøgende). Du kan se hvor to indlæg "skiller" fordi programmet indsætter en "Horizontal Ruler", altså en streg/linie mellem to indlæg. Koden i html for en vandret streg er (hr), hvor () er udskiftet med <>. Du kan altså se hvor det ene indlæg slutter og det andet starter på denne måde. Husk (som altid) at afslutte med at klikke på gem! Advanced guestbook Hvis du er frisk på det, kan du også benytte en mere avanceret gæstebog, som bl.a. kan 'styles' meget pænere mv. Du kan se mere om den avancerede gæstebog her. CMSimple kursus Side 11 af 20 Mads Bischoff, safi.dk

12 Statistik [Teksten på denne side er ikke færdigredigeret] CMSimple (29se) installationen har en indbygget besøgsstatistik. Klik på INDSTILLINGER og derefter på 'statistik' knappen. Du kan nu se en statistik over besøg på din hjemmeside. Du kan få flere eller færre detaljer, alt efter de link du klikke på i statistik siderne,. Du kommer tilbage til CMSimple ved at klikke på "Back to CMSimple" linket i øverste venstre hjørne. Teksteditor Du kan selv bestemme hvilken editor du vil benytte. (den der laver 'Word værktøjslinjen' foroven når du redigerer). Man vælger enten ved at bruge 'Skift Editor' linket, eller ved at redigere i INDSTILLINGER. Oedit Er den editor som automatisk installeres med en grundinstallation af CMSimple. Den er meget simpel, men også meget stabil. Den fungerer fint til almindelige små opdateringer, og derfor helt relevant at bruge. OpenWYSIWYG Er en anden editor, som kan håndtere tabeller, og andre mere avancerede ting end Oedit. Den største fordel er at den er integreret i 'Skift Editor' linket. :-) TinyMCE Er den editor jeg selv bruger mest. Den er meget enkel og avanceret. Den er på dansk, og den bedste til at håndtere tabeller. Der er et par 'bugs' men de er til at leve med, når de opvejes at så mange fordele :-) Jeg har lavet en dansk manual til TinyMCE som du kan læse online her (åbn i nyt vindue) Skift editor Når du har enten Oedit eller Openwysiwyg åben, er der et link med 'Skift editor'. Hvis du ønsker at skifte til TinyMCE skal du ind i INDSTLLINGER og klikke på Konfiguration, rulle ned til der hvor der står 'external_editor', og indskrive 'tinymce'. (uden '') Klik på gem, og du kan nu redigere sider med TinyMCE. Hvis du vil tilbage til en af de andre editorer, skal du lige ind det samme sted og enten skrive 'oedit' eller 'openwysiwyg' i 'external_editor' feltet. Kom on - mere om plugins og de mere avancerede opgaver... For at se siderne i dette afsnit, skal du være logget ind som bruger. Hvis du ikke allerede er oprettet, kan du blive oprettet som bruger meget enkelt, ved at klikke på "Tilmeld ny", og følge anvisningerne. CMSimple kursus Side 12 af 20 Mads Bischoff, safi.dk

13 Kontaktformularer Du kan vælge at bruge enkontaktformular som er bedre, sikrere og med flere tilpasningsmuligheder. Her beskrevet to slags: Advanced form og I stedet for CMSimples egen indbyggede kontaktformular, kan du vælge at benytte en plug-in der giver langt flere muligheder for at indstile formularen. Se eksempler nedenfor... Du skal vælge "advancedform' i Plugin menuen for at ændre indstilinger på formularen. Advanced form's egen hjælpe fil kan du se ved at klikke her... [Lige nu ligger version som vil blive opdateret til snarest. Dog kun mindre forbedringer i vente.] For at vise formularen skal du oprette en ny side, som du giver en valgfri overskrift. Ved at indsætte denne kode på siden vises formularen: *cmsimple $output=showadvform('default Form');* (* udskiftes med # for at koden virker) *cmsimple $output=showadvform('default Form','true');* (Hvis du vil have vist overskrifter og anden tekst på siden) Du skal evt. tilpasse formularens navn med det du har valgt i indstillinger. Koden ovenfor vil vise standard formularen. Dette giver mulighed for at have flere forskellige formularer på forskellige sider (f.eks. bestilling, eller kontakt til forskellige personer) Se et eksempel på en 'avanceret kontakt formular' ved at klikke på hjemmesiden. Gæstebøger Istedet for den indbyggede gæstebog, kan du vælge at bruge et plug-in med en af de forskellige gæstebogløsninger som findes, og som er mere avancerede. Her præsenterer jeg to muligheder: Advanced Guestbook og Sblog Advanced Guestbook En farve-styled boks med hvert enkelt indlæg. Let, elegant og nemt. Bl.a. mulighed for at bruge smiley mm. Man kan kun have en gæstebog med denne løsning. Har "Captha" til at forebygge spam. Opret en ny tom side der hvor du vil vise gæstebogen. For at vise indholdet skal du bruge denne CMSimple-kode: *CMSimple $output.= GBlist();* (Udskift * med # for at det virker) For at redigere din gæstebog skal du klikke på INDSTLLINGER og derefter vælge 'Gbook' i dropdown boksen ved 'Plugins:'. (Hvis den ikke er på listen, skal du bede Mads om lige at lægge den plugin installeret på din hjemmeside) Advanced guestbook har sin egen hjælpefil. Klik her... Eksempel på "Advanced Guestbook" herunder: #CMSimple $output.= GBlist();# CMSimple kursus Side 13 af 20 Mads Bischoff, safi.dk

14 Sblog En meget enkel gæstebog (nærmest en "ShoutBox"), som kun kan styles begrænset. Til gengæld kan man have mange gæstebøger på sit website, og på den måde f.eks. lave sider hvor der kan kommenteres/debatteres forskellige emner. Har "Captha" til at forebygge spam. Opret en ny tom side der hvor du vil vise gæstebogen. For at vise indholdet skal du bruge denne CMSimple-kode: *CMSimple $output.= sblog(test);* (Udskift * med # for at det virker) I koden hvor der står (Test) skal du skrive navnet på den Sblog du vil oprette. Husk at brug et andet navn når du vil oprette mere end en Sblog på dit site). For at redigere din gæstebog skal du klikke på INDSTLLINGER og derefter vælge 'Sblog' i dropdown boksen ved 'Plugins:'. (Hvis den ikke er på listen, skal du bede Mads om lige at lægge den plugin installeret på din hjemmeside) Sblog har sin egen hjælpefil. Se eksempel på "Sblog" herunder: #CMSimple $output.= sblog(test);# Brug af IFRAME Du kan indsætte indholdet af en anden hjemmeside (eller rettere; fra en anden URL) ved at benytte det man kalder IFRAME. Et eksempel kan være at du har en Google-kalender som du ønsker at vise på siden. Et eksempel på integration i CMSimple kan du finde her: Det kunne også være at du vil bruge "Sound Slides" som kan lave et lille flashshow der viser fotos, med lyd til. Et eksempel på integration af SoundSlides kan ses her: Koden til at benytte IFRAME er denne: (IFRAME style="border-top-width: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" src=" mce_src=" frameborder=0 width="100%" height="100%")(/iframe) Eller den helt enkle: (iframe height="500" width="500" frameborder="0" src="galleri/takforsidst.htm" align="center" name="frame1")(/iframe) Blot skal du lige skifte de bløde paranteser () med skarpe paranteser <>, for at det virker. (For at det kan læses her på siden, uden at 'eksekveres') Se hvordan ovenstående kode vises på en side, når det virker... Wrapper Her kan du se hvad der kommer ud af at skrive: *CMSimple $output.= wrap(" "100%", "500", "auto", "true","site is loading");* (Husk at udskifte * med #) #CMSimple $output.= wrap(" "100%", "500", "auto", "true","site is loading");# CMSimple kursus Side 14 af 20 Mads Bischoff, safi.dk

15 Wrap verdens befolkningstal #CMSimple $output.= wrap(" "480", "200", "auto", "true","site is loading");# Vis filer som download Der er også mulighed for at kunne lave en side med en oversigt over filerne i en bestemt mappe, således at brugere blot kan klikke på filnavnet for at downloade filen. Dét plugin hedder Wdir. Læs den engelske hjælpefil her. Lav en side med filer ved at skrive denne kode på en side: *CMSimple $output.= wd_list("downloads");* (udskift * med # for at scriptet virker/aktiveres) Klik på links'ne herunder for at se et eksempel. Fil oversigt Her er en side med en test på at vise filerne i en mappe, som klikbare downloads. Her er peget på den samme mappe som man lægger filerne i med DOWNLOADS funktionen. #CMSimple $output.= wd_list("downloads");# En anden mappe... på at vise filer i en anden mappe på serveren: (Her er det indholdet af min 'images' mappe) #CMSimple $output.= wd_list("images");# Skjul en side Du kan med en kode skjule en side, således at den ikke optræder i hverken menuen eller 'sitemap' (overblikket over alle sider på hjemmesiden) Ved at bruge denne kode (enten i starten eller slutningen af en side) vises siden altså ikke for alm. besøgende. Dette kan være praktisk hvis du f.eks. er igang med at arbejde på en side, som ikke er klar til publicering. Eller hvis du laver en hemmelig side, og mailer det direkte link til den du vil vise siden. Eller... *CMSimple hide* (Udskift * med # for at det virker) Klik her for at se den hemmelige side, som er skjult med denne kommando. En hemmelig side #CMSimple hide# Denne side er 'hemmelig' ved at 'hide' kommandoen er indskrevet på siden, og den kan således kun findes når der er et link til den fra en 'synlig' side. F.eks. ser du denne side fordi du klikkede på linket på siden med "Skjul en side". Der findes ikke et link til siden andre steder... CMSimple kursus Side 15 af 20 Mads Bischoff, safi.dk

16 Denne side ligger 'i virkeligheden' som en underside (H3) til "Skjul en side". men det vises ikke i menuen. Heller ikke ved at antyde at der er en underside. "Skjul en side" får altså IKKE gul mappe, som den jo ellers får når der er undersider. Tip en ven Man kan lave en side med en lille formular hvor brugere kan sende en mail med anbefaling af din hjemmeside til en af deres venner. Tip en ven Det kræver brug af en plugin der hedder Tell. Du kan 'trimme den' (tekster og størrelse mm) i plugin vælgeren. Se deres egen engelske hjælpeside. For at vise den skal du indsætte denne kode: *CMSimple $output.=gotell(); * (Udskift * med # for at koden er aktiv) Eksempel: Du kan så lave et lille tekst link på alle eler udvalgte sider, på samme måde som jeg har gjort her: Tip en ven Send et tip til en ven #CMSimple $output.= access('member,admin');# #CMSimple $output.=gotell();# Vis antal online Du kan få vist hvormange der lige nu er inde og se på din hjemmeside. Sådanne tal skal altid tages med forbehold. f.eks. vises alle computere fra den samme internetforbindelse (ip adresse), som kun én bruger. Dette plug-in hedder 'online' og kan selvfølgeligt fintrimmes ved at vælge det i plugins dropdownboksen. Se deres egen engelske hjælpefil Koden der skal indsættes på siden hvor boksen skal vises: *CMSimple $output.=gonline(); * (Udskift * med # for at koden virker) Eksempel: #CMSimple $output.=gonline(); # Medlems sider Der findes også en mulighed for at lave medlemssider. Altså sider der først kan ses når man er logget ind med en kode. Dette plug-in hedder 'Register' og kan vælges i dropdown menuen med 'plugins'. Her kan du 'trimme den' med farver etc. Se deres engelske hjælpeside. Og se her for forfatterens egen beskrivelse CMSimple kursus Side 16 af 20 Mads Bischoff, safi.dk

17 1. I din skabelon-fil (template.htm) skal du finde det sted hvor du vil have 'login' boksen. Når du har fundet det, indsætter du denne kode: *?php echo registerloginform();?* (Udskift * med henholdsvis < og > (i start og slut) for at det virker) 2. Efter at du har tilrettet din skabelon skal der gerne komme et felt som ligner dette til syne hvor du har indsat koden (eller ligesom det felt du benyttede for at logge ind på disse kursussider): Bemærk at eksisterende brugere blot logger ind, mens alle andre tilbydes muligheden for at blive oprettet som bruger. Administrer brugere Der er som standard tre slags brugere: guest, member og admin. guest: Er tilmeldt men endnu ikke bekræftet (linket i mailen) member: Er tilmeldt OG har bekræftet sin tilmelding (linket i mailen) admin: Er til, har bekræftet OG har fået administrator beføjelser af webmaster. Man kan så bruge 'niveauerne' til at lave sider der kun vises til bestemte grupper af brugere. Nogle sider kan ses straks efter tilmelding, nogle først når man har 'gjort sig lidt umage' og bekræftet (og dermed har bekræftet at man ikke er er en spam-bot). Og nogle sider kan reserveres til at dele informationer mellem administratorer. Brugere og brugergrupper kan redigeres Klik på INDSTILLINGER, og vælg 'register' i 'plugin dropdown boksen. Klik i en af de første menupunkt (mener det er plugin konfiguration) Der kan evt. oprettes flere grupper efter behov. Brugere kan slettes, få nyt password etc. Der kan selvfølgeligt også tilpasses diverse standardtekster mv. Multiusers Når man først har installeret dette plugin 'Register', og dermed har oprettet "brugere" der logger ind, kan man bruge det til forskellige ting. Det oplagte er at kunne have specielle sider kun for medlemmer lissom på denne side. Men det kan også, med et andet plugin, bruges ti at lave forskellige brugerrettigheder til forskelige sider. Hvilket giver mulighed for at nogle brugere kan få lov at redigere og opdatere bestemte udvalgte sider, som defineres af en administrator. (Mere om det med at brugere kan opdatere specifikke sider senere) CMSimple kursus Side 17 af 20 Mads Bischoff, safi.dk

18 En af de afgørende forskelle på dette plugin og det plugin som er omtalt på foregående sider, er at man ikke som bruger selv kan oprette sig. Det kræver at administratoren (den der kan logge ind i CMSimple) opretter brugeren og tildeler password. (Det mest oplagte for f.eks. foreninger og klubber) Du kan læse om plugin 'Mulituser' på cmsimple wiki og andre steder. Vis nyheder Dette er en mulighed for at kunne vise hvilke opdateringer som er sket på dine sider. Du behøver ikke at tænke over det i dagligdagen, men det giver brugeren en mulighed for at se om der er lavet opdateringer siden sidst. Du kan se den i funktion på forsiden af denne kursus hjemmeside. Plugin'et hedder "WhatsNew" Når mappen med plugin'et er installeret i plugin-folderen, kan du vælge WhatsNew i dropdown menuen 'Plugins'. På siden der åbnes er der en 'wizzard' altså en hjælp til automatisk installation. Brug den, eller læs den nærmere beskrivelse. Se WhatsNew's egen hjælpefil her. Koden til at indsætte en 'Whats new' boks på siden: CMSimple $output.= findwhatsnew(); (tilføj # i start og slutning for at det virker) God fornøjelse... Se det i funktion: Forsiden af dette website Lav en 'lysavis' For at gøre dit site endnu mere interessant og opsigtsvækkende, kan du tilføje en "lysavis" (eller ticker / newsticker / marquee)(kært barn mange navne) I CMSimple hedder Plugin'et "News_ticker" og fungerer ved at du indsætter koden i din side hvor du ønsker at vise lysavisen. Du redigerer indholdet ved at redigere plugin'en (vælg News_ticker i menuen 'Plugin') Kode til indsætning på siden: CMSimple $output.=shownewsticker(); (Tilføj # i start og slutning for at det virker) Se News_tickers egen hjælpe fil her. Desværre virker det ikke lige godt i alle browsere :-( Se et eksempel på en Lysavis... Lysavis eksempel Her kan du se lysavisen i funktion: #CMSimple $output.=shownewsticker();# Desværre er det ikke alle browsere der viser det lige rigtigt...: :-) Internet Explorer: Virker fint (kører fint, og kan styles med farve og str.) :- Googles Crome: Virker næsten (kører fint, men kan ikke styles med farve og str.) :-( Firefox: Ups (Der vises et glimt, og så er der 'dødt, ingenting vises!) CMSimple kursus Side 18 af 20 Mads Bischoff, safi.dk

19 Get Wild Når først du begynder at få smag for CMSimple vil du opdage at der er mange mange flere muligheder end jeg her har omtalt. Og der findes et stort "community" omkring bruge af systemet, og ikke mindst udveksling af erfaringer med tilpasninger af plugins o.s.v. Det kan anbefales at anskaffe hæftet "Byg et website med CMSimple" af Britt Malka. (69,-kr kan bestiles online) (åbn i nyt vindue) Tjek også Mads's site med info om CMSimple og bla. links til en masse skabeloner, og hjemmesider med alverdens 'plugins' til programmet. Se her (åbn i nyt vindue) Et andet godt sted at starte er det oplagte. Det er Peter Harteg's eget site, manden der har opfundet/programmeret systemet. Der er på hans site også et stort aktivt forum, som jeg varmt kan anbefale til at søge både råd og vejlening, men også masser af inspiration fra alle de andre brugere. Det ligger på adressen: Tilsvarende er der opstået et 'community' af brugere og udviklere fra alle lande, som mødes i et åbent forum her: Der er også opstået en WIKI. Altså et 'opslagsværk' om CMSimple, hvor alle kan bidrage til en fælles dokumentation af programmet, og ale de mange forskelige plugins man kan bruge, og som der konstant udviles på. Find det her. Sproget på alle sites er primært engelsk, da der er mange bidragsydere fra bl.a. Auastralien og Tyskland. Du vil dog opleve en overvægt af 'dansker-engelsk' (eller 'Danglish') da der er rigtig mange danske brugere... :-) Der er også alle de mange muligheder med skabeloner, som jeg vil skyde på der ligger langt over 500 af til frit download. Du skal dog selv jagte dem, og findne dem der laver dem. Jeg linker til en del af de væsentligste skabelonudviklere her: cms.safi.dk/index.php?skabeloner:flere_skabeloner God fornøjelse med din hjemmeside! :-) Mads BRUGER SIDER Udover adgang til alle sider, er der disse "godbidder" som medlem: 1. Adgang til min side med program-download, samt 2. Hente siderne som en PDF (se nedenfor) og 3. Eventuelt en side med din egen support-chat. Download hele denne hjemmesiden som PDF (gemt feb.08) (klik på linket og vælg på listen) :-) Mads Gode programmer Her kan du downloade et udvalg af små hjælpeprogrammer og værktøjer, som jeg selv jævnligt bruger. Hvis du er i tvivl, så spørg Mads. #CMSimple $output.= wd_list("downloads/filer");# Kontakt Her kan du skrive en mail til Mads med dine eventuelle spørgsmål og gerne også dine kommentarer. mads@safi.dk Mads Bischoff, Sylbækvej 1, 8230 Åbyhøj , oktober CMSimple kursus Side 19 af 20 Mads Bischoff, safi.dk

20 CMSimple kursus Side 20 af 20 Mads Bischoff, safi.dk