17 years, 6 months 전-
어찌어찌하여..우여곡절끝에
테크노라티를 Bunny’s Technorati Tags 를 이용하여..
포스트에 표현되게 하였습니다.Index.php에 <?php the_bunny_tags(); ?> 를 추가하여
출력하였는데..(제 테마를 Almost Spring입니다.)
원하는데로 나오지 않네요..
현재의 모습은 이렇습니다.
이것을 이것과 같은
아이콘, 글자크기, 색상, 기울기….등 똑같이 표현하고 싶은데
방법을 모르겠습니다.. :-//도움을 주시면 고맙겠습니다..^^
참 블로그 주소는 http://heeya7420.dothome.co.kr/wordpress/
입니다.Bunny’s Technorati Tags 도 좋은 플러그인 이지만,
로컬태그, 플리커태그 등을 활용할 수 있는 Jerome’s Keywords 나 Ultimate Tag Warrior(UTW)를 사용하시면 좀 더 폭 넓게 태그를 활용 하실 수 있습니다. 또한 각각의 플러그인들이 태그 관리기능을 가지고 있기때문에 일괄적으로 태그를 수정 할 수도 있어 편리하기도 하죠.Bunny’s Technorati Tags는 사용해 보지 않은 플러그인이라 정확한 설명은 힘들고, 테마에서 표현되는 부분을 수정하신 뒤 스타일을 추가하시면 될 듯 합니다.
neolasma님의 블로그를 확인해 보니<p class="tags">Tags: <a href=....>태그링크들</a>, ......</p>와 같이 표현되던데요.
앞에 표현되는 이미지는 따로 구해서 직접 삽입하셔도 되고 background로 지정하셔도 되며, 링크 부분에 스타일을 추가하시면 되겠군요.
background로 지정할 경우 테마의 스타일 파일(style.css)에 아래와 같은 내용을 추가하시면 됩니다.(참고용으로 적는 것이므로 말씀하신 스타일과는 다릅니다.)
p.tags {/* background 로 지정하는 내용 */
padding-left: 20px; /* 이미지 크기보다 조금 크게 설정 */
background-image: url('tag-image.jpg'); /* 이미지 경로 지정 */
background-repeat: no-repeat;
background-position: left top;
}p.tags a {/* 태그 링크 스타일 지정 */
color: #09F; /* 글씨색 */
text-decoration: underline; /* 링크에 밑줄 */
font-style: italic; /* 글자 기울임 */
}p.tags a:hover { /* 마우스를 올렸을때 스타일 지정 */
color: #07C; /* 글씨색 */
}p.tags a:visited { /* 한번 방문했던 링크 스타일 지정 */
color: #808080; /* 글씨색 */
}a:hover 와 a:visited 관련 스타일은 참고용으로 추가한 것이므로 제외하셔도 무방합니다.
다른 플러그인(jerome, utw)을 사용하시더라도 유사한 방법으로 스타일을 지정해서 사용 할 수 있습니다.
Bunny’s Technorati Tags 도 좋은 플러그인 이지만,
로컬태그, 플리커태그 등을 활용할 수 있는 Jerome’s Keywords 나 Ultimate Tag Warrior(UTW)를 사용하시면 좀 더 폭 넓게 태그를 활용 하실 수 있습니다. 또한 각각의 플러그인들이 태그 관리기능을 가지고 있기때문에 일괄적으로 태그를 수정 할 수도 있어 편리하기도 하죠.Bunny’s Technorati Tags는 사용해 보지 않은 플러그인이라 정확한 설명은 힘들고, 테마에서 표현되는 부분을 수정하신 뒤 스타일을 추가하시면 될 듯 합니다.
neolasma님의 블로그를 확인해 보니<p class="tags">Tags: <a href=....>태그링크들</a>, ......</p>와 같이 표현되던데요.
앞에 표현되는 이미지는 따로 구해서 직접 삽입하셔도 되고 background로 지정하셔도 되며, 링크 부분에 스타일을 추가하시면 되겠군요.
background로 지정할 경우 테마의 스타일 파일(style.css)에 아래와 같은 내용을 추가하시면 됩니다.(참고용으로 적는 것이므로 말씀하신 스타일과는 다릅니다.)
p.tags {/* background 로 지정하는 내용 */
padding-left: 20px; /* 이미지 크기보다 조금 크게 설정 */
background-image: url('tag-image.jpg'); /* 이미지 경로 지정 */
background-repeat: no-repeat;
background-position: left top;
}p.tags a {/* 태그 링크 스타일 지정 */
color: #09F; /* 글씨색 */
text-decoration: underline; /* 링크에 밑줄 */
font-style: italic; /* 글자 기울임 */
}p.tags a:hover { /* 마우스를 올렸을때 스타일 지정 */
color: #07C; /* 글씨색 */
}p.tags a:visited { /* 한번 방문했던 링크 스타일 지정 */
color: #808080; /* 글씨색 */
}a:hover 와 a:visited 관련 스타일은 참고용으로 추가한 것이므로 제외하셔도 무방합니다.
다른 플러그인(jerome, utw)을 사용하시더라도 유사한 방법으로 스타일을 지정해서 사용 할 수 있습니다.
알려주신대로 수정을 했더니..
원하는 대로 나오는군요..:D스타일을 편집해야하는건 코덱스를 보니
알겠던데..문법을 모르는지라…
082.net님 감사드리고요..
좋은 하루 되시길 바랍니다…
- 답변은 로그인 후 가능합니다.