Przejdź do głównej treści

Jak dodać obraz do tekstu w Elementorze

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Chcesz dowiedzieć się, jak dodać obraz do tekstu w Elementorze?

Elementor umożliwiło każdemu zostanie projektantem stron internetowych bez konieczności posiadania zaawansowanych umiejętności CSS. Jego wizualny edytor pozwala stworzyć piękną stronę internetową bez pisania ani jednej linii kodu CSS. Możesz po prostu dodać dowolne elementy projektu (widżety), które chcesz i dostosować je w panelu ustawień.

Mimo to posiadanie umiejętności CSS byłoby świetnym dodatkiem do korzystania z Elementora. Będziesz mógł zastosować unikalne style do swojej strony internetowej za pomocą niestandardowej funkcji CSS Elementora. W tym artykule pokażemy, jak dodać obraz do tekstu w Elementorze za pomocą niestandardowej funkcji CSS Elementora.

W niektórych narzędziach do projektowania, takich jak GIMP i Photoshop, zwykle musisz dodać znacznik warstwy, aby dodać obraz w tekście. W Elementorze możesz to zrobić, dodając kod CSS jako widżet Tytuł, a widżet Tekst w Elementorze nie ma opcji ustawienia, aby dodać obraz jako tło.

Dodaj obraz do tekstu Elementora

Zanim zaczniesz, upewnij się, że zaktualizowałeś swoją wersję Elementora do wersji pro, jeśli nie, ponieważ niestandardowa funkcjonalność CSS jest dostępna tylko w Elementor Pro. Gdy będziesz gotowy, utwórz nową stronę lub szablon i edytuj go za pomocą Elementora. Oczywiście możesz również edytować istniejącą stronę lub szablon.

Dodaj widżet Tytuł do pola edycji.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Jak dodać obraz do tekstu w Elementorze

Przejdź do panelu ustawień, aby zastąpić domyślny tekst pod zakładką Treść.

Przejdź do zakładki Styl aby spersonalizować tekst. Możesz ustawić rozmiar tekstu, styl czcionki itp., klikając ikonę ołówka w Opcja typografii pod blokiem Tytuł. Ponieważ chcesz użyć obrazu jako tła tekstu, nie musisz ustawiać koloru tekstu.

Następnie przejdź do zakładki zaawansowany i otwórz blok zwyczaj CSS i wklej następujący kod CSS. Zastąp adres URL obrazu własnym adresem URL obrazu.

selector .elementor-heading-title {background: url ("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") zielony powtórz 30% 70% ; -webkit-background-clip: tekst; -webkit-text-fill-color: przezroczysty; }

Oto przykład.

Jak dodać obraz do tekstu w Elementorze

Pobierz Elementor Pro teraz!

Wnioski

Tutaj jest ! To tyle w tym artykule, który pokazuje, jak dodać obraz do tekstu w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać fdaj nam znać w commentaires.

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 stronie 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.

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry