Motyw Template Monster - shortcode 2

Motyw Template Monster - shortcode 2

Motywy TemplateMonster posiadają ogromne możliwości edycji strony. Jednym ze sposobów jest korzystanie z tzw. shortcode, które można dodać do stron lub wpisów. Służą one do wstawiania określonych kontenerów treści, bez konieczności modyfikowania plików motywu. Na przykład możemy wstawić zajawki wpisów na dowolnej stronie, nie tak jak w standardowym wordpressie na głównej stronie. Shortcode służą także do wstawiania bloków które wyświetlają własne typy wpisów (custom posttype). Motyw TemplateMonster jest przygotowany typowo dla stron firmowych, dlatego posiada własne typy wpisów takie jak:

  • usługi – prezentacja usług firmy
  • portfolio – dotychczasowe dokonania firmy
  • team – zespół
  • dowody uznania

Można je wpisać ręcznie, jeśli się zna zapis. Ale można też korzystać z edytora wizualnego, w którym wybieramy odpowiedni shortcode.

shortcode motyw wordpress

Shortcode zostały podzielone na kilka grup:

Siatka zawiera shortcode, które służą do tworzenia układu strony. Przypominają one siatkę Bootstrapa, czyli tworzymy najpierw rząd a potem kolumny. Zarówno rzędy jak i kolumny można zagnieżdzać – korzystamy wtedy z wiersza wewnętrznego i kolumny wewnętrznej.

  • rząd – Dla każdego rzędu możemy też ustawić tło obrazkowe lub z efektem parallaxy.
  • kolumna – Dla kolumny ustawiamy ich szerokość jak w Bootstrapie, obrazek lub kolor tła, padding, offset lub przesunięcie.
  • przekładka – służy do utworzenia przestrzeni pomiędzy elementami. Możemy ustawić jej wysokość.
  • clear – służy do usuwania float
  • box – służy do tworzenia kontenerów. Wydaje się, że pełni tę samą funkcję co rząd ale ma dużo więcej opcji doboru tła. Do wewnątrz można wstawić box inner czyli pojemnik wewnętrzny. Pojemniki wewnętrzne wypełniają szerokość pojemnika rodzica, dlatego jeśli chcemy je ustawić w kolumnach trzeba zastosować siatkę: rzędy i kolumny.

shortcode-box

Typografia

  • ikona – wstawia ikony, które można pobrać z biblioteki mediów (np. zwykly obrazek) lub spośród dostępnych ikon. Możemy wybrać wielkość i kolor ikony
  • pozioma linia (pozioma reguła) – hr
  • blok tytułu – wstawia tytuł i podtytuł, można określić kolor i dodać ikonę. Standardowo ustawia się do lewej i nie można go wypośrodkować.
  • inicjał (dropcap) – to dość ciekawy efekt wstawienia dużej litery na początku tekstu. Można ustawić jej wielkość, tło, ramkę
  • przycisk (button) – wstawia przycisk, można tu ustawiać sporo opcji

Shortcode wstawiające jakiś kontent

