Blogger - 09 Snippet 연산자

Blogger - 스니펫 연산자 - post.body, post.snippet, post.snippets.long
3 min read

Snippet 연산자는 게시물 본문 요약글입니다. 게시물 목록의 짧은 글을 볼 수 있을 텐데, Snippet 연산자를 이용한 것입니다.

Snippet 연산자

파라미터 설명
length 문자열 최대 길이 설정. 숫자만 입력 가능.
최소 50 ~ 1000자 이내.
기본 값: 50
linebreaks 줄바꿈 사용할지 결정.
true or false 중 하나.
기본 값: true
links 링크를 허용할지 결정.
true or false 중 하나.
기본 값: true
ellipsis 요약글 끝에 점(…)을 추가할지 결정.
true or false 중 하나.
기본 값: true

snippet은 최소 50자 이내, 최대 길이는 1000자를 넘지 않으며, HTML 태그 형식(bold, italic, 링크가 걸린 글자 또는 줄바꿈)이 제거된 일반 문자열을 반환합니다.

<b:eval
 expr='data:post.body snippet {
  length: 150,
  links: false,
  linebreaks: false,
  ellipsis: false }'
/>

linebreaks, links, ellipsis는 기본값이 true 입니다. 허용하지 않으려면 false로 설정합니다.

ellipsis는 요약글 끝에 점 세 개가 붙고, 줄바꿈은 <br/> 태그로 변환됩니다.

links는 링크 태그가 있는 경우 허용할지를 결정할 수 있습니다.

아래에서 게시물 요약글을 표현하기 위한 몇 가지 방법에 대해서 알아보겠습니다. 테마 / 템플릿마다 설정 가능한 곳이 조금씩 다를 수 있지만 게시물 본문은 보통 아래 코드 안에서 대부분 설정이 가능합니다.

<b:includable id='post' var='post'>
  ... ...
</b:includable>

예제 1

본문(post.body)을 snippet으로 사용할 경우 HTML 태그 형식을 포함하여 출력합니다. 또한 게시물 본문 최대 길이 1000자 이내로 설정할 수 있습니다.

다음은 본문(post.body) 길이를 150자 이내로 설정한 예시입니다.

<!-- 기본 값 -->
<data:post.body/>

<!-- 특정 값 설정 시 -->
<b:eval expr='data:post.body snippet { length: 150 }'/>

예제 2

본문 요약글(post.snippet)을 snippet으로 사용할 경우 HTML 태그 형식(bold체, italic체, 링크가 걸린 글자)이 제거되며, 문자열 길이의 기본 값은 128자입니다.

다음은 본문요약글(post.snippet) 길이를 80자 이내로 설정한 예시입니다.

<!-- 기본 값 -->
<data:post.snippet/>

<!-- 특정 값 설정 시 -->
<b:eval expr='data:post.snippet snippet { length: 80 }'/>

예제 3

긴 본문 요약글(post.snippets.long)을 snippet으로 사용할 경우 문자열 길이의 기본 값은 1000자이며, HTML 태그 형식이 제거됩니다.

다음은 긴 본문 요약글(post.longSnippet) 길이를 80자 이내로 설정한 예시입니다.

<!-- 위젯 버전 2 레이아웃 버전 3 -->
<html b:defaultwidgetversion='2' b:layoutsVersion='3' b:templateVersion='1.3.0'>
<!-- 기본 값 -->
<data:post.snippets.long/>

<!-- 특정 값 설정 시 -->
<b:eval expr='data:post.snippets.long snippet { length: 80 }'/>

You may like these posts

  • eval 연산자는 표현식의 결과를 표시하는데 사용됩니다. 블로거 데이터 값이나 문자열과 결합한 값을 출력합니다. eval 연산자 eval 연산자는 expr에 있는 블로거 변수와 일반 문자열, 그리고 숫자와 같은 값을 결합한 새로운 값을 출력합니다. <b:eval expr='조건식'/> 예를 들어 구독 …
  • 배열 연산자를 사용하면 배열의 출력 결과를 제어 할 수 있습니다. 연산자 목록 이름 연산자 피연산자 기본 구문 결과 까지 take …
  • URL 연산자는 URL를 구성하거나 추가하는 연산자입니다. URL 연산자 연산자 설명 path 새로운 URL 만듦 appendParams …
  • Membership 연산자는 값이 배열에 포함된 값과 같은지 검사하는 연산자입니다. 결과는 불리언 값을 반환합니다. 연산자 목록 이름 연산자 피연산자 기본 구문 결과 …
  • 이미지 연산자는 이미지의 크기와 비율을 재정의하거나 반응형으로 만드는 것과 같은 특성을 Google 이미지의 URL에 적용할 수 있도록 하는 Blogger 전용 연산자입니다. 구문 이름 연산자 피연산자 응용 구문 …
  • 삼항 연산자는 조건부 연산자로 ' ? ' 와 ' : '를 사용합니다. if / else 와 동일하게 동작합니다. 삼항 연산자 삼항 연산자는 expr1이 참이면 expr2를 반환하고, 거짓이면 expr3을 반환합니다. (expr1) ? (expr2) : (expr3) 첫 번째에는 조건식이 들어…

Post a Comment