설명서

Sidekick 사용자 정의

Last update: Tue Mar 05 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

프로젝트에 대한 사이드 킥을 사용자 지정할 수 있습니다. 다음을 추가할 수 있습니다. /tools/sidekick/config.json 프로젝트의 GitHub 저장소에 대한 구성 파일:

<script src=“https://gist.github.com/rofe/491772e7e3f706cb4aca5f9f6451e516.js”></script>

사용 가능한 모든 구성 옵션에 대한 자세한 내용은 Sidekick API 설명서 또는 스키마 구성. 시작하는 데 필요한 몇 가지 기본 사항은 다음과 같습니다.

플러그인

  • id 및 title 필수 항목입니다. title 플러그인 버튼에 표시됩니다. 에서 현지화된 제목을 제공할 수 있습니다. titleI18n 오브젝트
  • 플러그인 작업을 지정하는 방법은 의도에 따라 다릅니다.
    • 새 창에서 URL을 열려면 url 속성. 를 설정하여 팔레트에서 열 수도 있습니다 isPalette 끝 true.
      /tools/sidekick/config.json:
      <script src=“https://gist.github.com/rofe/8a0961575d434fb86ce4fdda3bea60f5.js”></script>
  • 코드 실행은 페이지 컨텍스트에서 수행해야 합니다(편집 및 관리 환경에서는 지원되지 않음). 다음을 사용할 수 있습니다. event 속성 : 플러그인 버튼을 클릭할 때 실행할 이벤트의 이름을 지정합니다. 그런 다음 다음 다음 예제와 같이 애플리케이션 코드에서 대응할 수 있습니다.
    /tools/sidekick/config.json:
    <script src=“https://gist.github.com/rofe/e5f215be84acc51ffe87002408d4e107.js”></script>
    <script src=“https://gist.github.com/rofe/4d38d9ec8253cc2f4bec3dad757c33fc.js”></script>
  • 다음 environments array는 플러그인이 나타날 위치(dev, edit, admin, preview, live 또는 prod)를 지정합니다. 다음을 정의할 수도 있습니다. exclude_paths 및 include_paths 를 설정하는 것이 좋습니다.
  • isContainer 플러그인을 드롭다운으로 전환합니다. 그런 다음 ID를 지정하여 다른 플러그인을 추가할 수 있습니다. containerId 속성.
  • override 을 로 설정할 수 있습니다. true 기존 플러그인을 확장합니다.

특별 보기

  • path 및 viewer 필수 항목입니다. 선택적으로 다음을 지정할 수 있습니다. title 맨 위에 표시되는 제목은에서 현지화된 제목을 제공할 수 있습니다 titleI18n 개체:
    <script src=“https://gist.github.com/rofe/9170d068a7b3ab727a8745774e430aca.js”></script>
  • 에 구성된 대로 HTML 파일 추가 path 를 프로젝트의 GitHub 저장소에 추가합니다.
    <script src=“https://gist.github.com/rofe/0de48b1696c7334f6fdbd9f63993aad2.js”></script>
  • 동일한 디렉터리에 선택적 CSS 파일을 추가하고 논리가 있는 JS 파일을 추가합니다.
    <script src=“https://gist.github.com/rofe/8357f72407683cf4bd27c5d364b71af7.js”></script>
  • 구성된 와(과) 일치하는 프로젝트 URL 열기 path 그리고 사이드 킥을 클릭하여 뷰어의 작동 상태를 확인합니다.
recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec