더 나은 성능을 위해 WordPress에서 CSS 및 JS 스크립트를 대기열에 추가
2024-11-04에 게시됨
검색:925
WordPress는 오픈 소스 소프트웨어입니다. 사용자는 원하는 대로 설치, 수정 및 배포할 수 있습니다. 소스 코드는 누구나 액세스할 수 있으므로 수백만 명의 WordPress 전문가와 개발자가 도구와 확장 기능을 만들고 이를 대중과 공유할 수 있습니다.
CSS 및 JS 파일을 워드프레스 프로젝트에 추가하는 방법을 살펴보겠습니다.
대부분의 신입 개발자는 다음을 좋아합니다.
“header.php” 내부
<?php echo get_bloginfo(); ?>
“footer.php” 내부
그러나 이는 WordPress 프로젝트 내에서 CSS 및 JS 파일을 대기열에 추가하는 적절한 방법이 아닙니다. 도킹하려면 먼저 "functions.php" 파일로 이동하여 다음과 같이 파일을 대기열에 추가하세요. 시그마 트릭을 살펴보겠습니다….
1단계: function.php
function my_theme_enqueue_styles_scripts() {
// Enqueue CSS files
wp_enqueue_style('bootstrap-css', get_template_directory_uri() . '/assets/css/bootstrap.min.css');
wp_enqueue_style('aos-css', 'https://unpkg.com/[email protected]/dist/aos.css');
wp_enqueue_style('custom-css', get_template_directory_uri() . '/assets/css/custom.css');
// Enqueue default Jquery in wordpress.
wp_enqueue_script('jquery');
wp_enqueue_script('bootstrap-js', get_template_directory_uri() . '/assets/js/bootstrap.bundle.min.js', array('jquery'), null, true);
wp_enqueue_script('font-awesome-js', get_template_directory_uri() . '/assets/js/font-awesome-all.min.js', array(), null, true);
wp_enqueue_script('custom-js', get_template_directory_uri() . '/assets/js/custom.js', array('jquery'), null, true);
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles_scripts');
참고: Wordpress는 jquery의 압축되지 않은 버전을 제공합니다. 따라서 필요한 js 파일 내에서 해당 jquery를 간단히 사용할 수 있습니다! 이를 위해서는 "wp_eneueue_script" 내에 array('jquery') 매개변수를 전달하기만 하면 됩니다. 기억해야 할 한 가지는 JQuery에는 압축되지 않은 버전과 압축된 버전의 두 가지 주요 버전이 있다는 것입니다. 압축되지 않은 버전에서는 AJAX가 제대로 작동하지 않습니다.
2단계: 이제 “header.php” 내부
이제 wp_head()를 사용해야 합니다.
<?php echo get_bloginfo(); ?>
3단계: 이제 “footer.php” 내부
이제 wp_footer()를 사용해야 합니다. 태그 아래에 있습니다.
릴리스 선언문
이 기사는 https://dev.to/shimanta_microcodes/enqueue-css-and-js-scripts-in-wordpress-for-better-performance-32ao?1에 복제되어 있습니다. 침해가 있는 경우에는 Study_golang@163으로 문의하시기 바랍니다. .com에서 삭제하세요
최신 튜토리얼
더>
-
Matplotlib에서 \"표시 이름 없음 및 $DISPLAY 환경 변수 없음\" 오류를 수정하는 방법은 무엇입니까?"_tkinter.TclError: 표시 이름이 없고 $DISPLAY 환경 변수가 없습니다."이 오류는 일반적으로 Matplotlib를 사용하여 Python 스크립트를 실행할 때 발생합니다. 그래픽 디스플레이가 없는 서버에서. Matplotlib는 플...프로그램 작성 2024-11-05에 게시됨 -
Node.js를 사용한 첫 번째 백엔드 애플리케이션웹 개발을 배우고 있는데 Node.js 프로젝트를 시작하는 방법이 헷갈리시나요? 걱정하지 마세요. 내가 있으니까요! 단 5단계만으로 Node.js 및 Express.js를 사용하여 첫 번째 백엔드를 생성하는 과정을 안내해 드리겠습니다. ?️5가지 주요 단...프로그램 작성 2024-11-05에 게시됨
-
CORS는 교차 도메인 시나리오에서 언제 실행 전 요청을 사용합니까?CORS: 도메인 간 요청에 대한 '실행 전' 요청 이해교차 원본 리소스 공유(CORS)는 HTTP를 만들 때 문제를 야기합니다. 도메인 간 요청. 이러한 제한 사항을 해결하기 위해 실행 전 요청이 해결 방법으로 도입되었습니다.실행 전 요청 설명실행 전 ...프로그램 작성 2024-11-05에 게시됨
-
PHP의 glob() 함수를 사용하여 확장자별로 파일을 필터링하는 방법은 무엇입니까?PHP에서 확장자로 파일 필터링디렉터리 작업을 할 때 확장자를 기반으로 특정 파일을 검색해야 하는 경우가 많습니다. PHP는 glob() 함수를 사용하여 이 작업을 수행하는 효율적인 방법을 제공합니다.확장자별로 파일을 필터링하려면 다음 구문을 사용하세요.$files =...프로그램 작성 2024-11-05에 게시됨
-
JavaScript의 약속과 약속 연결 이해약속이란 무엇입니까? JavaScript의 약속은 미래에 어떤 일을 하겠다고 하는 '약속'과 같습니다. 비동기 작업의 최종 완료(또는 실패)와 그 결과 값을 나타내는 개체입니다. 간단히 말해서 Promise는 아직 사용할 수 없지만 미래에...프로그램 작성 2024-11-05에 게시됨
-
대기열 인터페이스 생성문자 대기열을 위한 인터페이스 생성. 개발할 세 가지 구현: 고정 크기 선형 대기열. 원형 큐(배열 공간 재사용). 동적 대기열(필요에 따라 증가). 1 ICharQ.java라는 파일을 만듭니다. // 문자 대기열 인터페이스. 공개 인터페이스 ICharQ { //...프로그램 작성 2024-11-05에 게시됨
-
로컬 Python 패키지 개발에 Pip의 편집 가능 모드는 언제 유용합니까?Pip을 사용하여 Python에서 로컬 패키지 개발을 위한 편집 가능 모드 활용Python의 패키지 관리 생태계에서 Pip은 '-e'(또는 특정 시나리오에 대한 '--editable') 옵션입니다. 이 옵션을 사용하는 것이 언제 유리할까요?...프로그램 작성 2024-11-05에 게시됨
-
브라우저에 URL을 입력하면 어떻게 되나요?브라우저에 URL을 입력하고 Enter 키를 누르면 뒤에서 무슨 일이 일어나는지 궁금한 적이 있습니까? 이 프로세스는 요청한 웹 페이지를 제공하기 위해 원활하게 함께 작동하는 여러 단계가 포함되어 생각보다 더 복잡합니다. 이 기사에서는 URL을 입력하는 것부터 완전히 ...프로그램 작성 2024-11-05에 게시됨
-
수많은 소형 HashMap 개체에 대한 \"OutOfMemoryError: GC 오버헤드 제한 초과\"를 효과적으로 관리하는 방법은 무엇입니까?OutOfMemoryError: 가비지 수집 오버헤드 처리Java에서 과도한 경우 "java.lang.OutOfMemoryError: GC 오버헤드 한도 초과" 오류가 발생합니다. Sun의 문서에 따르면 가비지 수집에 시간이 소요됩니다. 이 문제를 해...프로그램 작성 2024-11-05에 게시됨
-
Python 목록 초기화에서 [[]] * n을 사용할 때 목록이 함께 연결되는 이유는 무엇입니까?[[]] * n을 사용한 목록 초기화 시 목록 연결 문제[[]]를 사용하여 목록 목록을 초기화할 때 n, 프로그래머는 목록이 서로 연결된 것처럼 보이는 예상치 못한 문제에 자주 직면합니다. 이는 [x]n 구문이 고유한 목록 인스턴스를 생성하는 대신 동일한 기본 목록 ...프로그램 작성 2024-11-05에 게시됨
-
Python을 간단하게: 초급부터 고급까지 | 블로그Python Course Code Examples This is a Documentation of the python code i used and created , for learning python. Its easy to understand and L...프로그램 작성 2024-11-05에 게시됨
-
TypeScript에서 유형 축소 및 보호 단순화Introduction to Narrowing Concept Typescript documentation explains this topic really well. I am not going to copy and paste the same descrip...프로그램 작성 2024-11-05에 게시됨
-
session_destroy() 대신 session_unset()을 사용해야 하는 경우는 언제입니까?PHP에서 session_unset()과 session_destroy()의 차이점 이해PHP 함수 session_unset()과 session_destroy()는 서로 다른 용도로 사용됩니다. 세션 데이터를 관리할 때 세션 변수를 지우는 데 있어 명백한 유사성에도 불구...프로그램 작성 2024-11-05에 게시됨
-
C++에서 INI 파일을 구문 분석하기 위한 최선의 접근 방식을 선택하는 방법은 무엇입니까?C에서 INI 파일 구문 분석: 다양한 접근 방식에 대한 가이드C에서 초기화(INI) 파일을 작업할 때 개발자는 종종 다음과 같은 문제에 직면합니다. 원하는 정보를 추출하기 위해 이러한 파일을 효율적으로 구문 분석하는 것이 과제입니다. 이 문서에서는 C에서 INI 파일...프로그램 작성 2024-11-05에 게시됨
![Python 목록 초기화에서 [[]] * n을 사용할 때 목록이 함께 연결되는 이유는 무엇입니까?](http://www.luping.net/uploads/20241021/17294774536715bb4d76111.jpg)
중국어 공부
- 1 "걷다"를 중국어로 어떻게 말하나요? 走路 중국어 발음, 走路 중국어 학습
- 2 "비행기를 타다"를 중국어로 어떻게 말하나요? 坐飞机 중국어 발음, 坐飞机 중국어 학습
- 3 "기차를 타다"를 중국어로 어떻게 말하나요? 坐火车 중국어 발음, 坐火车 중국어 학습
- 4 "버스를 타다"를 중국어로 어떻게 말하나요? 坐车 중국어 발음, 坐车 중국어 학습
- 5 운전을 중국어로 어떻게 말하나요? 开车 중국어 발음, 开车 중국어 학습
- 6 수영을 중국어로 뭐라고 하나요? 游泳 중국어 발음, 游泳 중국어 학습
- 7 자전거를 타다 중국어로 뭐라고 하나요? 骑自行车 중국어 발음, 骑自行车 중국어 학습
- 8 중국어로 안녕하세요를 어떻게 말해요? 你好중국어 발음, 你好중국어 학습
- 9 감사합니다를 중국어로 어떻게 말하나요? 谢谢중국어 발음, 谢谢중국어 학습
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
