워드프레스 Github 플러그인

Published May 19, 2023 | Updated Jul 7, 2023 | 0 comments

Github 저장소를 표시하기 위한 블럭의 부재

최근에는 개발 관련 포스팅의 경우 되도록 이면 예제 코드를 Github 에 올려두고 관련 설명을 하는 편입니다.
워드프레스에서 기본 블럭으로 포함된 임베드(Embed) 블럭은 Github repository 를 표시할 수 없습니다.
그래서 대안을 찾다가 새로운 플러그인(Github Embed)을 설치해서
기존의 Embed 블럭으로 Github repository 를 표시할 수 있게 수정해서 사용하는 과정을 설명합니다.

Embed Block for GitHub 플러그인 사용

Embed Block for GitHub 플러그인을 설치하면 기본 편집기에서 GitHub Repo 블럭이 추가됩니다.
해당 블럭을 추가해서 Github 저장소 경로를 지정해서 사용하면 됩니다.

Embed Block for GitHub 플러그인 사용 시 아래와 같이 깔끔하게 보여지는 부분이 개인적으로 마음에 들어서 계속 사용해 왔습니다.

Embed Block for GitHub 플러그인 클릭 버그 수정

Embed Block for GitHub 플러그인은 유지보수가 되지 않고 있는 상황이라 링크가 클릭 되지 않는 버그만 수정해서 잘 사용하고 있었습니다.
링크클릭 버그 관련 수정사항은 아래 포스틩을 참조하시면 됩니다.

Embed Block for GitHub 플러그인 오류

최근에 포스팅을 하면서 Github 저장소를 표시할 일이 있어 해당 블럭을 사용할려고 하는데
편집 화면에서 다음과 같이 에러가 발생하면서 Github 저장소 경로를 지정할 수 없게 되었습니다.
관련 포럼과 플러그인 Github 저장소도 확인해 봤지만 수정할 방법을 찾지 못하였습니다.
기존에 작성된 내용은 제대로 표시가 되지만 더이상 기존 포스팅을 수정하거나 새로 추가할 수가 없습니다.

테스트용 워드프레스 사이트에서 해당 플러그인만 활성화 한 상태에서도 동일한 증상이 나타납니다.

워드프레스가 버전업 되면서 어느 시점부터 충돌이 나는 듯 합니다.

유지 보수가 되지 않는 상황이라 굳이 해당 플러그인을 계속 사용할 이유가 없어 고민하다가
대체가 가능한 플러그인을 찾아서 소개하고자 합니다.

Github Embed 플러그인으로 대체

Github Embed 플러그인을 설치해서 사용 중입니다.
Embed Block for GitHub 플러그인 처럼 별도 블럭이 추가되는 형식이 아니라
기존 임베드(Embed) 블럭으로 Github URL 을 지정할 수 있게 하는 기능을 합니다.

Embed Block for GitHub 플러그인 비교하면
URL 에 따라 저장소, 프로필, 마일스톤, 기여자 로 구분해서 표시해 줍니다.
저장소의 경우 다음과 같이 표시가 됩니다.
자세한 내용은 위 링크를 참조하시면 됩니다.

기존 블럭 대체 방법

혹시 기존에 사용하던 블럭을 교체 하실려면 다음 포스팅을 참조해서
Embed Block for GitHub 플러그인으로 포함된 블럭(wp:embed-block-for-github)이 사용된
포스트 목록을 검색한 다음 모두 교체하시면 됩니다.

Learn more on this topic

Related Blog Posts

워드프레스 재사용 가능 블록 – Read More

워드프레스 재사용 가능 블록 – Read More

워드프레스로 글을 작성하다 보면 일부 항목을 숨긴 상태로 표시했다가 필요한 경우 사이트를 방문한 사용자가 직접 펼쳐서 내용을 확인하게 하는 방식으로 작성 하는 경우가 있습니다. 이런 경우 Read More 로 검색해 보면 다양한 플러그인이 존재합니다. 아니면 Content Toggle (Accordion) Block For Gutenberg - Ultimate Blocks 같은 블록모음 플러그인을 설치해서 해당 블록을 사용할 수도 있습니다. 하지만 이와 같은 방법은 플러그인...

read more

티스토리에서 워드프레스로 블로그 이전 후 Redirect

Wordpress로 이전 한지 꽤 시간이 지났음에도 아직도 예전 블로그 글들이 오래전에 작성된 거라 더 노출이 잘 되는듯 하다 그래서 이전 블로그 조회시 현재 블로그에 동일한 글이 있는 경우 Page 를 Redirect 하게 끔 수정해 보았다. 두 사이트 모두 permalink 를 동일한 형식으로 사용중이고, 이전 사이트 에서 마이그레이션(링크 참조) 한 상태라 일부러 삭제한 글을 제외하면 동일한 경로에 존재한다. 현재 Wordpress 사이트에 CORS 설정이 필요하다...

read more
워드프레스 디버깅

워드프레스 디버깅

워드프레스는 기본적으로 최초 발행일을 표시하게 되어있다. 하지만 난 최초 발행일 뿐만 아니라 최종 수정시점을 표시하기 위해 아래 포스팅에서 작성한 것처럼 마지막 수정일 포함해서 반환하게 수정했었다 https://blog.kkomzi.net/24777 그 이후 며칠 아무 이상 없이 사이트가 잘 작동하는 줄 알았다 하지만 언제 부턴가 관리자 Dashboard 페이지가 일부만 표시되고 나머지 위젯들이 표시가 되지 않았다 정상적인 상황에서는 Site Health Status 가...

read more

Join in the conversation

Leave a Comment

0 Comments

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

무료 온라인 전광판

전광판

텍스트를 입력하고 텍스트 효과 및 배경효과 를 변경해서 전체화면으로 표시할 수 있는 전광판 용도로 사용하실 수 있습니다. 각종 스포츠 및 공연 관람시 응원 용도로 사용이 가능합니다.

Carousel

여러개의 슬라이드를 추가하여 프레젠테이션 및 이미지 슬라이드 용도로 사용하실 수 있습니다. 브라우저가 포함된 IT 기기로 큰 모니터에 연결하여 매장 내 공지사항 및 메뉴소개를 이미지로 표시할 수 있습니다.

Pin It on Pinterest

Shares
Share This

Share This

Share this post with your friends!

Shares