Wordpress Kort fortalt

Transkript

1 Wordpress Kort fortalt: Frontend: Slik brukeren ser det. Backend: kjøkkeninngangen for de som skal redigere siden. Siden bygges opp av: Posts og Pages Post: Det som er mest likt blogg. Må legges i en Category for å kunne vises Pages: Statiske websider. En Page vises automatisk i menyen, og behøver således ikke å være plassert i Category osv. Theme: En template. Et ferdig design- oppsett for siden. For at siden skal kunne vises, må den plasseres i et design, eller et Theme. Noen Theme s følger med når du installerer WP, og det finnes massevis som kan lastes ned, både de som er gratis, og de som koster penger. Den informasjonen du lager til, vil ha forskjellige visninger i forskjelige Theme s. Gallery: Bilder (Jpeg, PDF, lydfiler, osv) kan lases opp i Gallery, for deretter å bli plassert på ønsket side. Link er: Opprette linker gjøres i Posts og Pages. Logge inn backend: Navnet på siden + /wp- admin. Så brukernavn og passord.

2 Admin pannel: Hovedsiden for å redigere i back- end. Forandre språk: Settings > General > Nederst på siden: Language Wordpress: Application, free. Wordpress.org: Her kan du laste ned WP themes og plugins Wordpress.com: Nettsted Frontend: Forsiden, slik alle ser den. Backend: Der du går inn når du skal programmere. Adressen til backend: XXXXX.no/wp- admin Logge ut: Øverst i høyre hjørne

3 Når du logger inn, kommer du først til Welcome- siden. Her kan du Customise site, forandre Theme, osv. Denne siden kan fjernes ved å trykke Dismiss øverst i høyre hjørne. Dashboard Her legger det seg info om ulike saker, som plug- ins, osv. De hvite boksene som er på denne siden, kan minimeres ved å tryke på de små trekantene. Trykk Screen Options til høyre, og du kan velge hva som skal vises. Help- knappen øverst til høyre: Toolbar: Main menu:

4 Wordpress- logo: Øverst i venstre hjørne For å komme til Frontend, trykk på navnet: Mens du er på Frontend og du holder musen over navnet, kommer denne menyen opp: Den lille snakkeboblen øverst i bildet har med innkommen Post å gjøre. Trykker man på New, kommer følgende meny frem: Dette er mye de samme menyene som ligger i Main Menu. I høyre hjørne finner man profil- innstillinger, og man kan editere disse. For å komme tilbake til Dashboardet, klikk på dashboard på venstre side. Editere fra Front end: Trykk på navnet øverst i venstre hjørne. Trykk på en Post. Da dukker det opp et nytt redskap: Trykk på denne, og du kommer til Post- editoren, hvor du kan editere.

5 3) Post and Pages Wordpress har to hovedtyper av innhold: Post og Pages. Post: Er det du forventer å se når du besøker en blogg, eller nyhetsside. Det er vanligvis artikler, nyheter, bilder og video. De nyeste Post ene legger seg øverst og dytter de andre nedover. Post har vanligvis Comments og social links. Pages: (se pkt. 4) Permanent informasjon som: About, kontakt- sider, osv. Pages kan organiseres i Parent / child- forhold. Parent- siden befinner seg i menyen, mens Child- sidene dukker opp som undermenyer når du holder musen over menyen. Pages har vanligvis ikke Comments. Post Lage en ny Post: Øverst i venstre hjørne, klikk på New > Post. Skriv inn tittel. WP autosaver hver gang du flytter pila. Hvis Toolbar en bare har en linje med verktøy, klikk på firkanten til venste, og den får to linjer. Slik: Kopiere tekst fra et Word- dokument: Kopier ønsket tekst i word- dokumentet. Før du paster inn, trykk på ikonet: Paste as text. Trykk OK. Da vil alle formateringer fjernes. Trykk en gang til på Paste as text.

6 For å se Post en du akkurat har laget: Trykk på en av Preview- knappene. Da åpner siden seg i en ny Tab. Den er ikke publisert enda. Legg merke til at WP legger til noen opplysninger: Paneler på høyre side: Publish: Format: Categories: Tags: Featured Image:

