동영상 파일이 없는 이동 배경
입자는 particles.js 스크립트에 의해 캔버스에 그려지므로 다운로드할 비디오나 이미지가 없습니다. Z-index 설정은 파티클 레이어가 어디에 위치하는지를 결정하므로 제목과 버튼 뒤에 유지할 수 있습니다. 두 개 이상의 섹션에서 파티클을 사용하는 경우 파티클 수를 적당히 유지하고 전화에서 페이지를 확인하십시오.
- 비디오 또는 이미지 파일 없음: 애니메이션이 브라우저에 그려집니다.
- 콘텐츠 뒤에 입자 레이어를 유지하기 위한 Z-인덱스 설정입니다.
- 섹션, 열 및 컨테이너에서 작동하며 각각 고유한 구성이 있습니다.
하나의 JSON 필드에서 모든 particles.js 효과
Particle JSON 필드는 particles.js 가 할 수 있는 모든 것을 제어합니다: 파티클 수,색상, 모양,크기, 불투명도,연결선, 속도 및 방향,더하기 호버링 및 클릭 상호작용. 필드 위의 링크는 particles.js 생성기를 열고 NASA,Bubble 또는 Snow 와 같은 사전 설정을 선택하고 슬라이더로 조정하고 구성을 다운로드합니다. 붙여넣기 및 편집기에 섹션 업데이트.
- 발전기의 사전 설정: 기본값, NASA, Bubble, Snow 및 Nyan Cat.
- 모양: 원, 가장자리, 삼각형, 다각형, 별 또는 자신의 이미지.
- 반발, 잡기, 거품 및 푸시와 같은 모드를 마우스로 가리키고 클릭합니다.
Elementor에서 입자 배경을 추가하는 방법
기본 흰색 입자가 나타나려면 어둡거나 다채로운 배경이 필요하므로 먼저 설정하세요.
- 마스터 애드온 대시보드의 확장 탭에서 입자를 켭니다.
- 섹션, 열 또는 컨테이너를 선택하고 어두운 배경색을 지정합니다.
- 스타일 탭을 열고 입자를 확장한 후 입자 배경 활성화를 켭니다.
- 다른 효과를 보려면 Particle JSON 위의 링크를 클릭하고 생성기에서 사전 설정을 선택한 다음 JSON을 다운로드하여 필드에 붙여넣으세요.
- Z-index를 설정하여 파티클 레이어가 콘텐츠 뒤에 유지되도록 한 다음 게시합니다.
우리의 입자 배경 자습서 스크린샷으로 각 단계를 살펴봅니다.
WordPress의 Particles.js: 손으로 또는 확장자를 사용합니다
particles.js 는 무료 JavaScript 라이브러리이며,WordPress 에 직접 추가 할 수 있습니다. 확장 프로그램과 비교하여 필요한 것은 다음과 같습니다.
| 손으로 particles.js 추가하기 | 입자 확장 | |
|---|---|---|
| 스크립트 불러오는 중 | 테마에 라이브러리를 대기열에 추가합니다 | 파티클 섹션이 있는 페이지에만 로드됩니다 |
| 입자 층 | div 를 추가하고 CSS 로 콘텐츠 뒤에 위치시킵니다 | 당신을 위해 섹션에 추가되었습니다 |
| 구성 | 스크립트에서 JSON 으로 particlesJS()를 호출합니다 | JSON 을 패널에 붙여 넣습니다 |
| 미리보기 | 프런트 엔드에 | Elementor 편집기에서 바로 |
| 레이어링 | 자신만의 z-index 규칙을 작성한다 | Z-인덱스 필드 |
입자는 잘 쌍을 이룹니다 유리형성 위에 카드. 다른 움직이는 배경에 대 한 시도 배경 슬라이더 또는 애니메이션 그라데이션 배경 (프로).
입자에 대해 자주 묻는 질문
나는 개발자가 아니다. JSON 물건은 나를 위해 너무 열심히인가?
아니요. 효과를 켜면 JSON 이 전혀 없는 기본 모양이 제공됩니다. 다른 모양에서는 particles.js 생성기가 슬라이더 및 색상 선택기와 함께 작동합니다. 생성한 구성을 다운로드하여 Particle JSON 필드에 붙여넣습니다.
나만의 이미지 (로고 같은) 를 입자로 써도 되나요?
예. particles.js 생성기에서 형상 유형을 이미지로 설정하고 작은 로고와 같은 이미지의 URL 을 입력합니다. config 를 다운로드하여 Particle JSON 필드에 붙여 넣습니다.
이게 휴대폰에서 통할까요?
예,애니메이션은 휴대폰과 태블릿에서 실행됩니다. 높은 입자 수는 오래된 휴대폰의 속도를 늦출 수 있으므로 모바일 방문자가 볼 수 있는 섹션의 수를 적당히 유지하십시오.
동일한 페이지의 다른 섹션에 다른 입자 효과를 가질 수 있습니까?
예. 각 섹션,열 및 컨테이너에는 자체 Particle JSON 필드가 있으므로 영웅이 별 필드를 표시하고 다른 섹션은 눈을 사용할 수 있습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
