WordPress - Navigationsmenu

Vi tager kontrollen med hvordan navigationsmenuen ser ud og indholdet i den. Det er rart for den besøgende og giver lidt skarphed i designet.

Jes Conradsen
60 steps
5 minutes

Vi tilføjer nogle tomme sider for at kunne navigere imellem noget. Sider: What is new Shop About us Contact us

Klik på"Add New" page

Klik på "Add title" og giv den navnet 'What is new'.

Tip! Når du navngiver sider, så undlad specialtegn (i hvert fald '?' )

Klik "Publish"

Klik "Publish" igen

Klik her for at gå tilbage til overblikket over alle Pages.

Klik på "Add New" page

Klik på "Add title" og skriv Shop og publish.

Lav på samme måde yderligere disse pages: About us Contact us

Så fik vi tilføjet de 4 tomme sider. Nu skal vi lave en menu, og sætte dem ind i.

Lav Navigations menu

Gå til Appearance -> "Customize"

Klik på "Menus"

Klik på "Create New Menu"

Klik på "Menu Name" feltet og navngiv den "Navigation menu".

Klik af i "Primary" feltet for at placere den menu vi har lavet i det område.

Klik på "Next" for at gemme.

Vi skal have nogle punkter i vores nye navigations menu, klik på "Add Items"

Tilføj "Forside" til navigations menuen ved at klikke på krydset her.

Tilføj på samme måde flg. sider: What is new Shop About us Contact us Til Navigation menu

VALGFRIT - Eksternt link

Du kan evt. springe dette over og gå direkte videre til [https://scribehow.com/shared/The-chocolate-cooperative_Workflow__9EPBhMeASsGd73PdSexwCg#98af217c](https://scribehow.com/shared/The-chocolate-cooperative_Workflow__9EPBhMeASsGd73PdSexwCg#98af217c)

Vi vil lave et custom link ud fra vores side. Friis Holm Chokolade er danske verdensmestre, så vi linker til dem. Fold "Custom Links" ud

Klik på "URL" feltet, og sæt URL'en ind [https://www.friisholmchokolade.dk/](https://www.friisholmchokolade.dk/)

Klik på "Link Text" feltet, og skriv 'Friis Holm Chokolade'.

Klik på "Add to menu" knappen for at tilføje det som et punkt i vores navigation menu.

Jeg klikker og trækker "Friis Holm Chokolade" linket op og ind under Shop linket og slipper museknappen.

Tryk på "Publish" knappen for at gemme menuen.

Så har du fået erstattet standard menuen med din helt egen 'Navigation menu' ! 👌

Click "Close"

Juster navne i menupunkter

For at få fuld kontrol over udseendet, skal vi lige rette det sidste. Klik Appearance "Menus"

Klik på den lille pil for at folde 'Contact us' ud.

I "Navigation Label" feltet kan du slette us, så der KUN står Contact´. (selvom siden stadigvæk hedder det fulde Contact us).

Gør det samme for About us.

Tip! I dag ved de fleste at man kan trykke på siden logo eller navn for at gå til forsiden. For det meste behøver der derfor ikke være et link til Forside i navigationsmenuen.

Vi vil gerne gøre menuen endnu skarpere og kortere ved at fjerne 'Forside' fra navigationsmenuen. Fold Forside ud ved at klikke på den lille pil.

Klik på "Remove" for at fjerne linket fra navigationsmenuen.

Klik på "Save menu" knappen for at gemme.

Blog til dine indlæg (posts)

Tip! Pages/sider = statiske indhold (kontakt side, forsiden, om os...) Posts/indlæg = dynamisk indhold (Nyheder, blogindlæg, opskrifter, varer...) Siden som viser dig alle dine posts/indlæg BEHØVER ikke at hedde Blog. Den kan også hedde Aktuelt, Nyheder eller noget andet.

Gå til Settings -> "Reading"

Click the "A static page (select below)" field.

Til Homepage (forside) vælger vi vores side med navnet 'Forside'.

Vi skal bruge en side, der skal bruges til at præsentere et overblik over alle dine posts / indlæg. Vi vælger at bruge 'What is new' siden vi lavede tidligere.

Klik på "Save Changes" knappen.

Så har du lavet en skarp navigationsmenu, og valgt hvilken side der skal være forside og lavet en 'What is new' til din blog roll.

Inspicer siden, og klik "The Chocolate Cooperative". Du går til forsiden!

Sådan ser din navigationsmenu nu ud.

Tip! Prøv at lave en post/indlæg og skriv et par hurtige linier tekst, måske sætte et billede ind og sæt Featured Image på. Inspicer din What is new side bagefter. 😊

VALGFRIT - Lav en post

Vi laver en nyhed! Klik "Posts"

Lav en post ved at klikke på "Add New".

Klik på "Add title" og kald den 'This just in!"

Klik på det her ikon for at tilføje et billede.

Vælg og indsæt 'Advanced Image'.

Klik på "Select Image"

Vælg dette billede fra dit mediebibliotek.

Klik på "Select" knappen for at gemme.

Klik ved siden af indholdet.

Fold "Featured image" ud.

Klik på "Set featured image".

Vælg samme billede.

Klik "Set featured image" knappen for at gemme.

Klik på "Publish"

Klik "View Post" for at inspicere.

Klik "What’s new" for at gå til oversigten over posts/indlæg.

Tillykke! Hackerman og dig er.. LIKE THIS!! 🤞