Agenda d. 25. oktober 2015 Lav din egen hjemmeside/blog Dag 1 Præsentation af underviser og deltagere Pc erepå nettet Hvad er WordPress? Og hvad er forskellen på en blog og en hjemmeside Hej verden Kvik gennemgang af WordPress Struktur Lidt om billeder Evaluering Vi spiser frokost omkring kl. 12. Der skal også være tid til kaffepauser(og kage ) 1 2 Præsentation Pc ere på nettet Jeres underviser er Jette Drøger, 1. Hillerød Jeg har arbejdet med hjemmesider siden 2000, både privat og professionelt Siden ca. 2010 har jeg arbejdet med WordPress Jeg har ikke den store undervisningserfaring så bær over med mig, men dumme spørgsmål findes ikke. Kun dumme svar! Jeg underviser ud fra, at man lærer af sine fejl. Intet skal være perfekt 1. gang Jeres tur Hvad hedder du og hvilket gilde er du fra? Har du prøvet at lave en hjemmeside/blog før? Hvordan har du det med it i øvrigt? Hvilket emne vil du lave side/blog om? Søg efter netværk spørg hvis du er i tvivl Vælg HUAWEI-E5170-29C0 Kode: A6E500RYTJJ (HUSK der er forskel på store og små bogstaver) Prøv at gå på internettet og se om du har forbindelse Tjek at du kan hente e-mails 3 4 Hvad er WordPress? Hvad er WordPress? WordPress er et system, som man kan lave hjemmesider og blogs med. Det ligner Word, som vi kender i forvejen Fordele 24 % af alle hjemmesider på hele internettet er lavet i dette system så der er altid nogen at spørge Det er let at bruge Det er gratis Programmeret i Open source, dvs. det er ikke en pengemaskine som fx Microsoft og Apple Alt er online så du er ikke afhængig af en bestemt pc Ulemper Systemet er engelsk. Noget er oversat andet ikke Online hjælp er på engelsk Den udgave, vi bruger er der kun begrænset hjælp til men jeg er her Der er visse begrænsninger I, hvad man kan med den udgave vi bruger Da det er det mest brugte system, er det også det der hackes oftest 5 6 1
Forskellen på blog og hjemmeside Forskellen er i korte træk, måden at præsentere sig på. Grænsen er hårfin og det ER svært at skelne Blog Oprindeligt en online dagbog (blog=web log) Indlæg/posts ligger i kronologisk rækkefølge med det nyeste øverst. Ikke statisk Mulighed for at kommentere under hvert indlæg Website/hjemmeside Består af sider, der er statiske Til at præsentere information En hjemmeside kan have en blog Gå ind på siden wordpress.com Klik på den store blå knap CreateWebsite 7 8 Trin 1 Trin 2 Du skal nu igennem 4 trin for at sætte systemet op Trin 1 Først skal du vælge design til din side. Det kan til hver en tid ændres, det samme kan de billeder, der ligger som standard. Klik på det design, som du synes bedst om Trin 2 Hvad skal barnet hedde? Hvis det ønskede domæne er taget, så fortæller systemet det. Skriv det du ønsker siden skal hedde BEMÆRK: Æ Ø og Å er forbudt 9 10 Trin 2-1 Trin 3 Trin 2-1 Når du begynder at skrive får du dette billede Klik på den øverste blå knap hvor siden hedder: ditnavn.wordpress.com Din hjemmeside kommer så til at hedde: ditnavn.wordpress.com Trin 3 Nu skal du vælge, hvilken type WordPress du vil bruge. Vi vælger den gratis udgave i dag. Klik på den blå knap Select Free Plan 11 12 2
Trin 4 Sidste trin er at oprette brugernavn og password. Tast din e-mailadresse i øverste felt Vælg et brugernavn, du kan huske fx dit domænenavn. Administratorer FORBUDT at bruge. Gør det let at hacke siden Vælg password. Husk gerne mindst 8 tegn, store og små bogstaver, specialtegn og tal Klik på Create My Account BEMÆRK: Æ Ø og Å er forbudt Trin 4 13 Så er vi der næsten Du får nu dette skærmbillede. Det beder dig åbne dit e-mailprogram for at verificere din e-mailadresse. 14 Mails fra WordPress Mails fra WordPress -2 Du har modtaget 2 e-mails, som dem herunder. Kan du ikke se dem i din indbakke, så prøv at kigge i spam/junk-mappen. Første e-mail fortæller, at brugeren er oprettet. Den skal du gemme. Den anden e-mail indeholder et link til at verificere e-mailen. Klik på knappen ConfirmEmail Address Denne e-mail skal du også gemme Jeg har aldrig modtaget reklamemateriale fra WordPress, så du behøver ikke være nervøs for at modtage en masse reklamer 15 16 Hej Verden Hej Verden -2 Nu skal vi lige hilse på verden og lave vores første blogpost Klik enten på Blog Posts Add eller Start a Post Det felt du ser nu, er dit skrive felt, det er ens uanset om, der er tale om en blog eller hjemmeside. Skriv i det store tekst felt: Hej Verden eller hvad der lige falder dig ind. Tryk på Publish 17 18 3
Hej Verden -3 Du får nu denne besked Klik på View Post Hvis du ikke lige kan se denne boks, så kig øverst på din skærm Taa daaa Du har nu en fuld funktionsdygtig blog Hej Verden -4 19 20 Tip Få det (meste) på dansk Find tilbage til menuen Klik på Mine Websteder For at få det meste på dansk, skal du ind to forskellige steder og vælge dansk Klik på den runde grå mand øverst i højre hjørne Vælg AccountSettings Vælg da-dansk i Interface Language Sæt hak i Community Translator Husk at gemme!!! 21 22 Få det (meste) på dansk -2 Kvik gennemgang Tilbage i sidemenuen Klik på Indstillinger Vælg da-dansk i Language Husk at gemme!!! I Indstillinger -Generelt kan du ændre en del. Sproget er allerede ændret. (se illustration på forrige side) Webstedets titel: Er det der står øverst på fanen og på din forside Webstedsbeskrivelse: En kort linje, som fortæller, hvad siden handler om Sidens synlighed: Bør være ikke indekseret så længe du bygger siden op. Når du er færdig kan det ændres, ellers kan Google og Bing ikke finde dig hvis du altså vil findes. Den private side kender jeg ikke brugen af Hide/show related content: Lader siden vise relaterede blogindlæg fra din egen blog 23 24 4
Kvik gennemgang - 2 Tip I Indstillinger Deling kan du automatisk lægge blogindlæg på Facebook, Google+ mv Når du arbejder med hjemmesider/blogs, så får du hurtigt en ny ven på tastaturet, som er den letteste måde at opdatere dit skærmbillede Ikke alt, hvad du kan, vil blive gennemgået. Kun det mest elementære. Klik dig rundt du kan ikke gøre noget galt 25 26 Det meste af din tid kommer du til at bruge i editoren. Editoren for både blogindlæg og hjemmesidesider er ens I ser formentlig kun en værktøjslinje. Den anden slås til (og fra) yderst til højre Hvis I holder musen henover de små ikoner, kommer der en hjælpetekst frem, som fortæller, hvad ikonet kan/gør I Afsnitkan du vælge overskriftstørrelse Kvik gennemgang -editoren 27 I venstre side er en menu, med en masse muligheder CHANGE STATUS giver mulighed for at ændre hvornår indlæg/siden skal offentliggøres. AVANCEREDE INDSTILLINGER nederst er der 4 hakker, som kan slås til og fra. Prøv at når I laver jeres næste side/indlæg at slå dem til og fra. Kvik gennemgang -editoren -2 28 I sidemenuen Personalize - Temaer Bemærk her kan du klikke både på Temaer og på Tilpas -eller vælg et andet Klik på Temaer. Her kan du let sortere og vælge et nyt tema. Klikker du på Tilpas får du en menu frem. Hvad du kan gøre her, afhænger af, hvilket tema du har valgt. Her vil Statisk forside og Widgets blive gennemgået. Header billede har samme princip som almindelige billeder, der bliver gennemgået senere. Det samme gælder Navigation/menuer. -eller vælg et andet -2 29 30 5
-Widgets -Widgets-2 En widgeter et smart ord for et redskab/app, som du kan have liggende i siden og forneden på din side (afhængigt af temaet). Mange er ens fra tema til tema, men enkelte følger med temaet. Klik på Widgets Klik på Sidebar, måske har du også Footer1, Footer2 osv. Princippet er det samme Du kan nu se de widgets, der er aktive på siden. Du kan flytte rundt på rækkefølgen, ved at trække dem op eller ned. 31 32 -Widgets-3 -Widgets-4 For at vælge en ny widget, skal du klikke på knappen + Tilføj en Widget Klik på den widget, som du gerne vil have Giv din widget en overskrift Luk Du kan også slette den igen ved at klikke slet. Den ligger nu sammen med alle de widgets, som du ikke bruger 33 34 - Statisk forside -Statisk forside -2 Jeg vil ikke have en blog, jeg vil have en hjemmeside, med en bestemt side, som forside. For at kunne lave en statisk forside, skal du have først lave en side. Skriv lidt tekst. Husk overskrift, da den kommer med i menuen Udgiv Gå ud i menuen Find Sider og klik på Tilføj 35 36 6
-Statisk forside -3 Struktur - menuer Gå tilbage til tilpas tema Klik på Statisk forside Marker Statisk side Du kan nu vælge den side, som skal være forsiden. Her Forside ny Gem & udgiv (Står øverst til venstre på din skærm) Når du skal lave en hjemmeside, er det en god idé at tage et stykke papir og gøre dig klart, hvilke sider du gerne vil have og i hvilken rækkefølge de skal ligge. Skal der være undermenuer? Eller kun 1 niveau? Bemærk dit tema kan sætte begrænsninger. Forside Blog Om mig Billeder Jul 2014 Sommerferie 2015 37 38 Struktur menuer -2 Struktur menuer -3 I menuen klik på Menuer Øverst kan du nu se, hvilke muligheder dit tema giver dig for menuer Her kan du se mine menupunkter. Du kan ændre rækkefølgen ved at trække i bjælkerne. For at lave en nyt menupunkt skal du klikke på det lille plus For at redigere skal du klikke på blyanten 39 40 Efter klik på plusset kan du vælge, hvor den nye side skal placeres. Klik, hvor du gerne vil have den til at være i menuen Struktur menuer -4 Vælg om det skal være side eller indlæg Klik ud for den side/indlæg, som du laver menupunkt for Struktur menuer -5 Du kan ændre, hvad der står i selve menuen Add Item og husk at GEMME 41 42 7
Billeder Billeder -2 Huskeregler vedr. billeder: Billeder fra nettet, som du ikke har tilladelse til at bruge, bør man fravælge at bruge på sin side/blog Al bearbejdning af billeder, skal gøres inden du uploader. Navngiv dine billeder inden du lægger dem på hjemmesiden, så du kan finde dem igen. Beskæringer Hvis du kan, så gem til web. Det betyder, at billedets filstørrelse bliver mindre og derfor loader hurtigere på siden. I Windows 8 og 10 findes Billeder, som er til at se billeder. Der kan du også bearbejde billederne. Husk at tage lave en kopi inden du går i gang. Det samme kan du i Picasa For at tilføje et billede eller en anden mediefil Åbn editoren på den side hvor billedet skal være Klik på knappen Tilføj medier Klik på vælg filer og find billedet på din pc 43 44 Billeder -3 Billeder -4 I højre side kan du nu se en masse oplysninger om det billede, som du lige har uploadet. Øverst står noget om størrelsen og hvad billedet hedder. Titel: Hvis billedet er navngivet inden upload, kan du være heldig at den tager det med, ellers vælg et navn så du kan finde det igen Billedtekst: Må gerne være tom Alt Tekst: Den tekst som Google søger på og som oplæsere til svagtseende brugere af internettet læser op. Her burde stå Gavnø slot ved søen 45 46 Billeder -5 Tip Nederst ser du følgende: Justering: Her kan du vælge hvordan billedet skal placeres højre, venstre, center eller ingen Link til: Du kan vælge at der skal linkes til billedet selv på en tom side Størrelse: En hurtig måde at lægge et mindre billede på Tryk på Indsæt i indlægfor at indsætte og gemme Hvordan logger jeg på igen? Gå ind på wordpress.com og over i højre hjørne Klik på Log In 47 48 8
Tip Der er hjælp at hente Hør jeg er væk. Eller er jeg? Hvis din side pludselig ser sådan ud, så fortvivl ej Det du ser, er den store backend. Du kan det samme her, men den kan være mere uoverskuelig. Sådan finder du hjem Tjek om siden ligger i et nyt faneblad. Hvis ja. Luk fanebladet og du er tilbage. Hvis nej. Klik på browserens tilbageknap 49 https://en.support.wordpress.com/five-step-blog-setup/ https://en.support.wordpress.com/five-step-website-setup/ jettedroger@gmail.com 50 9