코드조각(Code Snippet)

설명

✂ 코드 스니펫은 WordPress 사이트를 손쉽게 향상시킬 수 있는 방법을 제공합니다.

🚀 Code Snippets Pro로 업그레이드하세요 완벽한 CSS, JavaScript, 구텐베르크, Elementor 및 클라우드 동기화 통합을 위해. 지금 스니펫 경험을 향상시키세요!

테마의 functions.php 파일을 수정하고 끝없는 플러그인을 다운로드하는 번거로움에 작별을 고하세요 – Code Snippets가 그 과정을 간소화합니다!

스니펫은 워드프레스 사이트에 추가 기능을 제공하는 미니 플러그인과 같으며, 복잡함 없이 기능을 추가합니다.

functions.php 파일에 코드를 덤프하는 다른 솔루션과 달리, Code Snippets는 직관적인 그래픽 인터페이스를 제공하여 매끄러운 통합과 실시간 실행을 지원합니다. 스니펫 관리는 플러그인을 활성화하고 비활성화하는 것만큼 쉽지만, 불필요한 부하와 오버헤드는 없습니다.

🎥 Imran Siddiq의 빠른 개요 보기:

☁️ Code Snippets의 각 사본에는 커뮤니티 기반의 Code Snippets Cloud 플랫폼과의 완전한 통합이 포함되어 있어, 수백 가지의 조정 및 향상 기능에 쉽게 접근할 수 있으며, 이를 통해 어떤 WordPress 사이트도 강화할 수 있습니다.

🌐 저희와 연결하세요:

🌟 저희 플러그인이 마음에 드시나요? 유용하다고 생각하시나요? WordPress.org에 리뷰를 남겨 경험을 공유해 주시길 부탁드립니다. 여러분의 피드백은 저희의 미래 성장을 형성하는 데 중요한 역할을 합니다!

🌍 Code Snippets가 다양한 언어로 사용될 수 있도록 번역에 기여해 주신 멋진 분들께 감사드립니다. 전체 목록은 여기에서 확인할 수 있습니다.

스크린샷

  • 기존 스니펫 관리
  • 새 스니펫 추가
  • 스니펫 편집
  • 내보내기 파일에서 스니펫 가져오기

설치

자동 설치

  1. WordPress 관리자에 로그인하세요
  2. 플러그인을 클릭하세요

  3. 새로 추가를 클릭하세요

  4. 코드 스니펫 검색

  5. 코드 스니펫” 아래의 지금 설치를 클릭하세요.

  6. 플러그인을 활성화하세요

수동 설치

  1. 플러그인을 다운로드하세요
  2. zip 파일의 콘텐츠를 추출하세요
  3. zip 파일의 콘텐츠를 WordPress 설치의 wp-content/plugins/ 폴더에 업로드하세요.
  4. ‘플러그인’ 페이지에서 Code Snippets 플러그인을 활성화하세요.

네트워크 대시보드를 통해 코드 스니펫을 네트워크 활성화하면 전체 네트워크에서 스니펫을 실행할 수 있는 특별한 인터페이스가 활성화됩니다.

FAQ

자주 묻는 질문의 전체 목록은 help.codesnippets.pro에서 확인할 수 있습니다.

버그가 있는 스니펫 때문에 사이트가 다운되었을 때 어떻게 복구할 수 있나요?

코드 스니펫 안전 모드 기능을 활성화하여 사이트를 복구할 수 있습니다. 이를 활성화하는 방법에 대한 지침은 여기에서 확인할 수 있습니다: https://help.codesnippets.pro/article/12-safe-mode.

테마를 변경하거나 WordPress를 업그레이드하면 스니펫을 잃게 되나요?

아니요, 스니펫은 테마와 독립적으로 WordPress 데이터베이스에 저장되며 WordPress 업그레이드에 영향을 받지 않습니다.

플러그인을 완전히 제거할 수 있나요?

플러그인 설정 페이지에서 ‘완전 제거’ 옵션을 활성화하면, Code Snippets는 WordPress ‘플러그인’ 메뉴를 통해 삭제될 때 모든 데이터를 정리합니다. 여기에는 저장된 모든 스니펫이 포함됩니다. 스니펫을 보존하고 싶다면 먼저 내보내졌는지 확인하세요.

제가 만든 스니펫을 다른 WordPress 사이트로 복사할 수 있나요?

