WordPress에 안전하게 사용자 지정 코드 조각을 추가하는 방법

WordPress에는 이미 많은 사용자 정의 옵션이 있지만 특정 기능을 추가하기 위해 WordPress에 코드 조각을 추가하려는 경우가 있을 수 있습니다.

예를 들어 사용 가능한 플러그인에서 찾을 수 없는 특정 기능이 있는 사용자 지정 코드를 추가하거나 사이트 보안을 위해 예방 조치를 취하기 때문에 플러그인을 사용하고 싶지 않을 수 있습니다. 일부 자습서에서 코드를 얻는 것 외에도 코딩 언어에 대한 지식이 부족하다면 다행스럽게도 사용자가 GitHub 및 WordPress.org 개발자와 같은 사용자 지정 코드 조각을 공유하고 복사할 수 있는 일부 온라인 플랫폼이 있습니다.

WordPress에 코드 스니펫을 안전하게 추가하는 3가지 방법이 있습니다

1. 자식 테마 만들기
2. 플러그인 사용
3. 사용자 정의 플러그인을 생성합니다.

시작하기 전에 항상 호스팅 제공업체 백업 기능이나 백업 플러그인을 사용하여 WordPress 사이트를 주기적으로 백업하여 구성 오류나 업데이트 실패로 인한 문제가 발생할 경우를 대비하여 보장하는 것이 좋습니다.

방법 1: 자식 테마 만들기

WordPress 하위 테마는 상위 테마 자체를 편집하지 않고도 상위 테마를 안전하게 변경할 수 있는 기회를 제공하는 기존 상위 테마의 하위입니다.

WordPress 사이트 테마를 변경하려고 할 때 하위 테마에 대해 자주 읽을 수 있습니다. 하나 만들고 싶다면 WordPress 사이트의 하위 테마를 만드는 방법에 대한 이전 기사에서 이미 다루었습니다.

WordPress 하위 테마에 사용자 정의 코드 조각을 추가하는 것은 모양 → 테마 파일 편집기 페이지에서 "function.php" 파일을 연 다음 사용자 정의 코드를 거기에 넣는 일반 테마와 유사합니다.

그러나 몇 가지 사소한 수정만 하고 싶다면 자식 테마를 만드는 것이 과도할 수 있습니다. 이 게시물에서 보여줄 다른 두 가지 방법을 사용할 수도 있습니다.

방법 2: 플러그인 사용

이제 코드 조각이라는 플러그인을 사용하여 웹사이트에 코드 조각을 추가하는 방법을 보여드리겠습니다. 작업을 시작하기 전에 이 플러그인을 먼저 선택한 이유를 설명하겠습니다.

Code Snippets는 무료(프로 버전이 곧 제공될 예정) 플러그인이며 작성 당시 600.000개 이상에서 활성화된 사이트에서 코드 조각을 실행하기 위한 가장 인기 있는 옵션입니다. wordpress.org에서 플러그인을 받을 수 있습니다.

코드 조각은 사이트에서 코드 조각을 실행하고 관리하기 위한 쉽고 간단한 플러그인일 뿐만 아니라 테마의 function.php 파일에 사용자 정의 코드를 추가할 필요가 없으므로 테마 업데이트 후에도 수정 사항이 유지될 수 있습니다. 그리고 만약 당신이 자식 테마 function.php 를 사용하지 않는다면 당신의 메인 테마 파일은 시간이 지나면 다소 길어지고 지저분해질 수 있고 당신의 테마를 업데이트하면 당신의 작업을 잃게 될 것입니다.

준비가 되면 코드 조각을 설치하고 활성화해 보겠습니다. 그러면 WordPress 관리자 대시보드에 " 조각 " 메뉴가 추가됩니다. 클릭해 보겠습니다.

위 이미지에서 볼 수 있듯이 필요할 때 사용할 수 있는 미리 만들어진 코드 조각이 이미 있습니다.

코드 조각 플러그인의 모든 조각은 전등 스위치처럼 클릭 한 번으로 활성화 및 비활성화할 수 있습니다.

