Chcesz dodać efekt punktowy do kolumny w Elementorze?
Elementor jest idealny dla stworzyć stronę internetową, w którym nacisk kładzie się na design. W Elementorze możesz dodać efekty animacji, aby Twoja witryna była bardziej interaktywna.
Jednym z efektów animacji, które można dodać do strony zasilanej Elementorem, jest efekt punktowy. Możesz dodać efekt punktowy do sekcji, kolumny lub widżetu.
W tym artykule dowiesz się, jak dodać wynik do kolumny w Elementorze. Nawiasem mówiąc, jeśli jesteś nowy w Elementorze, możesz zapoznać się z naszym poprzednim artykułem, aby się dowiedzieć jak zainstalować Elementor.
Jak dodać efekt punktowy do kolumny w Elementorze
W Elementorze kolumna jest elementem wymaganym. W tym miejscu możesz dodawać widżety - rzeczywiste elementy projektu do stworzenia swojej strony. Podobnie jak w przypadku innych typów elementów w Elementorze, możesz również dostosować kolumnę, aby była elegancka.
Możesz dodać jednokolorowe tło, tło obrazu, cień, aby uzyskać efekt najechania. Wbudowany efekt najechania Elementora umożliwia użycie innego tła, innej ramki i innego cienia podczas wskazywania.
Aby rozpocząć dodawanie efektu punktowego do kolumny w Elementorze, najpierw kliknij uchwyt kolumny, do której chcesz dodać efekt punktowy, aby przejść do panelu ustawień kolumny.
W panelu ustawień (panel po lewej stronie) przejdź do zakładki Styl i otwórz blok Tło. W tym ostatnim możesz otworzyć zakładkę AU PRZEGLĄD aby ustawić inne tło w stanie wskazującym.
Możesz użyć tła w jednolitym kolorze, tła w kolorze gradientu lub tła obrazu. Możesz również ustawić czas trwania przejścia (przejście ze stanu normalnego do stanu wskazującego) w opcję Czas przejścia.
Aby ustawić inną ramkę i inny cień pola w stanie wskazującym, możesz otworzyć blok Granica. Kliknij zakładkę PRZEGLĄD tego bloku i ustaw styl obramowania, rozmiar obramowania, kolor obramowania, promień obramowania i cień obszaru dla stanu wskazującego.
Dodawanie zaawansowanego efektu najechania do kolumny w Elementorze
W przeciwieństwie do Divi BuilderElementor nie używa transformacji CSS do efektu najechania. Dlatego możesz dodać tylko podstawowe efekty najechania. Ale jak Elementor (wersja pro) ty pozwala na dodanie niestandardowego CSS, możesz użyć niestandardowego CSS, aby dodać transformację CSS, aby dodać zaawansowany efekt najechania.
Efekty rollover są tworzone przy użyciu transformacji CSS. Aby dodać transformację CSS do kolumny, najpierw przejdź do zakładka Zaawansowane i otwórz blok Niestandardowe CSS (upewnij się, że panel ustawień jest w trybie panelu ustawień kolumn). Dodaj następujący kod CSS.
Kod :
selektor: hover {przejście: wszystkie .2s luzy na zewnątrz; transformacja: skala (1.1); kursor: punkt; indeks z: 1; }
W samej transformacji CSS istnieje 5 stylów transformacji, których możesz użyć:
- Matrix
- Tłumacz
- Skala
- Obrót
- krzywy
Powyższy kod CSS używa transformacji skali. Możesz po prostu zastąpić go dowolnym stylem transformacji.
czytać strona cette aby dowiedzieć się więcej o transformacji CSS.
Inne dodatkowe wtyczki premium do WordPressa
Odkryj także inne WordPress wtyczki premium, które optymalizują wydajność Twojego bloga lub witryny WordPress.
1. Wizualna rezerwacja restauracji
Stwórz system Rezerwacja online witryny restauracji lub kawiarni, dzięki tej doskonałej wtyczce premium WordPress. Dzięki temu drugiemu będziesz mieć możliwość samodzielnego tworzenia stołów i miejsc na siatce oferowanej przez tę wtyczkę i pozwalania klientom rezerwować darmowe, to jest główna cecha tej wtyczki i to, co odróżnia ją od innych wtyczek ta lista.
Korzystając z funkcji Drag & Drop, możesz przeciągać różne typy stołów na siatkę restauracji i obliczyć maksymalną liczbę miejsc przy każdym stole, a także liczbę stołów. Odwiedzający Twoją restaurację mogą wybrać preferowany kształt stołu i położenie stołu w stosunku do innych stołów w siatce.
Tutaj dla ciebie Wtyczki 5 WordPress do optymalizacji opisów kategorii i etykiet
Klienci Twojej restauracji z przyjemnością dokonają tego wyboru bezpośrednio w Internecie zamiast podróżować. Dzięki tej wtyczce będą mogli dowiedzieć się, co na nich czeka.
Oferuje między innymi: obsługę Drag and Drop, 3 rodzaje systemu rezerwacji, dość intuicyjna obsługa, pełne dostosowanie układu i wiele więcej.
2. MapSVG
MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises lokalne, listy dostawców itp. 
Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.
Przeczytaj także nasz artykuł na temat Jak zatrzymać użytkowników na dłużej w swojej witrynie
3. Rewolucja suwakowa
Slider Revolution to innowacyjna i responsywna wtyczka karuzelowa WordPress, która pięknie wyświetla Twoje treści. Niezależnie od tego, czy jest to suwak, czy karuzela, jego wizualny edytor typu „przeciągnij i upuść” pozwoli Ci na przykład opowiedzieć historię Twojej firmy, wyróżnić najlepsze produkty, najlepsze artykuły i wiele więcej.
Odkryj także nasze Wtyczki 10 WordPress ułatwiają tworzenie wyskakujących okienek
Jego główne cechy to: doskonały interfejs tworzenia slajdów, przeciąganie i upuszczanie slajdów, w pełni responsywny układ, doskonałe zarządzanie treściami multimedialnymi, zoptymalizowana wydajność, Wsparcie wielojęzyczne, doskonała obsługa klienta, obsługa ekranów dotykowych, bezpłatne i regularne aktualizacje, dostępna dokumentacja i filmy instruktażowe oraz wiele więcej.
Polecane zasoby
Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.
- Jaka jest różnica między blogiem a stroną internetową?
- Jak kopiować i wklejać tekst w WordPress bez problemów z formatowaniem
- Benchmarking SEO: analiza konkurencji
- 5 wtyczek WordPress do akceptowania płatności PayPal
Wnioski
Tutaj ! To tyle w naszym artykule, który pokazuje, jak dodać efekt punktowy do kolumny w Elementorze. Jeśli masz komentarze lub sugestie, nie wahaj się dać nam znać w zarezerwowanej sekcji.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na temat Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
