Jak korzystać ze skrótów WordPress w motywach Rara

Opublikowany: 2018-12-07

Skróty WordPress są niesamowite. Możesz użyć skrótów, aby dostosować zawartość i dodać specjalne funkcje do swojej witryny WordPress.

Shortcodes to unikalne tagi, które pozwalają użytkownikom WordPressa pobierać predefiniowane skrypty treści, funkcje i wiele innych na swoich witrynach WordPress bez każdorazowego pisania długich kodów HTML lub CSS.

Motywy WordPress w Rara Theme zawierają ważne niestandardowe skróty, które mogą pomóc w uatrakcyjnieniu treści WordPress. Niektóre skróty dostępne w naszych motywach to układy siatki, rozdzielacze, odstępy, ikony społecznościowe, wezwanie do działania, suwak, przełączanie, zakładka, styl listy, akordeon i inicjał.

W tym artykule porozmawiamy o funkcji każdego shortcode i o tym, jak z nich korzystać. Ale wcześniej porozmawiajmy o skrótach i ogólnie o ich znaczeniu.

Spis treści

  • Czym są skróty WordPress?
  • Dlaczego skróty są używane w motywach i wtyczkach WordPress?
  • Jak korzystać ze skrótów WordPress w motywie Rara
    • Skrócony kod do układów siatki
    • Skrócony kod dzielnika
    • Odstępy Shortcode
    • Skrócony kod ikon społecznościowych
    • Krótki kod wezwania do działania
    • Suwak Shortcode
    • Przełącz krótki kod
    • Skrócony kod karty
    • Lista skrótów stylu
    • Akordeon Shortcode
    • Upuść krótki kod
  • Wniosek

Czym są skróty WordPress?

WordPress Shortcode to fragment kodu, który wykonuje dedykowane zadanie na stronie internetowej.

Kody te są dość wszechstronne i można je wstawiać w dowolnym miejscu witryny, w tym w postach, stronach i obszarach widżetów. Na przykład możesz użyć skrótów do edycji stylizacji tekstów, wyświetlania galerii, a nawet wstawiania spisu treści.

Większość motywów i wtyczek ma wbudowany własny zestaw skrótów. Te skróty pozwalają lepiej wykorzystać motyw lub wtyczkę, rozszerzając ich funkcjonalność.

Dlaczego skróty są używane w motywach i wtyczkach WordPress?

Skróty WordPress są często używane przez twórców motywów i wtyczek, aby ułatwić dostosowywanie witryny.

Skróty są dość elastyczne i pozwalają użytkownikom na implementację różnych funkcji bez pisania skomplikowanych kodów. Co więcej, za pomocą skrótów programiści mogą przekazywać użytkownikom kontrolę nad układem, projektem i funkcjonalnością witryny.

Różne motywy i wtyczki opierają się na skrótach, które nadają witrynie wciągający wygląd. Większość motywów opracowanych przez Rara Theme zawiera wbudowane skróty, które pomagają tworzyć dobrze sformatowaną treść.

Jak korzystać ze skrótów WordPress w motywie Rara

Nasze motywy zawierają wbudowane skróty, które możesz łatwo zaimplementować w swoich postach i stronach. Możesz użyć skrótów wbudowanych w nasze motywy, aby zmienić układ, a także dodać różne elementy do postów lub stron witryny.

Aby użyć skrótów motywu Rara, wykonaj następujące kroki:

  • Zaloguj się do panelu administracyjnego WordPress
  • Przejdź do stron/postów
  • Kliknij Dodaj nowy
  • Kliknij Krótkie kody

Możesz wybrać wybrane przez siebie skróty i użyć ich w poście.

Poniżej wyjaśniono funkcję każdego skrótu dostępnego w motywach WordPress w Rara Theme i sposób ich użycia.

Skrócony kod do układów siatki

Możesz wyświetlić treść postu / strony w układzie siatki za pomocą tego krótkiego kodu.

Demonstracja skrótu Grid Layout znajduje się poniżej:

  • W edytorze postów/stron kliknij Krótkie kody i wybierz Układy siatki
  • Wybierz liczbę kolumn , które chcesz wyświetlić
  • Wybierz szerokość wszystkich kolumn
  • Zobaczysz kilka kodów dodanych do treści.
  • Zastąp „Wstaw tekst kolumny (1,2,3…)” wybranymi tekstami, jak podano poniżej
  • Kliknij Opublikuj.

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Skrócony kod dzielnika

Możesz dodać linię rozdzielającą między akapitami za pomocą tego krótkiego kodu. Możesz także zachować niestandardowy styl, grubość, szerokość i margines linii podziału.

Demonstracja shortcode dzielnika jest podana poniżej:

  • W edytorze postów/stron przejdź do obszaru zawartości, w którym chcesz wyświetlić dzielnik
  • Kliknij Krótkie kody i wybierz Rozdzielacz
  • Wprowadź kolor obramowania, styl obramowania, grubość obramowania, szerokość obramowania, odstępy górne i odstępy dolne
  • Kliknij OK. Zobaczysz kilka kodów dodanych do treści.
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Odstępy Shortcode

Krótki kod odstępów służy do dodawania dodatkowej przestrzeni między tekstami / akapitami.

Demonstracja skrótu Spacing jest podana poniżej:

  • W edytorze postów/stron przejdź do obszaru treści, w którym chcesz wyświetlić dodatkowe miejsce.
  • Kliknij krótkie kody i wybierz odstępy
  • Wpisz wymagane miejsce w px
  • Kliknij OK. Zobaczysz kilka kodów dodanych do treści.
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Skrócony kod ikon społecznościowych

