텍스트에 이미지를 추가하는 방법을 찾아야 합니다. Elementor ?
Elementor 고급 CSS 기술 없이도 누구나 웹 디자이너가 될 수 있습니다. 비주얼 편집기를 사용하면 CSS 코드를 한 줄도 작성하지 않고도 아름다운 웹 페이지를 만들 수 있습니다. 원하는 디자인 요소(위젯)를 추가하고 설정 패널에서 사용자 지정할 수 있습니다.
그럼에도 불구하고 약간의 CSS 기술이 있으면Elementor. 기능을 사용하여 웹 페이지에 고유한 스타일을 적용할 수 있습니다. 맞춤 CSS D 'Elementor. 이 기사에서는 Elementor의 사용자 정의 CSS 기능을 사용하여 Elementor의 텍스트에 이미지를 추가하는 방법을 보여줍니다.
일부 도구 GIMP, Photoshop과 같은 디자인에서는 일반적으로 텍스트에 이미지를 추가하기 위해 레이어 마커를 추가해야 합니다. Elementor에서는 Elementor Title 위젯과 Text 위젯에 이미지를 배경으로 추가하는 설정 옵션이 없는 CSS 코드를 추가하여 동일한 작업을 수행할 수 있습니다.
요소 텍스트에 이미지 추가하기
시작하기 전에 사용자 정의 CSS 기능이 Elementor Pro에서만 사용할 수 있으므로 아직 업그레이드하지 않은 경우 Elementor 버전을 Pro 버전으로 업그레이드했는지 확인하십시오. 준비가 되면 새 페이지나 템플릿을 만들고 Elementor로 편집하세요. 물론 기존 페이지나 템플릿을 편집할 수도 있습니다.
편집 상자에 제목 위젯을 추가합니다.
설정 패널로 이동하여 탭 아래의 기본 텍스트를 바꿉니다. 내용.
다음에 대한 가이드를 읽어보십시오. Elementor: 색상 선택기 사용 방법
탭으로 이동 스타일 텍스트를 개인화합니다. 연필 아이콘을 클릭하여 텍스트 크기, 글꼴 스타일 등을 설정할 수 있습니다. 타이포그래피 옵션 블록 아래 표제. 이미지를 텍스트의 배경으로 사용하고 싶기 때문에 텍스트 색상을 설정할 필요가 없습니다.
그런 다음 탭으로 이동하십시오. 고급 그리고 블록을 엽니 다 관습 CSS 다음 CSS 코드를 붙여넣습니다. 이미지 URL을 자신의 이미지 URL로 바꿉니다.
selector .elementor-heading-title
{
background: url("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") green repeat 30% 70% ;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}여기 예가 있습니다.
지금 Elementor Pro를 받으세요!
결론
여기 입니다! Elementor에서 텍스트에 이미지를 추가하는 방법을 보여주는 이 기사는 여기까지입니다.. 가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