네! ‘스니펫 관리’ 페이지에서 스니펫 이름 아래의 링크를 사용하여 단일 스니펫을 개별적으로 내보낼 수 있으며, ‘일괄 동작’ 기능을 사용하여 여러 스니펫을 일괄 내보낼 수 있습니다. 내보낸 파일을 업로드하여 ‘스니펫 가져오기’ 페이지에서 스니펫을 나중에 가져올 수 있습니다.

Code Snippets 플러그인을 사용하지 않는 사이트에 대해 내 스니펫을 PHP로 내보낼 수 있나요?

네. 내보내고자 하는 스니펫 옆의 체크박스를 클릭한 다음, 일괄 동작 메뉴에서 PHP로 내보내기를 선택하고 적용을 클릭하세요. 생성된 PHP 파일에는 내보낸 스니펫의 코드와 함께 이름 및 설명이 댓글로 포함됩니다.

멀티사이트 설치에서 네트워크 전체에 스니펫을 실행할 수 있나요?

다음의 방법으로 전체 멀티사이트 네트워크에서 스니펫을 실행할 수 있습니다: 네트워크 대시보드를 통해 코드 스니펫을 네트워크 활성화합니다. 또한, 코드 스니펫을 메인 사이트에서 활성화한 후, 선택한 다른 사이트에서 개별적으로 활성화할 수도 있습니다.

내 WordPress 데이터베이스에 스니펫은 어디에 저장되나요?

스니펫은 WordPress 데이터베이스의 wp_snippets 테이블에 저장됩니다. 테이블 이름은 테이블 접두사가 어떻게 설정되었는지에 따라 다를 수 있습니다.

도움말을 받거나 새로운 기능을 제안하려면 어디로 가야 하나요?

Code Snippets에 대한 도움을 받거나, 버그나 오류를 보고하고, 새로운 기능과 개선 사항을 제안하려면 WordPress 지원 포럼 또는 GitHub에서 가능합니다.

Code Snippets 플러그인 개발에 기여하려면 어떻게 해야 하나요?

이 작업을 수행하는 가장 좋은 방법은 GitHub의 저장소를 포크하고 풀 리퀘스트를 보내는 것입니다.

이 플러그인에서 발견된 보안 버그를 어떻게 보고할 수 있나요?

이 플러그인의 소스 코드에서 발견된 보안 버그는 Patchstack 취약점 공개 프로그램을 통해 보고할 수 있습니다. Patchstack 팀은 보안 취약점의 검증, 분류 및 통지에 도움을 드릴 것입니다.

후기

2025년 10월 28일 답글 2개
This plugin only allowed me add custom HTML and PHP. So I tried WPCode instead and I can add custom HTML, CSS, JS, and PHP for free. With that perspective this tool is limited unless you pay for the pro plan.
2025년 10월 26일 답글 2개
It is a great plugin except for that although they promise discounts for lifetime packs with email messages but when you want to buy it , they apply original price.
2025년 10월 16일 답글 1개
I’ve been using Code Snippets to manage various customizations on my WordPress site, and it’s been a game-changer. Previously, I was adding everything to my main custom CSS file, which was getting messy and hard to manage. With Code Snippets, I can now organize my customizations into separate, well-documented snippets with clear descriptions and tags. This makes it incredibly easy to find, edit, enable, or disable specific features without hunting through thousands of lines of code. I recently used it to customize my WooCommerce shop page – removing default elements, adding custom widgets to the sidebar, and styling everything to match my site’s design. Being able to separate PHP snippets (for functionality) from CSS snippets (for styling) and clearly label each one has made my workflow so much cleaner. The ability to easily activate/deactivate snippets for testing is brilliant – no more commenting out blocks of code or risking syntax errors. The plugin is intuitive, well-designed, and has saved me countless hours of frustration. Highly recommended for anyone who needs to add custom code to WordPress without cluttering their theme files!
2025년 10월 8일 답글 1개
We’ve been using Code Snippet for quite some time now and recently upgraded to the PRO license. The additional features and reliability make it absolutely worth it. Highly recommended for anyone working with WordPress and custom development!
모든 487 평가 읽기

기여자 & 개발자

“코드조각(Code Snippet)”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“코드조각(Code Snippet)”(이)가 28 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “코드조각(Code Snippet)”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

3.9.1 (2025-11-14)

변경됨

  • Migrated to native CSS direction handling (RTL/LTR) for improved compatibility and simpler styling
  • Updated dependencies to the latest compatible versions

고정됨

  • Fixed TinyMCE menu button registration to prevent initialization failure
  • Fixed the position of the ‘code direction’ control in the editor

3.9.0 (2025-11-13)