Możesz wyświetlać ikony społecznościowe i ich linki w treści postów/stron w Twojej witrynie za pomocą skrótu Social Icons.

Poniżej przedstawiono demonstrację skrótu do ikon społecznościowych:

  • W edytorze postów/stron przejdź do obszaru treści, w którym chcesz wyświetlić ikony społecznościowe.
  • Kliknij krótkie kody i wybierz ikony społecznościowe
  • Wejdź do linków ikon społecznościowych
  • Kliknij OK. Zobaczysz kilka kodów dodanych do treści.
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Krótki kod wezwania do działania

Za pomocą tego skrótu możesz wyświetlić przycisk wezwania do działania w treści postów/stron w Twojej witrynie.

Poniżej przedstawiono demonstrację krótkiego kodu wezwania do działania:

  • W edytorze postów/stron przejdź do obszaru treści, w którym chcesz wyświetlić wezwanie do działania.
  • Kliknij krótkie kody i wybierz wezwanie do działania
  • Wprowadź tytuł wezwania do działania, opis, tekst przycisku i adres URL przycisku
  • Wybierz zakładkę Otwieranie łącza i Wyrównanie przycisków
  • Kliknij OK. Zobaczysz kilka kodów dodanych do treści.
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Suwak Shortcode

Za pomocą tego skrótu możesz wyświetlić przycisk wezwania do działania w treści postów/stron w Twojej witrynie.

Poniżej przedstawiono demonstrację krótkiego kodu wezwania do działania:

  • W edytorze postów/stron przejdź do obszaru treści, w którym chcesz wyświetlić suwak.
  • Kliknij na Krótkie kody i wybierz suwak
  • Wprowadź liczbę obrazów
  • Wybierz opcję Pokaż podpis, Połącz obraz z adresem URL i Otwórz łącze w tej samej lub innej karcie.
  • Zobaczysz kilka kodów dodanych do treści. Wprowadź tekst podpisu, łącze i adres URL obrazu zawartości suwaka, jak pokazano poniżej.
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Przełącz krótki kod

Za pomocą tego skrótu możesz wyświetlić przełącznik w treści postów/stron w swojej witrynie.

Demonstracja skrótu Toggle jest podana poniżej:

  • W edytorze postów/stron przejdź do obszaru treści, w którym chcesz wyświetlić przełącznik.
  • Kliknij krótkie kody i wybierz przełącznik
  • Wprowadź nagłówek i szczegóły. Wybierz, czy chcesz wyświetlić przełącznik jako Otwórz/Zamknij. Jeśli wybierzesz opcję otwórz, przełącznik zostanie domyślnie otwarty.
  • Kliknij OK. Zobaczysz kilka kodów dodanych do treści.
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Skrócony kod karty

Za pomocą tego skrótu możesz wyświetlać zakładki w treści postów/stron w Twojej witrynie.

Demonstracja skrótu Tab jest podana poniżej:

  • W edytorze postów/stron przejdź do obszaru treści, w którym chcesz wyświetlić zakładki.
  • Kliknij na krótkie kody i wybierz Tab
  • Wprowadź liczbę zakładek i wyrównanie zakładek. Wybierz opcję Pokaż podpisy.
  • Kliknij OK. Zobaczysz kilka kodów dodanych do treści.
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Lista skrótów stylu

Możesz wyświetlić listę w treści postów/stron swojej witryny za pomocą tego skrótu.

Poniżej przedstawiono demonstrację skrótu stylu listy:

  • W edytorze postów/stron przejdź do obszaru treści, w którym chcesz wyświetlić listę.
  • Kliknij na Krótkie kody i wybierz Styl listy
  • Wprowadź liczbę elementów listy, które chcesz wyświetlić. Wybierz ikony listy
  • Kliknij OK. Zobaczysz kilka kodów dodanych do treści.
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Akordeon Shortcode

Za pomocą tego skrótu możesz wyświetlać akordeon w treści postów/stron swojej witryny.

Poniżej przedstawiono demonstrację skrótu akordeonowego:

  • W edytorze postów/stron przejdź do obszaru treści, w którym chcesz wyświetlić akordeon.
  • Kliknij na Krótkie kody i wybierz Akordeon
  • Wprowadź numer akordeonu, który chcesz wyświetlić
  • Kliknij OK. Zobaczysz kilka kodów dodanych do treści. Wprowadź tytuł akordeonu i zawartość akordeonu
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Upuść krótki kod

Możesz wyświetlić tekst inicjału wpuszczanego w treści postów / stron swojej witryny za pomocą tego skrótu. Drop Cap pomaga zwiększyć niektóre litery.

Demonstracja skrótu Drop Cap jest podana poniżej:

  • W edytorze postów/stron przejdź do obszaru treści, w którym chcesz wyświetlić inicjał.
  • Kliknij na Krótkie kody i wybierz Drop Cap
  • Wybierz rozmiar czcionki i wprowadź literę wpuszczaną
  • Kliknij OK. Zobaczysz kilka kodów dodanych do treści.
  • Kliknij Opublikuj

Powinieneś spodziewać się następującego wyniku na swoim poście/stronie.

Wniosek

Oto skróty dostępne w motywach Rara Theme. Jeśli nadal jesteś zdezorientowany lub nie możesz użyć skrótów, skontaktuj się z naszym zespołem pomocy technicznej .