Blogger 템플릿 : 라벨 기반의 블로그 게시물 스타일

Question

게시물과 연결된 라벨을 기반으로 블로그 게시물의 스타일을 변경하려고합니다 (예 : 제목 색상 변경).

나는 템플리트에 조금 익숙하기 때문에 제목이 <h3> 인 레이블을 가진 클래스를 추가하고 CSS 규칙을 추가 할 예정입니다.

그래서 내가 공백으로 구분하여 라벨의 적절한 목록을 생성 할 것이다이 발견

그러나

<b:loop values='data:post.labels' var='label'><data:label.name/> </b:loop> 

를, 발리 나에게 다음과 같이 클래스의 속성 내에서이 문제를 추가 할 수없는 것

<h3 class='post-title entry-title <b:loop values="data:post.labels" var="label"><data:label.name/> </b:loop>'> 

거기에서 해결책의 절반을 발견했습니다. 다음과 같이 클래스 대신 클래스 : 분명히, 나는 EXPR를 사용해야합니다

<h3 expr:class='&quot;post-title entry-title &quot; + data:list_of_labels'> 

을 이제 :
-이 변수 데이터를 구축 할 수 있습니다 방법 : list_of_labels를? (기본적으로 변수를 설정하는 방법)
- 어딘가에 템플릿 구문에 대한 전체 설명이 있습니까?
-이 문제를 해결할 다른 방법이 있습니까?

감사합니다, JB

Answer 1

블로거 데이터 XML의 변수를 설정하는 방법은 없습니다, 그러나 당신은 자바 스크립트를 사용하여 변수를 설정할 수 있습니다.

블로거 데이터 XML에는 많은 페이지가 있습니다. Google은 귀하의 친구입니다. 예 : this one.

올바른 길을 가고 있습니다. 루프를 실행하고 자바 스크립트를 사용하여 원하는 조합을 확인하거나 스타일 속성을 변경하거나 CSS 파일을 동적으로로드하십시오.

Answer 2

이렇게해야합니다. XML 엔티티를 사용하면 XML 유효성 검사를 생략하고 Blogger 기능을 필요한 곳으로 이동할 수 있습니다. 여기에 대한 자세한 설명 : http://www.karlhorky.com/2012/06/add-blogger-labels-to-post-as-css.html

&lt;div class=&quot;post<b:if cond="data:post.labels"><b:loop values="data:post.labels" var="label"> <data:label.name></data:label.name></b:loop></b:if>&quot;&gt; 
    <data:post.body> 
&lt;/div&gt;