Instrukcja używania ‘shortcodes’ do Własnych Stron

Wstęp

Własne Strony zawierają zestaw komend Shortcode, kompatybilnych ze wszystkimi naszymi motywami. Komendy Shortcode działają w postach, stronach i widgetach. Aby dowiedzieć się więcej o Shortcode zapraszamy do zapoznania się z artykułem WordPress Codex.

Używanie komend Shortcode

Komendy Shortcode można dodawać do postów, stron i widgetów przez wpisanie krótkiego kodu, jak w przykładzie poniżej. Niektóre komendy zawierają także dodatkowe parametry, pozwalające na dalsze dostosowanie do potrzeb użytkownika.   Wybierając narzędzie edycji strony lub postu, znajdź przycisk Generator Shortcode w okienku edycji. Ten przycisk pozwoli Ci dodać dowolną komendę Shortcode do strony lub postu.

 shortcode-woo-option

 Ikona Shortcode w edytorze WYSIWYG

Przyciski

Przyciski będą wyglądały wspaniale we współczesnych przeglądarkach. Choć w starszych przeglądarkach mogą stracić nieco na wyglądzie, wciąż zachowają pełną funkcjonalność.

Opcjonalne argumenty:

        • size: small, large
        • style: info, alert, tick, download, note
        • color: custom color (np red or #000000)
        • border: border color (np red or #000000)
        • text: black (dla przycisków w jasnym kolorze lub na jasnym tle)
        • class: custom class
        • link: button link (np https://www.klubis.pl)
        • window: true (otwiera link w nowym oknie)

 

Kolorowe przyciski

DomyślnyCzerwonyPomarańczowyZielonyAquaTealFioletowyRóżowySrebrny

  • [button]Domyślny[/button]
  • [button color="red"]Czerwony[/button]
  • [button color="orange"]Pomarańczowy[/button]
  • [button color="green"]Zielony[/button]
  • [button color="aqua"]Aqua[/button]
  • [button color="teal"]Teal[/button]
  • [button color="purple"]Fioletowy[/button]
  • [button color="pink"]Różowy[/button]
  • [button color="silver"]Srebrny[/button]

Małe i duże przyciski

MałyNormalnyDużyXL

  • [button size="small"]Mały[/button]
  • [button]Normalny[/button]
  • [button size="large"]Duży[/button]
  • [button size="xl"]XL[/button]

Ikony

AlertTickInfoNoteŚciągnij

  • [button style="alert" color="silver"]Alert[/button]
  • [button style="tick" color="silver"]Tick[/button]
  • [button style="info" color="silver"]Info[/button]
  • [button style="note" color="silver"]Note[/button]
  • [button style="download" color="silver"]Ściągnij[/button]

Dostosowane przyciski

Button
[button color="#f0f0f0" border="#555" style="info" text="dark"]Button[/button]

Info Boksy

Info boksy przydają się, by wizualnie wyeksponować informację dla wygody użytkowników strony.

Możliwe argumenty:

      • type: info, alert, tick, download, note
      • size: medium, large
      • style: rounded
      • border: none, full
      •  icon: none ALBO pełny adres URL wybranej ikony
To jest normalny boks
[box]To jest normalny boks[/box]
To jest info boks
[box type="info"]To jest info boks[/box]
To jest zaokrąglony box
[box style="rounded" border="full"]To jest zaokrąglony box[/box]
To jest zaokrąglony tick box
[box type="tick" style="rounded" border="full"]To jest zaokrąglony box[/box]
To jest note box
[box type="note"]To jest note box[/box]
To jest download box
[box type="note"]To jest download box[/box]
To jest alert box
[box type="note"]To jest alert box[/box]

Kolumny

Tworzenie kolumn za pomocą shortcodów jest trochę skomplikowane, bo trzeba nie tylko ustawić liczbę kolumn, ale również ich szerokość. W motywie Canvas jest generator shortocodów dla różnego rodzaju ustawień kolumn. W innych motywach jednak już jego nie mamy i musimy wprowadzić shortcody ręcznie. W motywie Divi polecamy tworzenie kodów w kreatorze Divi. Jednak nie zawsze jest on dostępny i wtedy pozostaje utworzenie kolumn za pomocą shortcodów.

2 kolumny

Równe kolumny

Column 1/2
Column 1/2

[twocol_one]]Column 1/2[[/twocol_one] [twocol_one_last]]Column 1/2[[/twocol_one_last]

3 kolumny

Równe kolumny

Column 1/3
Column 1/3
Column 1/3

[threecol_one]]Column 1/3[[/threecol_one] [threecol_one]]Column 1/3[[/threecol_one] [threecol_one_last]]Column 1/3[[/threecol_one_last]

Jeśli potrzebujesz inną liczbę lub szerokości kolumn, daj nam znać, a dodamy kolejne kombinacje shortcodów.

Zaprojektowane przez Klienter.pl

Przejdź do paska narzędzi