Hur man skapar en personlig meny

Hur man skapar en personlig meny

Många har frågat om hur man gör för att få till en mer personlig meny, men underkategorier osv. Jag ska försöka förklara hur man kan göra.

Börja med att fundera ut vad dina Huvudkategorier skall vara, och sedan vad du ska ha för underrubriker.

Sen så finns det lite olika sätt att göra på.

Jag har valt att använda mig av flera olika varianter när det gäller länkarna. Antingen så kommer du till ett specifikt inlägg (1) (bara ett inlägg visas med kommentarer och allt), eller så kommer du till en hel kategori (2) (alla inlägg i kategorin visas) eller så kommer du till ett specifikt inlägg där man sedan kan klicka sig vidare (3), eller så kan du göra en direktlänk till en ny blogg/hemsida (4). (Kolla genom att klicka på mina länkar)

Det du gör när du bygger din meny, är att du helt enkelt gör direktlänkar till de olika underkategorierna.

Jag kommer förklara hur längre fram.

Själva menyn i sig, den skapar du i din kodmall.

Det finns lite saker att fundera över när du ska göra menyn med. Skall du ha kvar senaste inläggen? Ska du ha kvar arkivet? Ska du ha kvar kategorierna?

Om du ska ta bort någon av dessa, så gör det sist av allt, för du kan behöva använda dig av dem när du ska få fram direktlänkarna.

Nu ska jag förklara hur du gör.

Gå in i dina kodmallar:

Leta upp kodraden som ser ut så här:

<div class="nav">

Det är nedanför denna kod som du ska skapa din meny nu.

Först ska du ju skapa en huvudrubrik, det gör du genom att lägga in följande kodrad:

Byt ut Din rubrik mot namnet på den rubriken du vill använda. Om du vill ha längre avstånd neråt sen, så lägger du till ytterligare <br />

Nu ska jag berätta hur du får fram direktlänkarna till ett inlägg, kategori eller månad i arkivet.

För länk till enskilt inlägg: Klicka på Permalink

För länk till en månad i arkivet: Klicka på den månad som du vill länka till

För länk till en viss kategori: Klicka på den kategori du vill länka till.

Sen så kopierar du adressen som står uppe i adressfältet, det är själva länken du ska använda dig av sen nämligen.

Nu är det bara att lägga in länkarna i din meny, genom att kopiera och klistra in följande kod:

Där det står länkadressen lägger du in själva adressen du kopierat tidigare, och där det står Den klickbara länken, där ska du ha själv länken som man ska klicka på.

Om det är så att du vill ha alla länkar som en punktlista, då använder du dig av följande kod istället:

För varje ny punkt du lägger till, måste du lägga till hela mittenraden, så att det ser ut så här:

<ul>
<li><a href="länkadress1">Den klickbara länken 1</a></li>
<li><a href="länkadress2">Den klickbara länken 2</a></li>
<li><a href="länkadress3">Den klickbara länken 3</a></li>

</ul>

Om du använder en punktlista under varje huvudkategori, så måste du göra allt på nytt, så det ser ut så här:

<div class="navheader">Rubrik 1</div>
<ul>
<li><a href="länkadress1">Den klickbara länken 1</a></li>
<li><a href="länkadress2">Den klickbara länken 2</a></li>
<li><a href="länkadress3">Den klickbara länken 3</a></li>
</ul>

<div class="navheader">Rubrik 2</div>
<ul>
<li><a href="länkadress1">Den klickbara länken 1</a></li>
<li><a href="länkadress2">Den klickbara länken 2</a></li>
<li><a href="länkadress3">Den klickbara länken 3</a></li>
</ul>

Då kommer det se ut så här sen:

Om du nu vill plocka bort koden för Arkiv, Senaste inläggen, Länkar och Kategorier, så är det följande koder du ska ta bort i kodmallen:

Senaste inläggen:

<div class="navheader">Senaste inläggen</div>
   <ul>
       <tag:recentlist limit="20">
     <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
       </tag:recentlist>
   </ul>

Kategorier:

<div class="navheader">Kategorier</div>
   <ul>
     <tag:categorylist>
        <li><a href="${CategoryLink}">${CategoryName}</a></li>
       </tag:categorylist>
   </ul>

Arkiv:

<div class="navheader">Arkiv</div>
   <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>

Länkar:

<tag:if test="${hasLinks == ‘true’}">
   <div class="navheader">Länkar</div>
   <ul>
    <tag:linklist>
     <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
    </tag:linklist>
   </ul>
   </tag:if>

Tänk på att ta bort endast dessa koder, och inget annat, var JÄTTENOGA med att du tar bort rätt kod.

Jag hoppas att ni har förstått nu, för det finns inget enkelt sätt att dela upp sin meny i en massa underkategorier, utan man får helt enkelt sitta och fixa och trixa själv i sina kodmallar.

