Twórz responsywne obrazy tła i amp; Więcej w Elementorze

Rifat E Jun 17, 2022

Aby poprawić wrażenia użytkownika, Elementor zapewnia nowe możliwości, takie jak mobilna kontrola nad grafiką w tle, tryb bezpieczny debugowania i nie tylko.

Elementor zawsze był dumny z tego, że potrafi projektować na urządzenia mobilne. Dla użytkowników Elementora uzyskanie dokładnej lokalizacji obrazu tła nadal stanowiło problem. Jako twórca stron internetowych możesz często napotkać ten problem: chcesz pokazać pysk psa, ale pokaż tylko jego ogon na telefonie komórkowym.

Elementy sterujące Responsive Background Image umożliwiają tworzenie obrazów tła, które dostosowują się do rozmiaru i rozdzielczości dowolnego urządzenia.

Responsywne kontrolki obrazu tła

Najnowsza wersja Elementora zapewnia klientom kompleksową kontrolę nad kontrolkami obrazu tła na komputerze, tablecie i telefonie komórkowym. Kontrolki obrazu tła są zawarte w tej kontrolce (obraz, pozycja, załącznik, powtórzenie i rozmiar).

Twórz niesamowite strony internetowe

Z najlepszym darmowym kreatorem stron Elementor

Zacząć teraz

Po raz pierwszy możesz dostosować położenie poszczególnych urządzeń. Wybierz „środek-góra” w przypadku urządzeń przenośnych i „środek-środek” w przypadku komputerów stacjonarnych, aby mieć pewność, że obraz jest wyświetlany jednolicie na wszystkich platformach. Do każdego urządzenia możesz wybrać inny rozmiar. Jeśli chodzi o telefon komórkowy, wybierz „zawiera” dla komputera stacjonarnego i „okładka”.

Jesteśmy pewni, że wielu osobom spodobałaby się ta nowa funkcja, ponieważ dla wielu była to poważny problem.

Elementor daje możliwość ustawienia w pełni odrębnych obrazów dla każdego urządzenia. Pierwsze dodatkowe responsywne elementy sterujące miały postać rozmiaru i lokalizacji specyficznego dla urządzenia. Dzięki regulowanemu rozmiarowi i położeniu pozwala pójść o krok dalej i zapewnia jeszcze bardziej elastyczne projektowanie.

Niestandardowy rozmiar obrazu tła Pozycja &

Wcześniej były tylko trzy opcje ustawiania rozmiaru obrazu tła: auto, okładka lub zawiera. Podobnie jak w przypadku opcji „U góry po lewej”, można było określić tylko ogólne miejsca docelowe obrazu tła.

Rozmiar i położenie tła to teraz dwie nowe niestandardowe kontrolki, które będą dostępne w przyszłości.

Niestandardowa pozycja tła pozwala wybrać dokładne współrzędne osi X i Y obrazu tła. W rezultacie masz teraz możliwość precyzyjnego dopasowania tła swojej strony.

Możliwe są również niestandardowe rozmiary tła. Ustaw szerokość obrazu tła na dokładną wartość w pikselach.

W przypadku projektowania responsywnego te ustawienia —, w szczególności niestandardowy rozmiar i położenie tła — są krytyczne. W przypadku komputerów stacjonarnych, tabletów i platform mobilnych użyj tych niestandardowych ustawień, aby skupić się na głównym punkcie obrazu.

Elastyczne kontrole graniczne

Dodatkowo możesz teraz dostosować promień obramowania i szerokość dla każdego urządzenia osobno, oprócz obrazów tła.

Obramowań kolumn można używać na różne sposoby, na przykład gdy wiersz łączy jest podzielony przez obramowanie kolumny. Na urządzeniach mobilnych jest to niepotrzebne, ponieważ wiersz nie jest już wbudowany, a każdy link jest umieszczany w osobnym wierszu.

Usunięcie obramowania układu mobilnego jest w tej sytuacji oczywiste. Nowa funkcja dynamicznych granic ułatwia wykonanie.

Nie ma już „osieroconych granic” na urządzeniach mobilnych!

Tryb awaryjny rozwiązywania problemów

