Kategorie/etykiety wyglądające jak strony czyli podpinanie etykiet pod menu

wtorek, 11 marca 2014


W dzisiejszej instrukcji pokażę Wam jak w prosty sposób zrobić kategorie/etykiety wyglądające jak strony. Inaczej - jak podpiąć etykiety/kategorię pod strony/menu. Dzięki temu, posegregujemy sobie wszystkie wpisy w przejrzysty sposób.

Instrukcja, jest podana na podstawie menu Blogspota (Bloggera), jednak bez problemu można ją wykorzystać także na menu/stronach, które stworzyliśmy w kodzie HTML.

1. Dodajemy do postów etykiety

2. Wchodzimy w Układ - dodaj gadżet - etykiety

3. Zmieniamy z opcji "wszystkie etykiety" na "wybrane etykiety" i klikamy "edytuj" otworzy nam się lista etykiet i zaznaczamy te,które mają być wyświetlane i klikamy "zapisz"

4. Następnie znowu klikamy na "dodaj gadżet" i tym razem szukamy gadżetu "strony

5.Otworzy nam się okno ze stronami i klikamy "dodaj stronę z linkiem"

W przypadku menu w kodzie HTML przechodzimy do motyw - klikamy na trzy szare kropeczki w prawym rogu - edytuj kod HTML, klikamy kursorem obojętnie jakie miejsce w kodzie i wybieramy ctrl+f, wpisujemy daną frazę, która pozwoli nam znaleźć nasze menu w kodzie

6. Otworzy nam się okienko gdzie wpiszemy nazwę strony i dodamy do niej odnośnik (w polu adres internetowy (URL)), należy w nowych kartach otworzyć każdą kategorię "etykietę" aby skopiować link. Robimy tak z każdą etykietą, którą chcemy dodać.

W przypadku menu w kodzie HTML podmieniamy link przy danej kategorii lub jeśli nie mamy uzupełnionych linków, to podmieniamy dane oznaczenia - prawdopodobne oznaczenia to # lub LINK


Gotowe! Nasze etykiety są już podpięte do menu/stron i teraz każdy post, który przypiszemy danej etykiecie będzie się wyświetlał w odpowiedniej stronie :) 

11 komentarzy:

  1. Super post <3 Bardzo przydatny : )

    Pozdrawiam ;*
    juliett-ofc.blogspot.com

    OdpowiedzUsuń
  2. Jakby to wytłumaczyć...mnie to nie dotyczy, bo mam bloga na Onecie i się cieszę.
    Zapraszam do mnie: http://www.szeptyduszy.blog.onet.pl

    Agnieszka

    OdpowiedzUsuń
  3. Jejku genialny post, niedługo go wykorzystam :) dzięki za pomoc :)
    starfromsky.blogspot.com

    OdpowiedzUsuń
  4. swietny post, na pewno przyda się to wszystkim:)

    http://dieeeyoung.blogspot.com/

    OdpowiedzUsuń
  5. Super post baaaardzo mi pomoglas :-)

    http://bizuteriazewszystkiego.blogspot.com/?m=1

    OdpowiedzUsuń
  6. A ja się tyle męczyłam... na pewno wykorzystam! :) Dzięki :)

    OdpowiedzUsuń
  7. Martyna Krupińska24 sierpnia 2017 17:49

    Czy mogłabyś podać mi kod jakim uzyskałaś taki efekt jak na ostatnim zdjęciu (etykiety na różowych belkach?) Jestem zielona z CSS'a, a bardzo podoba mi się ten efekt.

    OdpowiedzUsuń
  8. Nie podaje kodów indywidualnie ;)

    OdpowiedzUsuń
  9. Uwielbiam twoje tutoriale :D
    Kochana , powiedz jeśli możesz , jak robisz taki guziczek ,żeby można bylo cos pobrać z twojego bloga . Jak np w poscie o planach lekcji .

    Pozdrawiam serdecznie
    Marti ♥
    www.simplyme.pl

    OdpowiedzUsuń

W razie pytań/pomocy przy pobranym szablonie: tworczynotatnik@gmail.com

Copyright © Twórczy notatnik