Tänk dock på att ta en kopia av din kodmall innan du börjar, eller att du bygger din meny i en testblogg.

Lycka till!

test test

Grundare av Designa Din Blogg. Driver den här sidan som ett hobbyprojekt när jag inte jobbar, är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

86 kommentarer

  1. SvaraKlara

    hur ändrar man text och storlek på texten? alltså texten i den personliga menyn på kategorierna? för min text är svart men jag vill att den ska varta grå osv.

  2. SvaraEva

    hur gör man när ena under menyn ”senaste inläggen” är längre än de övriga. Kolla på min blogg så förstår du vad jag menar. Vore väldigt tacksam för hur jag ska åtgärda det.

  3. SvaraHelena

    Hej! Jag har gjort om min meny, men om jag väljer t.ex. en kategori eller en månad är det likafullt den gamla menyn som syns. Hur ändrar jag det?

  4. Svaraseraphine

    Hej jag undrar hur man tar bort strecken under inläggen i menyn. Tex inläggen i menyn så finns det ju streck, under kategorier och arkiv också, och jag vill ta bort dom strecken hur gör jag då?
    tack för en sjukt bra hemsida!

  5. SvaraLisa

    Hejsan!
    Riktigt bra designhjälp! (Y)
    Men såhär e det, jag har fixat såna underkategorier, men dom är i fet text, hur får man dem i ”normal”?

  6. SvaraMalin

    ska man inte lägga till koder i stilmallen också??? för att få rätt storlek, färg, position mm. Jag försöker få in en personlig meny i den ”andra” sidomenyn (jag har använt ditt andra inlägg för att få två menyerkolumner) och du har inga koder för att få det att funka :S

  7. SvaraStina

    Hej, tack så mycket för din tips!
    dom hjälper verkligen!
    Men skulle du kunna hjälpa mig tror du?
    Jag har råkat få hela min meny i punktlista och vet inte hur jag kan ändra så att den blir vanlig igen.
    :S

  8. SvaraFELICIA

    Jag försöker göra en egen kategori i bloggen, typ
    FOTOGRAF
    – natur
    – miljö
    sånt men jag kan inte och jag förstår inte hur man gör egentligen, kan du hjälpa mig? eller en enkelt förklaring? tack

    ps, min blogg är lås för jag vill fixa först den här.

  9. SvaraAnonym

    Hej och tack för all hjälp! 
    Jag undrar över en sak kring menyn, som jag inte har hittat svar på någonstans här, Jo; Hur man delar upp menyn… Alltså skär av den efter tex en kategori så att man ser bakgrunden på bloggen och så vidare, om du förstår?
    Tack på förhand!

  10. Svaraellen

    hej!
    jättebra förklarat jag fattade precis :D haha….

    men om du kollar på min blogg, då är det ett stort tomt hål mellan senasteinläggen och de andra kategorierna över,varför blev det så ? :s hur kan jaga ändra det ? 

  11. Svaraalva

    Jo.. jag har ett problem. När jag gör en rubrik bland kategorierna fungerar det kanon! Men kategorierna som jag lägger under en rubrik dubbleras, så jag får dubbelt av dom, när jag sen tar bort ena av de dubbla kategorierna, och sen vill skriva ett inlägg i en av kategorierna så finns inte den kategorin att välja, även fast kategorin finns med på bloggen under rubriken, förstår du? Så jag valde att helt enkelt strunta i rubrikerna, fast jag väldigt gärna ahde velat haft den, men så kom jag på ett annat alternativ, som jag har sett på http://www.byellen.se. Hennes kategorier är inte sorterade efter bokstavsordning, hur fixar man kategorierna så att man kan placera de i vilken ordning man vill? Hoppas du förstår :)

    1. SvaraOlivia

      Det kan du göra i stilmallen. Där finns redan en kod som heter:

      .nav {font-family: verdana, Arial, Helvetica, Sans-serif;font-size: 15px;font-weight: bold;color: #000000;margin: 0px;}
      

      Där kan du ändra storlek, färd, stil…

  12. SvaraLinda

    hejs! Jag kan inte hitta i min kodmall :S Vet någon vad som är fel?

    Snälla hjälp mig, jag har letat efter en beskrivning till hur man gör detta jättelänge, och nu när jag hittar den så stöter jag på problem redan i början….:/

    1. SvaraSandra

      Kategorierna dyker inte upp i listan i menyn förän man lägger till/skriver ett nytt inlägg i den kategorin.
      När kategorin är ”tom” syns den inte i menyn.

  13. SvaraRebecca

    Jag har ett problem. Det går inte att spara, nu när jag fixat iordning kategorierna.. Tyvärr så kan jag inte klistra in koderna här, för dem typ dras ihop (svårt att förklara). Och sen vill jag gärna ändra storlek och sådant, vart gör man det?Snälla, skulle du kunna hjälpa mig?
    /Rebecca.

  14. SvaraClaudia

    Hos mitt blogg är det så att jag har inte gjort designen själv utan kopirats av annan som har gjort den. Förstås har jag tillåtelse av henne menja. Det på bloggdesignen finns det inte permalink. Bara tid när det lade ut och vilken kategori inhöll där inlägget och kommentar. Hjälp mig hur man då kan lägga in en personlig meny då utan permalink! Eller hur man sätta in permalink!! Tack förhand..

  15. SvaraJulia

    När jag skapar en ny kategori på bloggen visas inte kategorin om man går inte på min blogg, så jag kan inte använda mig av kategorierna jag vill ha till min personliga meny. Tack på förhand! :)

  16. SvaraMikaela

    Jag skulle ändra så jag fick en personlig meny, men istället så fösvann alla mina nuvarande kategorier! ;oo
    Eller inte försvan utan dom syns bara inte på själva bloggen!
    Vet inte vad det är för fel men jag får spelet snart! Någon snäll människa som vill hjälpa mig!! (A)

  17. Svarafrida

    jag har 3 gjort olika kategorier. men när jag trycker på en av katogorierna så är de som att trycka på allmänt. för alla inlägg kommer upp, inte bara just dom kategorierna jag vill. ALLA kommer upp, fast de är olika kategorier. jag måste ändra länkadressen på något vis så att jag hamnar just där jag vill. skulle gärna vilja ha hjälp med detta, så snälla hjälp mig!!!! tack på förhand!

  18. Svarafeliciaaaaaaa

    hej, vet någon hur man gör så att man kan byta ut en text
    alltså typ där det står när man ska kommentera folks
    bloggar så har vissat ändrat så det står : vad har du på hjärtat osv.

    NÅGON SOM VET ?

    1. SvaraSaga

      Ja:) Du går in i kodmallen ”Inläggsida” och håller in CTRL+F och skriver in ”Namn”. Då ser du vad du har nu och så ändrar du till vad du vill ha. Under namn hittar du ju allt annat som finns:)

  19. Svaralinda

    Hur gör man när man ska andvända för jag har fårr in det och så har jag såhär

    Personligt
    -vardag

    …..
    ….

    hur gör man när man ska andvända det?

  20. Svaranörd

    hej och tacck för all hjälp man kan få här!
    jag har gjort som det står med det blir bara 404 not faund och om jag gjorde på något annat sätt då kom man in på min blogg lxm och kunde ändra och göra inlägg och sånt fattar du ? 

  21. SvaraSofia

    Allt har blivit rätt när jag gjort detta , men jag har olicka rubriker , tex Personligt & Fotografier.
    Och på Personligt går texten rätt , men på Fotografier går texten utåt om du förstår vad jag menar.
    Vad ska jag ändra då ?
    Tacksam för svar , väldigt viktigt för mej !

  22. SvaraLinnea

    Hej! Nu försvann fetstilen, helt av sig självt.. Men i alla fall. Nu är grejen med li koden att mellanrummen blir superstora tillskillnad från de vanliga mellanrummen på arkiv! Eftersom jag sparar arkiv och senaste inläggen o.s.v. som vanligt så vill jag att de ska se likadant ut. Vet du Lari eller någon annan felet? 

    tack på förhand. :)

  23. SvaraLouice

    Hej.
    Det funkar :D
    Alla inlägg sitter som de ska förutom att det blir jättestora mellanrum. :S
    Vilket inte är så snyggt. Hjälp någon?

  24. SvaraJosefin

    Min profil syns inte i bloggen, jag har lagt till personlig text och en större profilbild men den syns inte, är det något som är fel eller vad ska jag göra? Tacksam för svar!

  25. SvaraSandra

    På min profil så går det inte att se mitt namn. Alltså det brukar ju stå :”OM, och sedan namnet” alltså för mig ska de stå sandra lundgren, men det syns inte. Vet du hur man gör för att de ska synas? det blir liksom bara ett tomrum annars..

  26. SvaraLizzy

    Jag har fixat underrubriker som funkar när man klickar på dem.
    Men. Nu när jag ska skriva ett nytt inlägg & ska publicera det så finns det inga kategorier att välja mellan i listan nedan….
    Jag måste ju publicera inlägget i någon kategori :S
    Varför syns dem inte där?

  27. SvaraKarolina

    Hej!
    Jag har ett problem. Jag vill flytta min meny så att headern och inläggen är en rad och sen är menyn bredvid, men min meny blir flera t.ex inlägg är i en liten ruta kategorier i en ?!
    Väldigt tacksam för svar!

  28. SvaraOlli^^

    Hur gör man så att texten i menyn blir större? Skulle gärna vilja veta:) Tack för alla gånger som du har räddat mig btw:)

  29. SvaraEvelina

    Nu har jag fixat så att det finns två underrubriker under KATEGORIER & satt in alla kategorierna där under & det funkar & så. Men så kommer inte underrubrikerna rakt under varandra utan den understa är mer till vänster än den översta.
    Hur ska jag göra? Snälla någon hjälp..

  30. SvaraAngelica

    Jag har samma problem som Lizzy

    ”Jag har fixat underrubriker som funkar när man klickar på dem.
    Men. Nu när jag ska skriva ett nytt inlägg & ska publicera det så finns det inga kategorier att välja mellan i listan nedan….
    Jag måste ju publicera inlägget i någon kategori :S
    Varför syns dem inte där?!

    Hjälp, någon???

  31. SvaraFannY HulT

    asså, lite trög kanske jag är men jag måste ha klistrat in fel för annars har jag fixat kategorierna men när jag trycker på dom kommer det inte upp?! :o vad är det man ska klistra in i kodmalen?
    i need help! (:

  32. SvaraAniss

    Snälla hjälp mig! Klicka p+å mitt namn och kolla s konstigt det bli understreck och stora mörka färger! Hur får man det normalt? Snälla hjälp

  33. SvaraEmmie

    Taaack så mycket! Har typ tagit hjälp av dina tips på nästan allt jag gjort i bloggen. Du har ju svar på alla mina frågor om designen, så tack! :)

  34. Svaralinda

    Hej!
    Jag har arbetat med koder hur länge som helst men har nu stött på ett problem och jag har letat och letat om jag hittar någon förklaring utan resultat. 

    Jag har ialf lyckas få in en punktlista som är så ful och jag vill ha kvar listan utan punkter!! KAN DU HJÄLPA?

  35. Svaraesther

    Hur gör man det här utan att *Kategori-rubrikerna* *hoppar* *in*? SVårt å förklara men ”Arkiv”, ”senaste inlägg” osv ligger där de ska och sen så ligger kategorirubrikerna liksom ca en halv cm längre in? (jag har boxar i menyn och det blir så om man inte vill dela upp kategorierna i olika boxar, vilket jag inte vill)
    Skulle vara enormt tacksam för hjälp:)
    Tack för en awesome blogg:D

  36. Svaraesther

    Hur gör man det här utan att kategori-rubrikerna hoppar in? SVårt å förklara men ”Arkiv”, ”Senaste inlägg” osv ligger där de ska och sen så ligger kategorirubrikerna liksom ca en halv cm längre in? (jag har boxar i menyn och det blir så om man inte vill dela upp kategorierna i olika boxar, vilket jag inte vill)
    Skulle vara enormt tacksam för hjälp:)
    Tack för en awesome blogg:D

  37. SvaraJosefin

    Hej jag har gjort som det stod och kategorierna syns men sen om jag ska skriva ett inlägg då finns det inte någonstans så att jag kan ändra till just den underkategorin jag vill
    hjälp tack? <3
    tack för tipset !

  38. Svaravasses

    Seriöst.. Jag har letat och letat och tycker det är ganska dåligt att ingen har en förklaring på hur man lägger kategorierna bredvid varandra istället för under varandra..

    ex finns hos Nevnarien.se och Megapixlar..
    Jag har prövat med mellanrum men det blir inte så rakt och det är ganska så fult.. SNÄÄÄÄLLA SNÄLLA KAN NÅGON BERÄTTA HUR MAN GÖR ORKAR INTE MER..

    Seriöst.. snälla

    (min blogg är lösenordsskyddad så svara på mail

  39. SvaraSoloMadridistas

    Hej!
    Jag vill på en blogg’s meny ha en länk där det står ”kontakt” där folk kan klicka in sig, precis som ni har här!
    Hur går jag till väga för att det inte ska synas som ett inlägg utan vara en enskild sida precis som på ddb?

    1. SvaraSanna Preifelt

      Det beror helt och hållet vart du bloggar, DDB ligger på WordPress vilket betyder att man har lite fler möjligheter än på tex blogg.se. På blogg.se får du i så fall göra ytterligare en blogg som kanske heter (i ditt fall) solomadridistas.blogg.se/kontakt eller något sådant där du lägger det inlägget. På WP kan man använda sig av pages/sidor, det finns tyvärr inte den möjligheten på blogg.se, utan man kan bara jobba med inlägg. Alternativt kan man ju publicera det inlägget långt bak i tiden, då kommer det finnas som ett inlägg, men inte så att det kommer upp på Bloglovin’ eller för dina läsare att se, om de inte bläddrar tillbaka i arkivet :)

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

OBS! Om du skall skriva kod måste du göra på följande sätt: [code]Din kod här[/code]

Current ye@r *