7 Klikk på Screen Options øverst i høyre hjørne og du får disse mulighetene: Format, Categories, Tags, Featured Images, osv. Ikke ferdig: Expand the editor to mach the W. H:? Editoren blir liggende på oversiden av artikkelen, og følger ikke med oppover når man drar nedover i teksten. Til høyre over tekstfeltet er det to knapper, Visual og Text: Visual = WYSIWYG- visning Text viser kodeversjonen m. html, osv Categories & Tags Categories: main organizing tool Grupperer Post ene. Alle Post er som man lager må tilhøre en Category. Tags: assosiativt organisasjons- redskap. Gir mulighet til å knytte Post er sammen som egentlig ikke hører inn i samme category Lage en Category: Trykk på Categories på venstre side, under Post: Skriv inn navn på Category en Nederst på siden finner du feltet Add New Category Øverst i høyre kolonne finner du den nye Category en. Sette Default Category: Nede til venstre i Main Menu Settings > Writing

8 Velg Default Category i feltet midt på Nederst: Save changes Velge en ny Category til en eksisterende Post: Gå til Post i main menu. Hold pila over Ønsket Post og Klikk på Quick Edit. Velg ny Category til Post en Uppdate, til høyre Categories kan også lages under Edit Post- siden, nederst på høyre side i feltet Categories. Den Post en man er i, legges automatisk til i den nye Category en. Parent / Children: Ønsker man å lage en under- category til en annen category: Velg i feltet Parent Category: Tags: Tags er stikkord system. Skriv stikkord fra teksten i de ulike Post ene med komma i mellom. Etter å trykket Add, kommer de opp på en liste under. De kan fjernes ved å trykke på x- ringen foran.

9 Jobbe med Tekst Gjør all tekst- formatering i WP. Ikke ta med noe tekstformatering fra Word Funksjonene i WP er omtrent som i Word. Framheve en del av teksten: Marker ønsket tekstbit. Kopier tekstbiten til ønsket plassering. Marker og trykk Blockquote- verktøyet. Teksten skifter font på hele linjen. Hvordan dette blir seende ut, avhenger av hvilket Theme man bruker. Prøv å unngå å bruke Allign- knappene (høyre, midt, venstre), farge- knappen eller indent (innrykk)- knappene fordi hvordan dette blir i praksis, avhenger av hvilken Theme som brukes. Paragraph: Det som befinner seg under en overskrift. Trykk på Paragraph og Du får frem alternativer for overskrifter. Google og andre Web- lesere forstår disse. Sette inn andre tegn: Trykk På Special character tegnet og et vindu med ulike tegn dukker opp.

10 Sette inn en Link: Kopiér den linken du ønsker å legge inn fra søkefeltet i browservinduet. Markér teksten hvor du ønsker å plassere linken. Trykk på Insert/Edit Link Lim inn URL- linken du har kopiert ut. Om du krysser av i feltet: Open link in a new windowtab, vil linksiden åpnes i en ny fane. Hva du skriver i Title- feltet, vil vises som Pop- up- vindu hos brukeren. Save Draft Insert Pictures: Gå til Edit Post via Main Menu Trykk på Add Media øverst til venstre Velg fanen Upload Files Her kan du enten: Drag and drop, eller Velge fil ved å trykke på Select files. På venstre side må du fylle inn Details. Det er av ulike årsaker viktig å fylle inn feltet Alt Text Alignment: Velg en av de tre øverste valgene (ikke None) Velg Size Insert to Post Save Draft Klikk på View Post øverst på venstre side for å se frontend.

11 Editere bilde som er satt inn i en post: Markér ønsket bilde. Velg Edit- knappen Undertekst til bilde kan skrives i Caption- feltet Skal du flytte et bilde med Caption- tekst, må du fjerne Capion en først, flytte bildet og så sette inn Caption en igjen. Image Gallery Dvs. Flere Thumbnail- bilder som kan klikkes på for å se stor versjon. Adding a image gallery: Gå til Edit Post. Finn ønsket plassering i teksten Add Media Create Gallery, Øverst til venstre Fanen Upload Files Drag and drop, eller søk med browserfunksjonen Markér hvert enkelt bilde og legg inn de nødvendige metadata. Velg hvilke bilder som skal være med i galleriet ved å markere en hake øverst i høyre hjørne av hvert bilde. Create a new gallery, nederst til høyre, og du kommer til Edit Gallery- siden.

12 Ønsker du å forandre rekkefølge/plassering på hvert enkelt bilde, kan du flytte rundt på dem. Legg til en undertittel i Caption- feltet Gallery settings: Her velger du antall kolonner og størrelsen på bildene. Hva du velger her bør være i samsvar med det Theme du bruker. Insert Gallery, nederst til høyre, og du kommer til Edit Post- siden Om du ønsker å editere Galleriet ytterligere, kan du klikke på det, og velge pennen. Når du er ferdig, trykk Publish

