기본 Elementor 플러그인을 사용하면 여러 유형의 Elementor Page Background 를 만들 수 있습니다. 예를 들어 elementor 비디오 배경,이미지 또는 비디오가 포함된 elementor 시차 배경.
보너스 팁으로 elementor 섹션 배경에서 애니메이션 Gradient,Background Slider,& particles 를 배열하는 방법을 공유하겠습니다. 이것을 로 확인하십시오 elementor 섹션에 움직이는 배경 이미지를 추가합니다.
먼저 페이지 설정에서 전체 페이지 배경을 배열하는 방법을 보여 드리겠습니다.
페이지 편집기 왼쪽 하단의 설정 아이콘을 클릭합니다.
이제 스타일 탭으로 이동합니다. 배경 유형 클래식 또는 그라디언트를 선택합니다. 클래식 옵션에서 모든 이미지를 elementor 페이지 배경으로 선택할 수 있습니다.
이것이 일반 요소 또는 페이지 배경이 작동하는 방식입니다.
요소 또는 섹션에서 비디오, 이미지, 시차, 애니메이션 그라데이션 배경을 배열하는 방법을 설명 할 때입니다.
페이지에 섹션을 추가하기만 하면 됩니다. 그런 다음 스타일 영역으로 이동합니다. 배경 옵션이 표시됩니다. 기본 Elementor 에는 4 가지 배경 유형 클래식,그라데이션, 비디오,슬라이드쇼가 있습니다.
클래식 배경
클래식 배경 유형에서 색상이나 이미지를 선택할 수 있습니다. 그라디언트 유형을 선택하고 원하는 색상,색상 위치,각도 및 그라디언트 유형 (선형 또는 방사형) 을 입력합니다.
섹션의 비디오 배경입니다
YouTube,Vimeo, 자체 호스팅 MP4 Video Link 를 사용할 수 있습니다. 그런 다음 비디오 시작 시간과 종료 시간을 정의할 수 있습니다. 비디오를 한 번만 재생하려는 경우 Play Once 를 사용하도록 설정합니다. 또한 모바일 장치에서 섹션 배경 비디오를 재생하는 것을 선호하는 경우 Play On Mobile 을 사용하도록 설정합니다.
Elementor 배경 슬라이더
슬라이드쇼를 선택하고 미디어에서 여러 이미지를 업로드하거나 선택합니다. 전환 효과 5 개,전환 기간 설정,배경 크기 및 위치 선택.
기본 elementor 섹션 배경 설정은 여기까지입니다.
어떻게 설정하는지 볼까요 원소 켄번스 효과 섹션 배경에서요. 그 후에,어떻게 배열하는지 보여드릴게요 입자 및 애니메이션 그라데이션 배경 엘리멘터 섹션에서.
당신은 당신의 워드 프레스 웹 사이트에 마스터 애드온 플러그인을 설치하지 않은 경우,다음과 같은 기능으로 작동하도록 할 수 있습니다. 이 무료 플러그인으로 대화 형 배경을 만드는 방법을 확인합니다.
Kenburns 애니메이션 배경 슬라이더
Master Addons 플러그인을 설치하면 다음이 표시됩니다 배경 슬라이더 섹션 스타일 탭의 옵션. 여러 이미지를 업로드하고 이미지 크기,전환, 애니메이션,오버레이 스타일 및 이미지 슬라이드 지연을 선택합니다. 25 가지 유형의 전환과 10 가지 켄번스 애니메이션 효과를 얻을 수 있습니다.
요소 입자 배경
파티클을 활성화하기만 하면 아래 필드에 대한 JSON 코드를 생성하기 위한 “여기를 클릭하세요” 링크가 표시됩니다. 링크로 이동하여 원하는 파티클을 생성합니다. JSON 파일을 다운로드하고 파일에서 코드를 복사하여 붙여넣는 방법을 확인하십시오 elementor 에 입자 배경 추가 자세한 내용은 게시합니다. 그냥 배경 색상을 설정해야합니다, 그라데이션 전에 입자를 활성화합니다.
Elementor 애니메이션 그라데이션 배경
와 함께 애니메이션 그라데이션 BG master Addons Pro 활성에서의 확장 기능으로 섹션 스타일 탭에 “애니메이션된 그라디언트 배경” 옵션이 표시됩니다. 그냥 활성화하면 기본 애니메이션 그라디언트 BG 가 표시됩니다. 각도 값을 변경하고 섹션 그라디언트에 필요한 만큼의 색상을 추가하십시오. Elementor 애니메이션 그라디언트 BG 의 실제 예가 있습니다.
그게 다입니다. 이제 WordPress 웹 사이트에 Master Addons 플러그인을 설치하고 활성화하십시오. 그런 다음 모든 유형의 elementor 페이지 배경 또는 섹션 배경을 정렬하십시오. 또한 a 를 떨어 뜨릴 수 있습니다 이미지 비교 슬라이더 디자인의 전후 버전을 보여주는 페이지에. 당신이 어떤 문제를 직면하는 경우에 우리의 전문가 팀과 연락하게 자유롭게 느끼십시오.
