Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
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:

  • Den klickbara länken 1
  • Den klickbara länken 2
  • Den klickbara länken 3
  • Den klickbara länken 1
  • Den klickbara länken 2
  • Den klickbara länken 3

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!

Skribent och ansvarig för DDB. Driver Designa din blogg sedan juni 2015. Har bland annat studerat webbdesign, marknadsföring och online strategier både i Sverige och USA. Jobbar inom IT.

Läs mina andra inlägg

Lämna ett svar

Din e-postadress kommer inte publiceras.