덧글에 대한 첫 번째 게시물에 대한 배지

Question

나는이 첫 번째 사용자 지정 워드 프레스 사이트 (총 newb, 심지어 거짓말하지 않을 것입니다.)를 설치하고이 성가신 문제를 제외하고는 잘 돌아 다니며 인터넷 검색이 도움이되지 않습니다. 내가 더, 첫 번째 게시물에 대한 만 배지가에 을 보여줍니다 게시 될 때까지 http://tvmopperator.com/blog/

내 사용자 지정 후 주석 배지 블로그 게시물의 내용 page.php에 미세을 보여줍니다 여기에 문제가있는 링크입니다 마지막 게시글. 예, 첫 번째 게시물의 댓글 배지는 첫 번째 게시물의 정확한 댓글 개수와 링크가 포함 된 최신 게시물에 표시되지만 마지막 게시물 (예 :!)에 첨부됩니다. 다른 게시물 (첫 번째 포함)은 배지를 표시하지 않습니다. 나는 이것이 하루 종일이 첫 번째 stackoverflow 질문이 될 것입니다. 여기

는 주석 배지 코드입니다 :

<div class="post-comments-badge"> 
    <a href="<?php comments_link(); ?>"><i class="fa fa-comments"></i> <?php comments_number(0, 1, '%'); ?></a> 
</div><!-- post-comments-badge --> 

이 문제가 될 수 있도록 내가 개별 발췌 포스트의 "content.php"파일을 가지고이 정확히 동일합니다 ...하지만 그게 무슨 내 강사 그랬어.

나는 Udemy에 과정을 다음 해요 : https://www.udemy.com/bootstrap-to-wordpress/learn/v4/content

이 문제에 어떤 도움을 감사하겠습니다.

Answer 1

post-comments-badge 클래스는 절대 위치 스타일을 사용하여 한 위치에서 고정되므로 모든 주석 배지가 서로 겹치기 때문에 하나의 주석 배지 만 표시되는 이유가 있습니다.

이 코드에서 문제가있는 부분이다 :

.post-comments-badge 
{ 
height: 70px; 
width: 70px; 
position: absolute; 
top: 25px; 
right: 20px; 
border: none; 
-webkit-border-radius: 100%; 
-moz-border-radius: 100%; 
border-radius: 100%; 
background: #4c213d; 
text-align: center; 
display: table; 
} 

이

position: absolute; 
top: 25px; 
right: 20px; 

결과 코드를 제거

.post-comments-badge 
{ 
height: 70px; 
width: 70px; 
float: right; 
clear: right; 
border: none; 
-webkit-border-radius: 100%; 
-moz-border-radius: 100%; 
border-radius: 100%; 
background: #4c213d; 
text-align: center; 
display: table; 
}