wordpress visitor

Hur man skapar en personlig meny

Tillhör kategori [ Övrigt om design ]

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!

Related Posts Plugin for WordPress, Blogger...

Lari

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.

Website - More Posts

Du kan följa eventuell respons via RSS 2.0. Du kan skriva en kommentar, eller trackback från din egen sida.
Om du vill ha hjälp med din bloggdesign, och väljer att skriva en kommentar här, så MÅSTE DU ANGE DIN BLOGGADRESS!.
Helst av allt ser vi att ni skriver vad ni har för problem inne på Forumet istället, det är bara att registrera sig och där kan du räkna med att få en bättre hjälp.

76 kommentarer på “Hur man skapar en personlig meny”

  1. Klara skriver:

    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. Eva skriver:

    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. Helena skriver:

    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. Dessi skriver:

    Hej! Om jag vill ha en ram runt ett speciellt ställe, t e x på ”om” delen där det står
    , hur gör jag då ?

  5. seraphine skriver:

    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!

  6. Lisa skriver:

    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”?

  7. Malin skriver:

    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

  8. Stina skriver:

    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

  9. KAJSA WÄNMAN skriver:

    när jag gör detta blir texten i fetstil, och lite sne eller vad man ska säga. hur ändrar jag det?

  10. FELICIA skriver:

    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.

  11. Anonym skriver:

    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!

  12. ellen skriver:

    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 ? 

  13. ellen skriver:

    ooj! kollar på min nya blogg istället jag skrev fel först..

  14. alva skriver:

    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 :)

  15. victoria skriver:

    hur ändrar man storlek, teckensnitt osv??

    • Olivia skriver:

      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…

  16. Linda skriver:

    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….:/

  17. Sandra skriver:

    Hej, jag tog bort kategorin ”Allmänt” helt och sen när jag ville göra en ny så kom den inte upp bland ”Kategorierna”

  18. Mathilda skriver:

    HJÄLP !
    när jag fixar kategorierna uppdelade blir det så här :

    http://ettstortmochettliteta.blogg.se/2010/august/hjalp-a-en-liten-sak-titta-pa-bilden.html

    helt konstigt, kategorierna hamnar bredvid varandra :o och jag vill ha dom under varandra, och texten mindre och vit. HJÄLP tack?! super snällt om nån kunde hjälpa innan min hjärna sykar. haha.

  19. Rebecca skriver:

    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.

  20. Claudia skriver:

    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..

  21. natalie skriver:

    Hej!

    jag undrar hur man kan ändra bredden på sin meny? :)

  22. Julia skriver:

    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! :)

  23. Mikaela skriver:

    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)

  24. frida skriver:

    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!

  25. feliciaaaaaaa skriver:

    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 ?

  26. linda skriver:

    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?

  27. nörd skriver:

    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 ? 

  28. Sofia skriver:

    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 !

  29. Josefine skriver:

    Hur ändrar man bredden på menyn?

  30. Miss Choco skriver:

    Hejsan!
    Jag har satt in en ny text i min meny som heter veckans blogg.
    Men jag vill gärna ha en bild under det,hur gör jag då? :3

  31. Johanna skriver:

    Hej, just nu har jag 2 menyer och vill ta bort den jag hade frpn början, hur gör man det? :)

  32. Linnea skriver:

    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. :)

  33. Louice skriver:

    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?

  34. Josefin skriver:

    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!

  35. Sandra skriver:

    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..

  36. dimond skriver:

    om det är så att jag vill göra två menyer en på vänster sidan och en på höver sidan hur göra jag det? 

  37. celine skriver:

    Det blir långa mellanrum mellan varje underkategori, nån som vet hur man kan fixa det? –> http://www.littleceline.blogg.se/testblogg

  38. Lizzy skriver:

    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?

  39. Karolina skriver:

    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!

  40. Tova skriver:

    Hej, jag fatta inte riktigt hur man gjorde under kategorier. Kan någon förklara?

  41. Olli^^ skriver:

    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:)

  42. Olli^^ skriver:

    Fick reda på det förra.. Men nu har jag ett nytt problem xD.
    Hur lägger man in bilder i menyn? 

  43. Evelina skriver:

    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..

  44. tessa skriver:

    Hej, det funkade men min visningsbild kom under texten, varför och hur ska jag ända det?

  45. Angelica skriver:

    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???

  46. melinda skriver:

    Tack för hjälpen! förstog efter lite tanke verkstad (melindam.blogg.se

  47. FannY HulT skriver:

    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! (:

  48. Aniss skriver:

    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

  49. Emmie skriver:

    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! :)

  50. linda skriver:

    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?

  51. Linnea skriver:

    Hej jag har gjort personlig meny men länkarna går inte att klicka på? De blir bara som texter men går inte att klickas på?

  52. Molly Svedin skriver:

    Hur ändrar man färg, tipsnitt och storlek på texten? när man har gjort den personliga designen? 

  53. Sara!!!!!! skriver:

    Jag har ingen  i min kodmall! Vad ska jag göra?? Snälla hjälp mig!!!

  54. ellen skriver:

    Hur ändrar man färg på menyn, och texten som innehåller ”skriv kommentar” m.m. under bilderna??? :)

  55. Jill skriver:

    Hur ändrar man storlek på texten? : ) 

  56. märta skriver:

    Hej! jag fattar inte riktigt var man ska lägga in den klickbara länken

Lämna en kommentar

Om du vill skriva kod i en kommentar, så måste du skriva koden mellan [xml] och [/xml] annars syns inte koden.
Exempel:
[xml]
<font face="verdana"></font>
[/xml]


Om du vill ha designhjälp, glöm inte bort att ange din bloggadress så vi kan kolla dina koder!

Page optimized by WP Minify WordPress Plugin