웹 페이지를 패널로 넣는 Custom Frames 플러그인

개요

Custom Frames은 옵시디언에서 웹 애플리케이션을 패널로 사용할 수 있는 플러그인입니다. 사용자 정의 스타일링 기능이 있으며, Google Keep, Todoist 등을 포함한 프리셋도 함께 제공됩니다.

Plugin Info

플러그인 명	Custom Frames
플러그인 설명	웹 애플리케이션을 옵시디언 탭으로 만들 수 있는 플러그인
플러그인 분류	디스플레이 확장
Github 링크	Github 링크
옵시디언 링크	플러그인 링크
별점	⭐⭐

사용 방법

이 플러그인을 사용하려면 설정으로 이동하여 플러그인에 함께 제공되는 프리셋에서 새로운 프레임을 추가하거나 직접 편집할 수 있는 Custom frame을 추가하면 됩니다.

패널 모드

패널 추가

설정에서 Custom frame을 추가합니다. 프리셋을 선택하거나, Custom을 선택해 필요한 웹페이지를 추가할 수 있습니다. 

실행

추가한 프레임은 명령어 Custom Frames: Open으로 시작할 수 있습니다. (명령어가 보이지 않을 시 옵시디언을 재시작합니다.)

프레임 설정

각 프레임 설정에는 용자 정의 CSS를 추가, 리본 아이콘 추가 등 프레임을 커스터마이즈할 수 있는 다양한 설정이 있습니다.

마크다운 모드

마크다운 문서에서 Custom frame을 표시할 수도 있습니다. Custom frame은 특별한 코드 블록 구문을 추가하여 라이브 미리보기와 읽기 모드에서 코드 블록을 사용자 정의 프레임으로 변환합니다. 코드 블록은 다음과 같이 보일 것입니다:

```custom-frames
frame: YOUR FRAME'S NAME
```

선택적으로, 임베드의 높이와 같은 것들을 변경할 수 있는 커스텀 스타일 설정을 임베드에 전달할 수 있으며, Google Keep에서 특정 노트를 표시하는 것과 같은 용도로 유용할 수 있는 프레임의 일반 URL에 추가될 추가 접미사도 전달할 수 있습니다.

 

Google Keep 프리셋을 사용한 예시는 다음과 같습니다:

```custom-frames
frame: Google Keep
style: height: 1000px;
urlSuffix: #reminders
```

프리셋

Custom Frames는 인기 있는 사이트들을 빠르게 시작할 수 있도록 몇 가지 프리셋을 제공합니다.

• Obsidian 포럼
• Google Keep: 사이드 패널에 좁게 최적화됨
• Google Calendar: 몇몇 버튼을 제거하여 최적화됨. 상단 왼쪽 버튼으로 사이드 패널 닫기 가능.
• Todoist: 일부 버튼을 제거하고 마진을 줄여서 좁은 (반 높이) 사이드 패널에 최적화됨.
• Notion: 사이드 패널로 사용될 경우 Notion의 사이드바를 닫는 것이 권장됨
• Twitter

관련 플러그인

옵시디언에서 웹 브라우저 기능을 구현 - Surfing 플러그인

---