Ten rodzaj shortcode posiada najciekawsze możliwości, gdyż można za ich pomocą wstawiać kontent w dowolnym miejscu (we wpisach, na stronach statycznych) i w różnych układach.

  • wordpress template ostatnie wpisywpisy – wyświetla wpisy blogowe. Ten shortcode ma ogromne możliwości edycji. Pozwala wybrać, które wpisy mają być wyświetlone oraz ile. Ponadto motyw zawiera kilka templatek wyświetlania wpisów. Dzięki temu nie jesteśmy ograniczeni do wyświetlania wpisów tylko na głównej stronie bloga lub stronach kategorii. Możemy wyświetlić wybrane wpisy w wybranym układzie praktycznie wszędzie – na stronie statycznej, we wpisie itp.
  • portfolio – wyświetla wpisy typu portfolio. U góry mamy sortowanie według kategorii lub tagów. Mamy do wyboru 4 opcje wyświetlania ale jak pisałam w poprzednim wpisie możemy wybrać tylko jeden rodzaj wyświetlania bo pojawiają się tam dokładnie te same wpisy. Nie można ich pogrupować według kategorii.Można jedynie wybrać formaty wpisów (zwykły wpis, obrazek, galeria, video lub audio). Shortcode wyświetlający wpisy ma znacznie więcej opcji i jest bardziej elastyczny.
    • masonry – siatka cegiełkowa – miniaturka obrazka wyróżnionego i fragment wpisu
    • grid – siatka zwykła,
    • list – wpisy (miniaturka i zajawka tekstu) jeden pod drugim,
    • justowane – tylko obrazek wyróżniony
  • services – służy do wyświetlania wpisów typu services. Jak sama nazwa wskazuje ich zadaniem jest wyświetlanie własnych wpisów dotyczących oferowanych usług. Pozwala na wyświetlanie boksów cenowych (pricing table). Mamy do wyboru kilka templatek ustawienia wpisów oraz układ box lub pricing table. Moim zdaniem wymagają jednak dopracowania formatowania bo niektóre układy wyświetlają białe litery na szarym tle, co sprawia, że tabelka cenowa jest nieczytelna. Jeśli chodzi o tzw. pricing table czyli tabelka cenowa, to w tym przypadku nie zastąpi on sklepu internetowego. Nie ma tu opcji wpisania ceny.
  • dowody uznania czyli rekomendacje – służy do wyświetlania wpisów typu Dowody uznania. Ich zadaniem jest prezentowanie rekomendacji. Możemy ustawić ile rekomentacji ma się wyświetlić oraz sortowanie.
  • charts (wykresy) – służą do wstawiania wykresów linearnych i kołowych
  • team – wyświetla prezentacje zespołu. Ładnie wygląda prezentacja pracowników firmy ze zdjęciem i krótkim opisem. Natomiast jeśli jest to blog lub portfolio pojedynczej osoby, shortocode team nie będzie przydatny
  • sharing – wstawiamy social media

Media

  • baner – służy do wklejenia banera
  • karuzela – pozwala na wstawienie na stronę lub do wpisu slajdera zdjęć lub wpisów. Aby uzyskać slajder ze zdjęciami należy wstawić zdjęcia do wpisu. Karuzela ma sporo opcji. W tym przypadku można wybrać wpisy według kategorii, czyli mamy możliwość wybrania tylko określonych wpisów. W tym przypadku można wybrać na przykład wpisy Portfolio określonej kategorii. Niestety formatowanie jest niedopracowanie, bo nie są podkreslone tytuły, przycisk “czytaj dalej” ma ciemny napis na granatowym tle.
  • zdjęcie parallax
  • video parallax
  • podgląd video

Komponenty

  • karta i karty
  • spoiler
  • akordeon
  • licznik
  • countdown
  • efekt leniwego przewijania

Inne

  • mapa google

 

Po obejrzeniu i przetestowaniu wszystkich tych shortcode dochodzę do wniosku, że kupując motyw Template Monster warto wgrać tzw. przykładowe dane i z nich korzystać. Czyli warto po prostu skopiować własne teksty do podanych bloków treści. W tym celu są one odpowiednio sformatowanie i ładnie wyglądają. W tym celu twórca motywu utworzył klasy, z których warto korzystać.

Jeśli chcemy aby dany kontener pojawiał się na tle zdjęcia, kolorowego tła lub parallaxy lub też był podzielony na kolumny, powinniśmy korzystać z siatki czyli shortcode rząd i kolumna.

Jeśli chcemy zmienić wygląd danego bloku treści i nie chcemy korzystać z oferowanych klas, trzeba samemu takie klasy utworzyć. Generalnie motyw ten posiada ogromne możliwości edycji. Jednak jeśli chcemy dużo w nim zmienić, wymaga to sporo pracy. Z drugiej strony osoba kupująca dany moty, wybiera go sobie spośród setek dostępnych motywów i od razu decyduje się na dany układ i szatę graficzną. I po co ma ją zmieniać?

Ja oczywiście testuję co się da dla zabawy.

 

 

2 Comments
  1. Dzięki obecności shortcodes można znacznie rozszerzyć funkcjonalność strony. W CherryFramework 4.0 jest jeszcze edytor shortcodes pozwalający zmieniać ich opcji.

  2. Dzięki szukałam jakiegoś fajnego opisu shortcodów w sieci i to najlepszy jaki znalazłem 🙂 sam korzystam w praktyce i najczęsciej w formie map

Leave a reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

This site uses Akismet to reduce spam. Learn how your comment data is processed.