사이트에 JavaScript를 추가하려면 어떻게합니까?

9

내 사이트에 JavaScript 및 CSS를 추가하려면 어떻게합니까?

javascript theming

— 킨카 주
소스

23

드루팔 7의 관리 자바 스크립트 가이드 드루팔에 자바 스크립트를 추가 할 수있는 정보를 제공합니다. 여기에 제시된 기술은 테마 및 (사용자 정의) 모듈 모두에 적용됩니다 .

a를 scripts[] = somescript.js모듈 또는 테마의에 .info 파일
사용 drupal_add_js()모듈 또는 테마의 코드에
Form API 또는 렌더링 가능한 배열 #attached['js'] 에서 속성을 사용하십시오 .

Drupal에는 이미 jQuery, jQuery UI 및 기타 여러 라이브러리가 포함되어 있으므로 직접 추가하지 않아야합니다. 대신 drupal_add_library()또는 #attached['library']속성을 사용해야 합니다.

CSS의 작업 가이드 드루팔에 CSS를 추가 할 수있는 정보를 제공합니다. 다시, 여기에 제시된 기술은 테마 및 (사용자 정의) 모듈 모두에 적용됩니다. 예외 : .info파일 에서 스타일 시트를 추가 하는 것은 테마가 아닌 모듈에서만 작동합니다.

stylesheets[all][] = somestylesheet.css테마 .info파일에 추가 하십시오.
모듈 또는 테마 코드에서 drupal_add_css () 를 사용하십시오 .
#attached[css]From API 또는 렌더링 가능 배열에서 속성을 사용하십시오 .

— 피에르 바이 글
소스

PHP 필터를 활성화해야합니까? 그리고 js를 어디에 추가합니까? 스크립트 태그가있는 본문 섹션입니까? <script> </ script>와 같이 시작하려면 간단한 예가 필요합니다. 매우 기본입니다. Pls

— kinkajou

1

사이트의 컨텐츠로 CSS 또는 JavaScript를 추가하지 않으므로 컨텐츠를 편집 할 때 CSS 또는 JavaScript를 추가하지 않습니다. 페이지 특정 JavaScript 또는 CSS가 필요한 경우 테마의 페이지 전처리 후크에서 수행 할 수 있습니다. 사이트에 스타일 (CSS) 또는 동작 (JavaScript)을 추가하려면 웹 UI가 아닌 코드를 사용해야합니다. 이것은 유지 관리가 쉽고 확장 가능하며 나중에 사이트를 업데이트 할 때 많은 두통을 피할 수 있습니다.

— Pierre Buyle

2

당신은 당신의 테마 폴더에 js 파일을 배치 drupal_add_js()하고 template.php 전처리 함수를 사용하여 drupal에이 js 파일을 추가 할 수 있습니다 .

— 드루팔
소스