블로그 태그

3460 단어 bloggertech

<b:includable> 라벨의 역할


에서 사용할 구성 요소를 정의합니다.또한 에서는 다른 를 끼워 넣을 수 있어 Atomic 디자인으로 만들 수 있습니다.

<b:includable> 태그 속성


<b:includable
    id='*'
    var='*'
>

id 속성(필수)



의향
*
고유 값

var 속성



의향
*
<데이터:> 참조할 수 있는 변수 정의includtable을 어셈블리로 사용하는 경우 var은 React 또는 Vue를 사용합니다.js에 해당하는props.

특수<b:includio> 탭


블로그에 all-head-contentgoogle-analytics 두 개의 탭에 삽입된 특수 가 존재합니다.이것들은 모두 블로그의 서버에 의해 정의된 것으로 탭에서 에서 사용할 수 있습니다.
https://github.com/kittybbit/blogger-templates/blob/b0dbeb0f68956ffc1292257c4cfb33121bac7161/tech-blog-template.xml#L4-L7

all-head-content


favicon, 브라우저 테마 색상, RSS 피드 등의 정보를 포함합니다.어떤 정보가 삽입되는지는 <>탭b:layoutsVersion 속성과 블로그의 설정에 달려 있지만, 기본적으로 삽입하는 것은 문제가 없다.

google-analytics


블로그의 웹 사이트 설정에 정의된 Google Analythics의 추적 ID의 ggjs를 삽입합니다.또 2022년 4월에는 블로그 설정 화면에 GA4의 측정 ID를 입력할 수 없다.

<b:includable> 탭 사용 방법


에서 사용할 수 있는 곳에서 라벨을 기술하고 의 id 속성을 의name 속성으로 지정할 수 있습니다.
또한 의 type 속성에서common 이외의 속성을 지정하면 type에서 지정한 위젯만 할 수 있습니다.
https://github.com/kittybbit/blogger-templates/blob/b0dbeb0f68956ffc1292257c4cfb33121bac7161/tech-blog-template.xml#L649-L658
https://zenn.dev/kittybbit/articles/bf8417d19876cf
https://zenn.dev/kittybbit/articles/9a7518ac4dfadf
https://zenn.dev/kittybbit/articles/818c3477a155d0
https://zenn.dev/kittybbit/articles/988bf6d5cc21a9

좋은 웹페이지 즐겨찾기