WordPress GitHub Reposity Embed Block
포스트를 작성하면서 GitHub 링크를 표시할 필요가 있어 사용중인 플러그인이 있다.
사실 그냥 텍스트에 링크만 걸어도 되지만, 좀 더 보기 좋게 표시하기 위해 사용하고 있는 플러그인 중에 하나이다.
기본 탑재된 Embed 블럭의 경우 GitHub 링크는 지원하지 않는다.
그래서 지금은 Embed Block for GitHub 라는 플러그인을 사용 중이다.
예를 들면 다음과 같이 일반 텍스트 링크 보다 훨씬 보기 좋게 표시해 준다.
https://github.com/kkomzi7179/MdiTabStripCS
해당 플러그인을 설치한 다음 포스트 편집화면에서 블럭 목록 중에 GitHub Repo 블럭을 추가해서 사용하면 된다.
블럭을 추가한 다음 우측 블럭 속성에서 GitHub 링크를 지정해 주면 된다.
GitHub 프로필 링크는 지원되지 않고 현재는 Repository 링크만 지원하는 것 같다.
Embed Block for GitHub 플러그인 링크 클릭 안되는 버그 수정
근데 현재(2022-10-12 기준) 시점까지 추가된 블럭에서 링크가 클릭이 되지 않는 버그가 있다.
그래서 지금까지는 해당 블럭 외에 텍스트 링크를 추가해서 클릭할 수 있게끔 처리했다.
근데 이게 생각보다 번거로워서 해결 방법을 찾아 보았는데 생각보다 쉽게 찾을 수 있었다.
해당 포럼(Link does not click | WordPress.org) 에서 해결 방법을 찾을 수 있었다.
몇가지가 있지만 내 경우엔 다음의 CSS 를 활성 테마의 추가 CSS 에 추가 하는게 간편하고 동작에도 전혀 문제가 없었다.
/************************** BEGIN Embed Block for GitHub clickable */
.ebg-br-wrapper > .ebg-br-background-image { pointer-events: none; }
/************************** END Embed Block for GitHub clickable */
해당 스타일을 적용하고 나면 해당 블럭의 Repository 와 Profile 링크 모두 제대로 동작한다.
0 Comments