Sektionera dina kategorier.

Hade i detta designtips tänkt visa er hur man delar upp sina kategorier i olika sektioner. Alltså att man har ett överkategorinamn och sedan underkategorier. Jag har detta både i min meny längst uppe i bloggen och i click-down-menyn i min meny här åt höger. För er som undrar varför jag har mina kategorier på två olika ställen så är detta för att det ska vara lättare för personer som går in på min blogg via mobilen då dessa inte alltid kan klicka ner menyn jag har högst upp i bloggen.
1. Börja med att gå in på kategorierna du vill ha med, kopiera varje kategoris länk och klistra in i anteckningar eller ett dokument på din dator.
 
2. Gå in i dina kodmallar och ta bort följande kod, den ligger i din meny.
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>

3. På samma ställe som du just tagit bort kod lägger du in följande.
<div>ÖVERKATEGORINAMN</div> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>

<div>ÖVERKATEGORINAMN</div> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>

<div>ÖVERKATEGORINAMN</div> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>

<div>ÖVERKATEGORINAMN</div> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>
<a href="KATEGORILÄNK">KATEGORINAMN</a> <br>

4. Fyll i fälten jag skrivit ut, överkategorinamn (syns), kategorilänk (detta syns inte, detta gör att du hamnar i just den kategorin när du klickar på titeln) samt kategorinamnet (syns, detta är titeln på kategorin). Vill du ha fler underkategorier är det bara att kopiera <a href="KATEGORILÄNK">KATEGORINAMN</a> <br> och lägga in under en överkategori. Vill du ha fler sektioner kopierar du ett helt stycke och klistrar in.
 
5. Förhandsgranska och publicera. Gör detta i alla kodmallar.
Hoppas ni fick nytta av detta designtips. Har ni frågor så lämna en kommentar eller skicka ett mejl till [email protected]Hör av er angående vad ni vill lära er i nästa tips.

vanja

sv: tack :D

2014-06-04 / 10:30:51
URL: http://vvanja.blogg.se

Kommentera inlägget här:

Namn:
Kom ihåg mig?

Mail

Hemsida:

Kommentar:

Trackback