Tutorial: Tworzenie skategoryzowanego portfolio w kreatorze stron Elementor

W tym artykule pomogę Ci dodać stronę portfolio przy pomocy kreatora stron Elementor.

Przed tym jak przejść do tutorialu, sprawdź czy masz zainstalowaną wtyczkę JetElements. Jest to wielofunkcyjny dodatek do WordPress kreatora stron Elementor, który zawiera bardzo potrzebny widżet Portfolio.

Tworzenie skategoryzowanego portfolio w kreatorze stron Elementor

  1. Otwórz kreator stron Elementor i poszukaj widżetu Portfolio w polu wyszukiwania po lewej stronie.
  2. Upuść go do nowej sekcji.
  3. Otrzymasz podstawowy układ składający się z sześciu sekcji.
  4. Po lewej stronie zobaczysz Ustawienia treści z mnóstwem wariantów układu: kafelkowy, siatka, lista itd.

    Tworzenie skategoryzowanego portfolio w kreatorze stron Elementor 01

  5. W tym bloku ustawień zobaczysz kartę Elementy, w której możesz dodać zdjęcia.

    Tworzenie skategoryzowanego portfolio w kreatorze stron Elementor 02

  6. Następnym krokiem jest dostosowanie każdego pojedynczego elementu na karcie Elementy.
  7. Tutaj możesz zmieniać zdjęcia, tytuły i opisy, a także klikać wszystkie elementy. Także można dodawać linki i aktywować dwie opcje: otworzenie linka w nowym oknie i dodawanie “nofollow”.
  8. Również tutaj znajduje się pole kategorii, w którym możesz wpisać nazwę kategorii, którą będzie posiadało portfolio.
  9. Po nazwaniu kategorii zobaczysz wyskakujący filtr w górnej części zdjęć.
  10. Pamiętaj, że możesz dodać kilka kategorii do jednego zdjęcia. Wystarczy oddzielić wiele kategorii przecinkiem.
  11. Teraz wróć do karty Ustawienia.
  12. Zobaczysz opcję Preset. Pomaga w wyborze ustawienia stylu, które będzie stosowany do elementów portfolio. Można go obejrzeć po najechaniu kursorem na element. Ten widget oferuje cztery opcje - wypróbuj każdą z opcji i wybierz tą, która Ci się najbardziej podoba.
  13. Następnie możesz przejść do innych pól bloku. W zależności od wybranego rodzaju układu pojawią się różne ustawienia. Na przykład dla trybu kafelkowego i siatki możesz ustawić określoną liczbę kolumn, dla uzasadnienia możesz ustawić wysokość przedmiotu, a dla listy nie zobaczysz żadnych dodatkowych ustawień.
  14. Następnym krokiem jest przycisk Zobacz więcej. Jest to funkcja, która pozwala ukryć pewne elementy. Jeśli masz za dużo elementów i chciałbyś zaoszczędzić trochę miejsca na stronie, możesz ustawić wartość liczby elementów na stronę. Pamiętaj jednak, że nie powinna być mniejsza niż całkowita liczba elementów w portfolio.
  15. Dodatkowo możesz zmienić nazwę przycisku.
  16. Teraz możesz przejść do sekcji Styl, aby dostosować styl portfolio.

    Tworzenie skategoryzowanego portfolio w kreatorze stron Elementor 03

  17. W pierwszym bloku możesz zwiększyć lub zmniejszyć margines elementu, ustawić obramowanie, rodzaj obramowania i dopełnienie.
  18. Następnie przejdź do ustawień filtrów. Obejmują one różne ustawienia kontenerów filtrów i style elementów filtrów.
  19. Ta druga opcja pozwala wybrać ikonę separatora i edytować jego parametry. Na dole zobaczysz ustawienia stylu dla samych linków (kolor, typografia itd.)
  20. Następna zakładka nazywa się Treść. Tutaj możesz zmienić różne parametry kontenera, zdjęcia, tytułu, opisu, przycisku i ustawić ich kolejność. Dostępne są także ustawienia dla tej kategorii, w tym opcja wyświetlania listy kategorii na elementach.
  21. Ostatnia karta sekcji Styl to przycisk Zobacz więcej. Pozwala dostosować kolor, typografię i rozmiar.

(wideo w języku angielskim)

Ten artykuł został przetłumaczony z angielskiego. Orygimał można znaleźć tutaj: Elementor Tip: How to Create a Categorized Portfolio


* * *

Gotowe! Teraz już wiesz, jak dodać portfolio i dostosować go za pomocą wtyczki JetElements. Dziękuję za przeczytanie i mam nadzieję, że ten tutorial będzie dla Ciebie przydatny!


Tworzenie responsywnych stron: jakie masz opcje? [Darmowa e-książka]

Klikając przycisk akceptujesz Politykę prywatności i Regulamin korzystania z serwisu TemplateMonster.

Jeśli znalazłeś błąd ortograficzny, prosimy o poinformowanie nas o tym, wybierając odpowiedni fragment tekstu i naciskając Ctrl + Enter .

Zgłoś błąd w pisowni

Poniższy tekst zostanie przesłany do naszej redakcji: