Blog
Opgave 5: Opret en testside
- september 18, 2019
- Posted by: oskvem
- Category: Wordpress
I denne øvelse skal du oprette en side der ligner denne her: https://webshopintro.dk/wp-testside/
1. For at lave siden, skal du først navngive siden med en overskrift: “Jeg er den første overskrift”.
2. Næste skridt er at ændre URL’en for siden, så den matcher /wp-testside/
Det gør du under Dokument -> Permanent link -> indsæt “wp-testside”.
3. Når du har gjort dette, skal du indsætte en brødtekst under den første overskrift.
I brødteksten skal der stå følgende:
Jeg er den første brødtekst også kaldet “afsnit”.
4. Nu skal vi indsætte en video fra Youtube.
Det første du gør er at finde en youtube video. Herefter højreklikker du på youtubevideoen inde på youtube og trykker “kopier videoens webadresse.
Herefter tilføjer du en blok på siden der kan vise youtube filmen. Tryk på + -> vælg indlejringer -> youtube
Indsæt linket du har kopieret fra youtube og tryk på “indlejr”.
5. Nu vil vi gerne indsætte en overskrift 2 og give den et HTML Anchor
- Indsæt overskrift (H2)
- Skriv: “Jeg er en overskrift 2”
- Tryk på overskriften
- Tryk på avanceret
- Stil dig i feltet HTML Ankor
- HTML Ankor: spring-til-overskrift-2
- Nu skal du gå til afsnit 6, for at se en virkning!
– så vi vælger en ny “blok” der hedder overskrift. Et HTML anchor gør, at vi kan springe direkte til det punkt på vores side med overskriften.
Herefter beholder vi indstilling “H2”, der står for header 2 (altså overskrift 2) og skriver “Jeg er en overskrift 2”.
For at tilføje et HTML Anchor til overskriften, skal du “stå” på overskriften du ønsker at hænge et ankor på. Nu kan du under Blok -> Advanced-> HTML Anchor indsætte et HTML Anchor som du selv vælger. I dette eksempel har jeg valgt: spring-til-overskrift-2
6. For at bruge HTML ankeret vi har indsat i overskrift 2, under punkt 5, indsætter vi en knap under den første tekst.
- Indsæt knap
- Giv din knap et navn
- Kopier HTML Ankor fra afsnit 6: spring-til-overskrift-2
- Indsæt under knappen som link
- Indsæt # foran spring-til-overskrift-2
- #spring-til-overskrift-2
FORMÅL: Du kan nu trykke på knappen, der sender dig direkte til overskriften: Jeg er en overskrift 2
Det gør vi ved at tilføje en “blok” med funktionen knap – den finder du ved at trykke på “+” -> Layoutelementer.
Tilføj teksten “Spring til overskrift 2” på din knap. Foran teksten, skal du indsætte et hashtag: #
Så linket på knappen kommer til at hedde: #spring-til-overskrift-2
7. I dette punkt, skal du nu indsætte et billede under overskriften “Jeg er en overskrift 2”.
Det gør du ved igen at trykke på + tegnet og vælge en blok der hedder billede. Herefter vælger du et billede du har gemt i dit mediebibliotek eller oploader et nyt billede fra din pc.