Elementor dokłada wszelkich starań, aby zapewnić wszystkim klientom płynną, wolną od błędów obsługę. Do wyboru są dziesiątki tysięcy wtyczek i motywów, a także istnieje nieskończona liczba sposobów, aby ze sobą współpracowały. Niezależnie od tego, czy Elementor jest zaangażowany, czy nie, te kombinacje muszą prowadzić do kłótni.

Elementor zawsze szuka sposobów na ułatwienie pracy naszym użytkownikom poprzez zmniejszenie tarcia w ich procesach pracy.

Kiedy ludzie nie mogą otworzyć edytora, jest to powszechny problem. Problemowi temu nadano wiele nazw: pojawia się pusty ekran, nie mogę edytować, a mój komputer utknął podczas ładowania…

Tryb awaryjny to odpowiedź!

Kiedy system Windows pojawił się po raz pierwszy, zawierał funkcję trybu awaryjnego, której można było użyć do rozwiązywania różnych problemów. Elementor samodzielnie opracował podobne rozwiązanie.

Za każdym razem, gdy napotkasz stronę, która nie chce się załadować, będziesz mógł aktywować „Tryb awaryjny”, klikając przycisk.

Elementor i WordPress są chronione w „trybie awaryjnym” przed wszelkimi motywami lub wtyczkami, które mogą powodować problemy.

Ponad 80% problemów z ładowaniem można tymczasowo naprawić w trybie awaryjnym.

Czy po wejściu w tryb awaryjny wszystko ładuje się poprawnie? ??

Sugeruje to, że winę za pomyłkę ponosi Twój motyw lub jedna z wtyczek. Śmiało i dezaktywuj je jeden po drugim, aby zidentyfikować sprawcę.

Włączyłem tryb awaryjny, ale nadal się nie ładuje.

Sugeruje to, że powinieneś szukać rozwiązania w innym miejscu i najprawdopodobniej jest to problem związany z kodem niestandardowym lub hostingiem.

„Czy tryb awaryjny wpłynie na moją witrynę internetową?”

Odwiedzający Twoją witrynę nie zauważą różnicy, jeśli użyją trybu awaryjnego. Wszystkie zainstalowane wtyczki i motywy będą wyświetlane w Twojej witrynie, a odwiedzający będą mogli z nich korzystać tak, jak zwykle.

Wtyczki i motywy nie są aktywowane podczas procesu ładowania edytora Elementor.

Użytkownicy Elementora znacznie skorzystają z trybu awaryjnego pod względem bardziej stabilnego, płynnego i bezbłędnego działania.

Czytaj więcej Tag & Widget

Znacznik „czytaj więcej” WordPressa był jedną z pierwszych rzeczy, które elementor otrzymał jako żądanie funkcji.

To była prosta prośba, ale kreator stron w końcu zabrał się za jej wdrożenie.

Gdy użyjesz tagu „Czytaj więcej” w swoim poście na blogu, wyświetlanie posta w archiwum odetnie resztę tekstu. Dzięki temu zwiastun treści może być teraz wyświetlany bezpośrednio na głównej stronie bloga, aby wszyscy mogli go zobaczyć.

W widżecie edytora tekstu lub jako osobny widżet możesz teraz szybko dodać tag czytaj więcej. Jeszcze łatwiej jest wyświetlić fragment na stronie archiwum dzięki nowemu widżetowi „Czytaj więcej” Elementora, który można wstawić między dwa widżety edytora tekstu i zatrzymuje się dokładnie tam, gdzie chcesz.

Aby uniknąć nieporozumień, ten widżet ma zastosowanie tylko do zwykłych stron archiwum WordPress, które wykorzystują „treść” w swojej treści. Nie ma to wpływu na szablony archiwów Elementora.

Ostatnie słowa

Elementor jest jednym z bardzo rozwiniętych kreatorów stron WordPress. Dzięki nowym funkcjom za każdym razem staje się coraz potężniejszy. Dzięki tej wtyczce możesz dosłownie odkryć ogromny ocean projektowania i dekoracji swojej witryny. Mam nadzieję, że ten post przyniesie Ci korzyści. Odwiedź więcej samouczków elementor i podziel się nimi ze znajomymi.

Divi WordPress Theme