Elementor – inne widżety dla grafiki (1)

Odsłony: 189

 Elementy graficzne są obsługiwane w Elementorze nie tylko przez podstawowy widżet, jakim jest Obraz, lecz i przez kilka innych, o specjalnych zadaniach. Część 1.

Widżet Ikona

Do grupy widżetów graficznych należy zaliczyć widżet Ikona. Po przeciągnięciu go na pole edycji ukazuje się domyślna ikona, jaką jest niebieska gwiazdka.

Na karcie Treść rozwijana lista Ikona zawiera kilkaset ikon. Ten obszerny zasób przyda się zapewne w roli drobnych symboli graficznych zwiększających czytelność wpisu, jak i poprawiających jego estetykę.

Zobacz to sposoby wyświetlania ikony – domyślny, ułożony i z obramowaniem.

Dodaj link pozwala podpiąć adres internetowy, z możliwością otwarcia go na nowej karcie.

Wyrównanie dotyczy oczywiście poziomego położenia ikony w wierszu.

Karta Styl zawiera dalsze elementy formatowania.

Rozmiar pozwala określić wielkość ikony w pikselach.

Kolor określa kolor ikony. Jeśli ikona zawiera więcej kolorów, pojawia się opcja Dodatkowy kolor.

Odstęp reguluje odstęp od marginesu widżetu.

Obróć pozwala obracać ikonę wokół środka.

Zaokrąglenie Obramowania reguluje kształt narożników, o ile obramowanie zostało wprowadzone.

Nie przy wszystkich ikonach pojawia się rozszerzona lista opcji. Zależy to od wybranej opcji Zobacz.

Ikony współpracują z tekstem, na przykład mogą być graficznym wyróżnikiem ozdobnego śródtytułu – oba elementy umieszczone są w sąsiadujących kolumnach.

Kartę Zaawansowane pomijamy, gdyż jest analogiczna do karty w widżetach Obraz i Edytor tekstu.

Kolekcja podcastów

Widżet Blok z obrazem

Kolejny widżet to Blok z obrazem.

To jest Mitsubishi

Mitsubishi Motors Corporation – japoński producent o zasięgu międzynarodowym, działający w branży motoryzacyjnej. Siedziba główna przedsiębiorstwa znajduje się w tokijskiej dzielnicy Minato.

Na karcie Treść wybieramy obraz z biblioteki mediów, ustalamy jego wielkość, a następnie wpisujemy tytuł i opis ilustracji. Można też ustalić pozycję obrazu w poziomie i podać link. Można wreszcie wybrać poziom nagłówka, między h1 i h6, lub umieścić tytuł w ramach znaczników Div, Span lub P.

Karta Styl zawiera dwie grupy poleceń.

W grupie Obraz ustalamy Odstęp między ilustracją a podpisem. Polecenie Szerokość reguluje szerokość obrazka.

Anmacja po najechaniu określa zachowanie obrazka po przesunięciu nad niego wskaźnika myszy. Czas trwania przejścia określa czas animacji.

Filtry CSS i Przezroczystość pozwalają dokonać retuszu samego zdjęcia.

W grupie Treść definiujemy kilka dalszych parametrów.

Wyrównanie określa poziomą pozycję podpisu i opisu.

Odstęp określa odległość między tytułem i opisem.

Osobno możemy wreszcie określić kolor i typografię (czcionka i jej atrybuty, odstępy między znakami) obu tych elementów.

Widżet Blok z ikoną

Widżet Blok z ikoną działa podobnie do widżetu Blok z obrazem. Podpis i opis elementu graficznego są taki same, natomiast zamiast grafiki pojawia się ikona.

To jest nagłówek

Kliknij ten przycisk, by zmienić ten tekst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Karta Treść zawiera podobne polecenia, jak w widżecie Ikona, natomiast dodatkowo obecne są pola TytułOpis, gdzie wstawiamy właściwą treść.

Na karcie Styl są dwie grupy poleceń, IkonaTreść

Grupa Ikona zawiera polecenia analogiczne do karty w widżecie Ikona. Regulujemy tutaj kolor, odstęp ikony od tekstu, rozmiar ikony i obrót.

W grupie poleceń Treść są te same polecenia, co w opisanym wyżej widżecie Blok z obrazem.

Puzzle - świetna zabawa dla rodziny

Największy puzzle składa się z dziesięcu tysięcy kawałków i nosi trafną nazwę "Męka pańska".

Naturalnie dodatkowe elementy formatowania zawarte są na znanej nam już karcie Zaawansowane. Posłużyliśmy się niektórymi w powyższym przykładzie.

0 0 votes
Article Rating
Subscribe
Powiadom o
guest
0 komentarzy
Inline Feedbacks
View all comments