이 자습서에서는 사용자 지정 코드를 사용하여 Gutenberg 편집기를 비활성화합니다. 구텐베르크 편집기를 비활성화하는 방법에 대한 이전 기사의 코드를 복사할 수 있습니다.

이제 사용자 정의 코드를 추가하려면 새로 추가 버튼을 클릭하면 새 스니펫 추가 페이지로 이동합니다. 이 페이지에서 제목을 추가하고 바로 아래 사용 가능한 편집기에 코드를 붙여넣습니다.

코드가 준비되면 변경 사항 저장 버튼을 클릭하여 스니펫을 저장한 다음 활성화 버튼을 클릭하여 활성화를 진행합니다.

이제 새 게시물을 추가하려고 하면 Gutenberg 편집기가 비활성화되고 Classic Editor가 다시 작동하게 됩니다.

코드 스니펫 홈으로 돌아가면 스니펫 목록 맨 아래에 새 스니펫이 있습니다.

항목 스위치를 클릭하기만 하면 언제든지 스니펫을 비활성화할 수 있습니다.

방법 3: 사용자 지정 플러그인 만들기

이전에 한 번도 해본 적이 없다면 자신만의 플러그인을 만드는 것이 어렵게 들릴 수 있지만 걱정하지 마세요. 코드 스니펫에 대한 플러그인을 만드는 것은 실제로 쉽습니다.

PC에서 플러그인을 만들 수 있습니다. 플러그인을 위한 폴더 생성을 시작하고 폴더 안에 들어가서 원하는 이름으로 텍스트 파일을 만들고 끝에 " myplugin.php "와 같은 PHP 확장자를 추가합니다.

이제 파일을 열고 다음 스니펫을 파일에 붙여넣습니다.

 <?php
/*
플러그인 이름: 내 플러그인
플러그인 URI: https://www.wppagebuilders.com
설명: 사용자 정의 코드를 추가하기 위한 사용자 정의 플러그인
버전: 1.0.0
저자: WPPagebuilders
작성자 URI: https://www.wppagebuilders.com/
라이센스: GPL2
라이선스 URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

그런 다음 가지고 있는 파일 아카이버가 있는 폴더에서 ZIP 파일을 생성하여 계속합니다.

파일이 준비되면 WordPress 관리 페이지로 이동한 다음 플러그인 → 새로 추가 → 플러그인 업로드 → 파일 선택 으로 이동하여 파일을 업로드하고 방금 생성한 ZIP 파일을 선택한 다음 지금 설치 버튼을 클릭하여 플러그인을 설치합니다.

이제 플러그인 목록에서 방금 업로드한 파일을 찾을 수 있습니다. 플러그인에 추가하려는 코드 스니펫을 추가한 후 나중에 활성화하는 것이 좋습니다.

플러그인에 스니펫을 추가하려면 플러그인 → 플러그인 파일 편집기로 이동하십시오. 거기에서 " 편집할 플러그인 선택 " 드롭다운 목록에서 플러그인을 선택한 다음 선택 을 클릭하여 플러그인의 파일 편집기를 엽니다.

이번에도 이전의 Disable Guttenberg Editor 사용자 정의 코드를 사용합니다.

사용자 정의 코드가 준비되면 파일 업데이트 버튼을 클릭하여 플러그인 변경 사항을 저장하십시오. 그런 다음 설치된 플러그인 목록에서 플러그인을 활성화하여 계속하십시오.

이제 이전 방법과 유사하게 Gutenberg 편집기가 사라지고 대신 클래식 편집기가 제공됩니다.

그것을 요 ​​약하기

WordPress에는 이미 사용할 수 있는 사용자 정의가 많이 있습니다. 또한 사이트 기능을 확장하는 데 도움이 되는 50.000개 이상의 플러그인이 있습니다. 그러나 필요한 것을 찾을 수 없는 경우 코드 조각이 특정 요구 사항의 공백을 채웁니다.

방금 다룬 세 가지 방법을 사용하면 문제가 발생하거나 작업을 잃을 염려 없이 WordPress 테마에 코드를 안전하게 추가할 수 있습니다.