082NeT

코멘트 스타일 바꾸기

조금씩 테마를 수정해가던중 얼마전부터 코멘트스타일을 바꿨습니다. 아래 첨부된 이미지처럼 홀수, 짝수, 글작성자(author)의 코멘트 스타일을 조금씩 다르게 틀리게 한거죠.

comment-list-style

1. 테마의 comments.php파일 수정하기

우선 comments.php파일을 수정해야 합니다.

가) 테마의 홀수, 짝수 코멘트 스타일 지원 확인하기
  • 워드프레스의 Default 테마는 이 기능을 지원합니다.
  • 워드프레스 테마페이지에 있는 모든 테마(blix, almost spring, connections, green-marinee, ocadia, pool)도 이 기능을 지원합니다.
  • 아래 그림처럼 홀수, 짝수코멘트의 스타일이 틀리다면 그 테마가 지원한다는 겁니다.

    Default Theme Comment Style

[spoiler ‘글 계속 보기”글 그만 닫기’]

ㄱ) 홀,짝수 코멘트 스타일이 적용되지 않은 테마사용자의 경우

[spoiler ‘여기를 클릭하세요”이제 다 봤습니다’]

  • comments.php파일의 맨 위쪽에 아래코드를 삽입합니다. 
    

    • 

  •  부분을 찾아 그 바로 윗쪽에 아래코드를 삽입합니다.

    

    • 



[/spoiler]


나) 코멘트 스타일 바꾸기


현재 사용중인 comments.php파일을 텍스트 에디터로 여세요


    

  •  부분을 찾아 바로 아랫쪽을 보시면

    

    와 비슷한 부분이 있습니다. 이 태그의 class에 아래내용처럼 코드를 추가해주세요.
    

    

    • 

  • 위 코드에서 $oddcomment 는 테마에 따라 다를 수 있습니다. 각 테마에 맞게 바꿔 넣으시길 바랍니다. 
    • 



다) 결과를 예상해보자면..


    

  • 홀수 코멘트의 경우
    

    

  • 

  • 짝수 코멘트의 경우
    

    

  • 

  • 글작성자 코멘트의 경우
    

    

  • 



2. 테마의 style.css파일 수정하기


    

  • 테마의 style.css파일을 텍스트 에디터로 여세요. 
    • 

  • style.css파일의 적당한 위치에 아래와 같은 형식으로 스타일 코드를 추가합니다.

    • 

  • 짝수 코멘트 스타일은 기존 사용하던 스타일을 사용하게됩니다. 
    • 

  • 홀수, 짝수 코멘트 스타일을 지원하는 테마에서는 .commentlist li.authorcmt 부분만 추가하시면 됩니다. 
    • 



3. 워드프레스 테마별 수정파일


    

  • comment.php, style.css파일을 따로 수정하지 않으신분께서는 아래 첨부된 압축파일을 다운받아서 사용하셔도 됩니다. 
    • 

  • 압축을 풀면 폴더별로 각 테마의 comments.php, style.css파일이 있습니다. 이 파일들을 현재 사용중인 테마폴더에 업로드하시면 됩니다. 
    • 

  • 첨부된 파일의 테마별 버젼 :: Almost-spring(1.2), Blix(0.9.1), Connections(1.0), Green-marinee(1.0), Ocadia(1.2), Pool(1.0.7) 
    • 



[/spoiler]


download  commet-style.zip(26.9 KB)















082net






, , 
















	

		4 responses to “코멘트 스타일 바꾸기”	


	

		

		

	


	
    
			
  1. 
			
    
				

				
    
					
    @skydancer:: 기대해 주시는 분이 있으니 힘이 납니다~~ 8)
    
skydancer(하늘춤꾼 ^^;)님도 설 잘보내셨죠? 저야.. 여느 휴일과 마찬가지로…;;;;딩글..긁적…딩글…
    
				
    

							
    
		
    2. 
		
  2. 
			
    
				

				
    
					
    설은 잘 보내셨나요 ~ 영팔님 ~ :)
    
이런 유용한 정보들을 자주 올려주시니 감사드립니다 ~
    
앞으로도 쭈욱 기대하겠습니다 ~ ^^ (심리적 압박용 멘트~ ;))
    
				
    

							
    
		
    3. 
		
  3. 
			
    
				

				
    
					
    과분한 말씀해주시니 몸 둘바를 모르겠네요..^^;두서없는 정보들이 도움이 되었다니 다행입니다. 저도 이곳 저곳의 여러분들께 도움을 받아온터라, 이렇게 가끔씩 내용들을 정리해서 글로 작성하다보면 그 분들께서 적지않은 시간과 정성을 투자했었슴을 새삼 느끼게 됩니다. 워드프레스가 더욱  활성화되고, 유저들이 활발히 정보를 교환하는 공간이 생겨, 저도 그렇고 많은 사람들이 좀 더 쉽고 유용하게 워드프레스를 사용하게 되었으면 하는 바램입니다. ;)
    
새해 복 많이 받으세요~
    
				
    

							
    
		
    4. 
		
  4. 
			
    
				

				
    
					
    늘 들를 때마다 좋은 정보들 얻고 갑니다.
    
워드프레스를 만지면서 이건 어떻게 하는거지? 하는 질문중
    
많은 답들을 영팔이님 블로그에서 얻습니다.
    
저같이 초보자들에게는 정말 귀한 수업들이랍니다.
    
이렇게 유익한 내용들을 정리하고 만드는 것이
    
많은 정성을 요하는 일인것은 아는터라 더 감사합니다.
    
늘 눈팅만 하다가 도저히 답글 하나 안남기는 것은
    
인간으로서 도리가 아니라 생각되어^^ 이렇게 글 남깁니다.
    
앞으로도 많은 배움 받겠습니다. 고맙습니다.
    
				
    

							
    
		
    5.