추가됨

  • Added contextual notices in the Snippets list table to surface action results and warnings in the UI
  • Expanded Multisite Sharing settings for clearer control over network-wide snippet sharing

변경됨

  • Modernized browser support targets and polished admin UI (clearer row-action badges, improved Pro badge hover, refined active snippet name styling)

고정됨

  • Fixed REST API pagination to return correct results and page counts
  • Resolved styling selector so the active snippet name highlights reliably

3.8.2 (2025-10-31)

고정됨

  • Improved namespaced PHP snippet handling with file based execution.

3.8.1 (2025-10-28)

추가됨

  • Code line explanation widget with apply and remove actions for AI-generated comments. (PRO)

변경됨

  • Improved pagination handling and display structure for cloud search results. (PRO)
  • Enhanced styling for codevault rows and inactive tabs in cloud interface. (PRO)

제거됨

  • Removed guzzlehttp/guzzle dependency to reduce package conflicts. (PRO)

고정됨

  • 멀티사이트 설치를 위한 파일 기반 스니펫 처리 개선.

3.8.0 (2025-10-24)

추가됨

  • @CarolinaOP님과 @louiswol94님이 플러그인 기여자로 팀에 합류합니다.
  • 파일 기반 실행 모드 스니펫 (플러그인 설정에서 선택 가능).
  • 버전 전환 옵션은 플러그인을 이전 릴리스로 쉽게 롤백할 수 있도록 도움을 줍니다.
  • 편집기와 사이드바에 대한 사소한 UI 개선 사항.

변경됨

  • 다른 플러그인과의 충돌을 줄이기 위해 접두사가 붙은 Composer 패키지.
  • 스니펫 REST API는 이제 페이지 및 per_page 쿼리 파라미터를 통한 페이지 매김을 지원합니다.
  • 향상된 편집기 미리보기 동작.

고정됨

  • 특수한 경우에서 스니펫 평가 및 프론트엔드 초기화와 관련된 문제를 수정했습니다.
  • 스니펫 평가의 신뢰성 향상.
  • 조건 버그로 인해 JavaScript 및 CSS 코드 조각이 두 번 로드됩니다. (PRO)
  • 루프 전에 로드되어 일부 조건이 작동하지 않는 문제를 수정했습니다. (PRO)

3.7.0 (2025-08-29)

추가됨

  • 새로운 ‘조건’ 기능: 강력한 로직 빌더로 스니펫이 실행되는 위치와 시간을 제어합니다. (PRO)

변경됨

  • 새로운 모습과 기능으로 새로 고침된 편집 메뉴.
  • 스니펫 유형 배지를 더 시각적으로 구별되도록 업데이트했습니다.
  • 플러그인 전반에 걸쳐 사용되는 툴팁이 새롭게 디자인되었습니다.
  • 콘텐츠 스니펫 단축코드 옵션을 별도의 모달 창으로 이동했습니다.
  • 내장된 워드프레스 태그 편집기를 사용하도록 스니펫 태그 편집기를 업데이트했습니다.
  • 베타 피드백 공유를 위한 적절한 양식을 생성했습니다.
  • 스니펫 활성화 토글의 UX 개선.

고정됨

  • 멀티사이트 네트워크에서 활성 스니펫을 가져올 때 이제 스니펫을 정렬할 때 ‘우선순위’ 입력란이 가장 우선시됩니다.
  • 클라우드 검색이 올바르게 표시되며 Code Snippets의 무료 버전에서 스니펫을 다운로드할 수 있습니다.
  • 관리자 메뉴 아이콘 로딩 성능 개선.

3.6.9 (2025-02-17)

변경됨

  • Cloud_API::get_bundles()를 업데이트하여 번들 데이터를 올바르게 확인하고 유효한 번들이 없을 경우 빈 배열을 반환하도록 했습니다.
  • Cloud_List_Table::fetch_snippets()를 리팩토링하여 항상 유효한 Cloud_Snippets 인스턴스를 반환하도록 했습니다.
  • 번들 보기에 있는 번들 반복 코드를 정리하고 번역 처리를 개선했습니다.

고정됨

  • 반복하기 전에 번들 배열을 확인하는 체크를 추가하여 번들 반복의 오류를 수정했습니다.

3.6.8 (2025-02-14)

추가됨

  • 대시보드에서 환영 배너를 숨기기 위한 `code_snippets/hide_welcome_banner` 필터 훅.

변경됨

  • Freemius SDK를 최신 버전으로 업데이트했습니다. (PRO)