13 Featured image

14 Adding Image from other sources Edit Post Marker ønsket sted i teksten. Add Media Insert from URL i venstre kolonne Kopiér URL- en til det bilde du vil legge til, ved å høyreklikke på bildet Sett inn URL- en i insert- feltet. Det er viktig å gi korrekte opplysninger om hvor bildet er hentet fra, osv. Insert to Post

15 Adding media from Youtube Edit Post Finn ønsket plassering i teksten Hent URL- en fra Youtube- filmen Paste den inn der du ønsker den plassert. Update Publishing Posts Her kan du sette Publiseringsstatus og Visibility, dvs. hvem skal se siden: a) Alle, b) de med passord, c) Privat, dvs. de som har tilgang. Under Published on. kan du stille inn når i fremtiden Posten skal publiseres. Read More Edit Post Finn ønsket plassering i teksten. Klikk på Read More- knappen. En skillelinje dukker opp. I den publiserte Post en, vil nå den delen av teksten som er under linjen være skjult, men tilgjengelig via Continue reading- knappen.

16 4) Pages Creating a basic Page: I Main Menu å venstre side, eller i Toolbar: Lag ny. En Page har ikke Categorys og Tags, men de er relatert via Parent Child. Hvordan editere en Page? Se under Post. En Page legger seg alltid som en egen enhet i menyen etter at den er publisert. Fjerne Kontakt- mulighetene i en Page: Edit Page Screen Options, øverst til høyre. Merk av Discussion. Nederst på siden finner du da et felt med Allow Comments og Allow Tracbacks Legge inn et Featured Image: Edit Post Nederst i høyre hjørne. Set featured image. Markér det aktuelle bildet og fyll ut opplysningsdetaljer. Set Featured Image, nederst i høyre hjørne Publish / Update

17 Custom page templates Page templates

18 5) Managing Content Dashboard index pages Gå til Main menu > Post > All Posts Post: Lag en ny Post ved å trykke på Add New. Over Post- oversikten er det en del filtre, hvis du har mange Poster, og ikke vil vise alle sammen. Hold pila over en Post, og det kommer frem muligheter for å editere, eller vise. Videre kan du se hvilken Category Post en befinner seg i. Ønsker du å se flere detaljer, kan du trykke på Expanded List view: Om du ønsker å vise andre ting i denne listen, velg hva du vil vise ved å trykke Screen options øverst i høyre hjørne. Under Post har du også mulighet til å editere Category

19 Handle Media content: Her kan man laste opp bilder, lyd, video, osv. I Main Menu, gå til Media> Library Ønsker du visning som liste, tykk på liste- feltet oppe i venstre hjørne. Editere bilder: Klikk på ønsket bilde og det kommer i stort. Edit Image- knapp dukker opp.

20 6) The Appearance of the site Velge Theme En Theme er det samme som en Template i Joomla. Dvs. et rammeverk for hvordan siden skal se ut. Gå til Main Menu, Appearance Themes Klikk på en Theme for å se detaljer Nederst kan du velge forhåndsvisning eller å aktivere Gjøre forandringer i en Theme: The Theme customizer Trykk på Customize, Den finner du bl.a på selve Theme n eller i Main Menu. Site, Title, Tagline: Her kan du ta bort Just another Wordpress. Du kan også ta bort Sitename, Tittel og tagline helt. Colour: Title Colour: Background- colour: Kommer gjerne for langt ut på høyre side. Background- image: Kommer gjerne for langt ut på høyre side. Front Page Displays: Skal forsiden vise siste Post, eller en Statisk side? Velger du statisk side, må du velge hvilken. Du må da også velge Posts Page

21 Featured Content Finnes bare i 2014 Theme Featured Item Section: Området øverst på siden. Her kan det vises Post s som heter featured. For å få til det: Gå til Posts via Main Menu. Ta bort Dont display tag on frontend For å komme ut av Customizeren: trykk X øverst i venstre hjørne

22 Installing Themes: Theme Installer Main Menu > Appearance, Themes Add New For å fjerne en Theme: Sørg for at den ikke er aktiv. Markér den, Nederst i høyre hjørne trykk Delete.

23 Masterslider Masterslider i Main Menu. Create New