파티클 js를 워드프레스에 설치하거나 다른 방법을 사용하여 설치

파티클 js를 워드프레스에 설치하거나 다른 방법을 사용하여 설치

의 실장 또는 설치 방법particles.js워드프레스로요?

http://vincentgarreau.com/particles.js/

quarticle.js를 설치하려고 했지만 작동하지 않아 중요한 정보를 찾을 수 없을 수 있습니다.

"입자 로그인 페이지" 플러그인도 시도하고 내용 페이지에 복사하려고 했지만, 여전히 잘 되지 않습니다.

어떤 제안이라도 큰 도움이 될 것이다.

감사해요.

신뢰할 수 있는 CDN을 로컬로 설치할 수 없는 경우 CDN을 큐에 넣을 수 있습니다.

다음은 당신의 기능에 추가되는 것입니다.php (표준 워드프레스 아키텍처가 있는 경우)

function enqueue_particlejs(){
  wp_enqueue_script('particle-js','https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js');
}
add_action('wp_enqueue_scripts', 'enqueue_particlejs');

그런 다음 페이지에서 실제로 트리거하는 방법을 사용해야 합니다. 즉, 돔 요소 중 하나에 "particle-js"의 ID를 할당해야 합니다.

<div id="particle-js"></div>

javascript 파일에 액세스할 수 없는 경우 인라인으로 이동할 수 있습니다.

<script>
      particlesJS.load('particle-js', '<?= get_template_directory_uri() . '/assets/particlejs.json' ?>', function() {
  });
</script>

워드프레스 디렉토리 어딘가에 quarticlejs.json 파일을 생성하여 위의 파일을 참조해야 합니다.

예를 들어 링크된 웹사이트에서 하나를 내보내거나 둘 중 하나를 내보냅니다.

같은 방법을 몇 가지 사용할 수 있습니다.어떻게 해야 하는지 표준적인 방법으로 설명하고 있습니다.파티클.js를 활성 테마 폴더에 업로드합니다(테마 디렉터 내의 'js' 폴더에 업로드했습니다).기능을 엽니다.php를 활성화 테마에 넣고 다음 코드를 삽입합니다.

function load_my_scripts(){
    wp_enqueue_script('muaw-ajax', get_template_directory_uri().'/js/particles.js');    
}

add_action('wp_enqueue_scripts', 'load_my_scripts');

functions.php의 변경 내용을 저장하면 테마에 포함됩니다.

언급URL : https://stackoverflow.com/questions/33687880/install-particle-js-into-wordpress-or-using-other-method