제거됨

  • [code_snippet] 단축코드를 재귀적으로 삽입할 수 있는 기능은 향후 버전에서 다시 추가될 예정입니다.

고정됨

  • [code_snippet] 단축코드 내에 임베드된 단축코드가 올바르게 평가되지 않습니다.
  • 플러그인 설정을 로드할 때 일부 경우 번역 함수가 너무 일찍 호출되고 있습니다.
  • 일부 사이트에서 ‘생성’ 버튼이 나타나지 않음. (PRO)
  • 클라우드 목록 테이블에서 잘못된 화살표 엔티티 사용(감사합니다 [brandonjp]).
  • 코어 플러그인 버전에서 누락된 plugins.css 파일에 대한 참조를 제거했습니다.

3.6.7 (2025-01-24)

추가됨

  • 생성된 단축코드 태그에는 식별을 쉽게 하기 위해 스니펫 이름이 포함됩니다.
  • 관리자 알림은 5초 후에 자동으로 사라집니다. (#208)

변경됨

  • 최신 Sass 기능을 사용하도록 CSS를 업데이트했습니다.
  • 테마 선택기를 설정 페이지의 편집기 미리보기 바로 위로 이동했습니다 (brandonjp에게 감사드립니다). (#206)
  • [code_snippet] 단축코드를 이제 서로 중첩하여 사용할 수 있습니다. (#198)

고정됨

  • 편집기 위의 저장 버튼이 Pro에서 일반적인 유효성 검사 프로세스를 따르지 않았습니다. (PRO) (#197)
  • Core와 Pro 간의 일관된 UI 요소에서의 사소한 불일치.
  • 태그 입력이 입력을 허용하지 않음. (#211)
  • Elementor 소스 코드 위젯 문제. (PRO) (#205)
  • 클라우드 검색 결과를 볼 때 스니펫 설명이 보이지 않습니다.
  • 스니펫 가져오기 페이지에 성공적으로 가져온 스니펫 수가 표시되지 않습니다.
  • 캠페인 공지를 표시할 시간을 결정할 때 UTC 시간을 사용하세요.

3.6.6.1 (2024-11-27)

고정됨

  • 초기 빌드 문제를 해결하기 위해 v3.6.6을 재배포합니다.
  • 클라우드 링크를 캐시할 때 유형 문제. (PRO)

3.6.6 (2024-11-27)

변경됨

  • 최신 버전의 PHP와의 호환성 개선.
  • 관리자 알림을 포함하도록 확장된 환영 API.

고정됨

  • 프론트엔드 구문 강조 표시기를 로드하는 동안 집계 게시물을 확인할 때 메모리 문제 발생.
  • 업그레이드 시 번역 함수가 너무 일찍 호출되어 로컬라이제이션 로딩 오류가 발생합니다.
  • 네트워크 스니펫의 ‘네트워크에 공유’ 상태가 올바르게 업데이트되지 않도록 하는 버그.
  • ‘변경 사항 저장’ 또는 ‘변경 사항 저장 및 활성화’ 버튼을 표시할 때의 잘못된 논리 제어.
  • 스니펫을 편집하고 생성할 때 오래된 알림이 지속됩니다.

3.6.5.1 (2024-05-24)

  • 초기 빌드 문제를 해결하기 위한 v3.6.5 재배포.

3.6.5 (2024-05-24)

추가됨

  • 새로운 관리자 메뉴는 Code Snippets 플러그인 및 커뮤니티에 대한 유용한 리소스와 업데이트를 제공합니다.

3.6.4 (2024-03-15)

추가됨

  • 모든 스니펫 유형에 대한 AI 생성: HTML, CSS, JS. (PRO)
  • 연결이 끊어진 경우 스니펫 메뉴에서 직접 클라우드 연결을 생성하는 버튼입니다. (PRO)

변경됨

  • ‘캐시 재설정’ 디버그 작업을 사용할 때 CSS 및 JS 스니펫의 리비전 번호를 증가시킵니다. (PRO)
  • 양식 제출을 위해 ‘Enter’ 키를 허용하는 것과 같은 대화 상자 생성 시 UX. (PRO)

고정됨

  • 새로운 버전의 PHP와의 사소한 유형 호환성 문제.
  • 클라우드 동기화를 시작할 때 정의되지 않은 배열 키 문제. (PRO)
  • 번들에서 단일 스니펫을 다운로드하지 못하게 하는 버그. (PRO)
  • JavaScript 파일의 문자열에 대한 번역이 로드되지 않습니다.

3.6.3 (2023-11-13)

추가됨

  • 스니펫 캐시를 재설정하는 디버그 작업이 추가되었습니다.

고정됨

  • 클라우드 동기화 구성을 초기화할 때 가져오기 오류가 발생했습니다. (PRO)

3.6.2 (2023-11-11)

제거됨

  • 코드 콘텐츠의 자동 인코딩을 제거했습니다.

고정됨

  • 활성으로 표시된 공유 네트워크 스니펫을 저장하려고 할 때 오류가 발생했습니다.
  • 저장된 값이나 기본 값 없이 체크박스 필드를 렌더링할 때 유형 오류가 발생합니다.
  • 스니펫 공유 입력에 대한 레이블이 입력 필드에 잘못 연결되었습니다.
  • 편집 메뉴에서 내보내기 파일을 다운로드하려고 할 때 오류가 발생했습니다.
  • Freemius 문자열 재정의를 너무 일찍 로드하는 문제. (PRO)
  • 서브디렉터리 또는 HTTPS 사이트에서 OAuth로 연결할 때 리다이렉트 URL 수정. (PRO)
  • 플러그인을 완전히 제거하려고 할 때 가져오기 오류가 발생했습니다.

3.6.1 (2023-11-07)

고정됨

  • Snippets 클래스의 필드에 접근하는 문제.

3.6.0 (2023-11-07)

추가됨

  • OAuth를 사용하여 Code Snippets Cloud에 인증할 수 있는 기능. (PRO)
  • 스니펫 생성을 위한 GPT AI 통합. (PRO)
  • GPT AI를 사용하여 코드 스니펫의 각 줄에 대한 설명을 생성하는 기능. (PRO)
  • 기존 스니펫 코드에서 GPT AI를 사용하여 태그와 설명 텍스트를 생성하는 기능. (PRO)
  • 문제 해결 작업을 수동으로 수행할 수 있는 디버그 설정 메뉴가 추가되었습니다.
  • 편집 페이지 알림에 대한 스크롤-인투-뷰 기능을 비활성화하는 필터.

변경됨

  • 최소 PHP 요구 사항을 7.4로 업데이트했습니다.
  • 새 스니펫을 추가할 때 편집 스니펫 페이지의 URL이 변경되는지 확인하세요.
  • 태그 필드에서 포커스를 잃으면 스니펫 태그가 자동으로 추가됩니다.

고정됨

  • 활성 상태 테두리를 이름 편집 필드의 왼쪽으로 이동했습니다.
  • 새로운 공지는 페이지 상단에 있을 경우 스크롤되지 않습니다.
  • 인증된 사용자가 설정을 재설정할 수 있는 잠재적인 CSRF 취약성.

3.5.1 (2023-09-15)

고정됨

  • 플러그인 설정 페이지에 접근할 때 정의되지 않은 배열 키 오류가 발생합니다. (PRO)
  • API 엔드포인트 등록 문제로 인해 글 편집 화면에 영향이 있습니다. (PRO)
  • code_snippets/update_snippet 액션 훅에 스니펫 객체 대신 스니펫 ID가 전달됩니다.

3.5.0 (2023-09-13)

추가됨

  • 코드 스니펫 클라우드 API 지원
  • 공개 스니펫 검색 및 다운로드
  • Codevault 백업 및 동기화. (PRO)
  • 동기화된 로컬 스니펫은 클라우드에서 자동으로 업데이트됩니다. (PRO)
  • 일괄 동작 – ‘업데이트’ 및 ‘다운로드’.
  • 공개 및 비공개 코드 보관소에서 스니펫 다운로드. (PRO)
  • Code Snippet Cloud에서 키워드 또는 코드보관소 이름으로 검색하여 공개적으로 볼 수 있는 스니펫을 다운로드하세요. (PRO)
  • 코드 스니펫 클라우드 앱에서 플러그인으로 스니펫을 배포합니다. (PRO)
  • 기쁨의 묶음! Code Snippets Cloud에서 Snippet 번들을 한 번에 검색하고 다운로드하세요. (PRO)

변경됨

  • 편집 메뉴에서 스니펫을 삭제할 때 스니펫 테이블로 리다이렉트합니다.
  • 편집 메뉴에서 새로운 공지를 보이도록 스크롤하세요.

고정됨

  • 저장 후 네트워크 공유 스니펫을 업데이트하려고 할 때 오류가 발생했습니다. [#]

전체 변경 사항은 GitHub에서 확인할 수 있습니다