Edycja elementów

Edycja elementów

1. Po dodaniu przykładowego przycisku, na bocznym pasku pojawią się nam opcje jego edycji. Różne elementy mają różne opcje.

2. Tutaj interesują nas opcje: “Tekst” i “Odnośnik”. Przykładowo edytujemy ten przycisk by odnosił nas do naszego pliku PDF.

3. W tekście przycisku wpisujemy np. “Pobierz PDF”, na dole paska bocznego klikamy przycisk “Aktualizuj”.

4. Teraz musimy dodać naszego PDFa. Wracamy więc do kokpitu klikając “hamburger” na pasku bocznym i wybierając “Wyjście”.

5. Na pasku bocznym WordPressa klikamy teraz “Media”.

6. Następnie wrzucamy naszego PDFa, przeciągając plik do biblioteki.

7. Doda nam się nasz plik PDF, klikamy na niego.

8. Teraz będziemy potrzebować linku do naszego PDFa, klikamy więc przycisk “Skopiuj adres URL do schowka”.

9. Wchodzimy znów na naszą stronę w Edycji w Elementorze, klikamy nasz przycisk i wklejamy tam nasz odnośnik.

10. Jeśli chcemy by nasz PDF otwierał się w nowej karcie klikamy ikonę zębatki.

11. Zaznaczamy opcję “Otwórz w nowym oknie”. Od teraz nasz plik otworzy się w nowym oknie.

12. Zedytujmy też wygląd przycisku. Klikamy zakładkę “Styl”.

13. W zakładce “Styl” znajdziemy kilka istotnych rzeczy, które możemy dowolnie zmienić:

  • Typografia – zaznaczona “1” – klikając ten pędzel, możemy zmienić czcionkę naszego przycisku.
  • Kolor tekstu – zaznaczony “2” – klikając w to pole, możemy wybrać kolor dla tekstu, który wyświetla się na przycisku.
  • Kolor tła – zaznaczony “3” – klikając w to pole, możemy wybrać kolor tła naszego przycisku.
  • Zaokrąglenie obramowania – zaznaczone “4” – edytując te pola, możemy sprawić, że nasz przycisk będzie bardziej zaokrąglony lub kanciasty.
  • Dopełnienie – zaznaczone “5” – edytując te pola, możemy zmniejszyć lub zwiększyć wielkość przycisku. (zaleca się używanie wartości symetrycznych dla lewej i prawej strony np. 30px, a dla góry i dołu np. 10px).

14. W zakładce “Zaawansowane” znajdziemy marginesy i dopełnienie. Marginesów – zaznaczone “1” – możemy użyć, by odsunąć przycisk od elementów obok. Dopełnienia – zaznaczone “2” – możemy użyć do odsunięcia samego przycisku wewnątrz niego.

15. Na koniec nie wolno nam zapomnieć o kliknięciu przycisku “Aktualizuj”.

Udostępnij post