button

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.

Formatowanie wpisu zachęcającego do zakupu

Formatowanie wpisu zachęcającego do zakupu

Jeśli odpowiadasz na pytanie klientki o jakiś produkt, to warto to zrobić w formie artykułu. Taki artykuł powinien od razu zawierać wskazanie polecanych w danej sytuacji produktów oraz wskazanie, gdzie je można kupić. Należy więc wstawić na przykład linki do sklepu. Nie można jednak z tym przesadzić. Trzeba to robić tak, aby artykuł był przejrzysty […]

Czytaj dalej 0
Nie dzialajacy przycisk

Nie działający przycisk

Jeśli zdarzyło ci się, że przycisk wygenerowany za pomocą kodu “button” nie działa poprawnie, sprawdź czy kod jest na pewno poprawny. Na przykład czy są spacje między opcjami przycisku. Na wideo przedstawiam taki właśnie przypadek z nie działającym przyciskiem. (więcej…)

Czytaj dalej 0

Zaprojektowane przez Klienter.pl

Przejdź do paska narzędzi