다음검색에 의한 스킨오류 해결했습니다.(Periwinkle 0.12스킨 코드첨부)

지난날 판올림 후 다음검색결과 오류로 인해 참 많이 삽질했습니다. 덕뿐에 제 검색결과는 엉망이 되었었죠.

다음결과 엉망 포스트 http://moalog.com/150
스킨교체로 해결 포스트 http://moalog.com/152

좀전 글에 스킨 교체로 일부 해결했지만 바꾼스킨이 맘에 들지않아 그냥 내가 스킨하나 만들어 보자 하고 생각지도 않은 스킨제작을 하게 되었습니다.
스킨 레이아웃을 잡고 적용해보니 처음에는 정상결과가 노출되었으나 어느 한 코드를 건들자 다시 검색결과가 엉망이 되는거 아니겠습니까?
문제점을 파악하다 원인을 알고 해결하였습니다.
그러던차중 Periwinkle 0.12 스킨도 제가 제작하고 있는 스킨이랑 동일현상이 발생되 코드를 살펴보니 문제점이 동일하더군요.
이쁘기도 하고 반응형스킨인 Periwinkle 0.12. 많은 텍큐유저들이 사용하시고 있기에 공유합니다.

원인
다음검색결과에 검색된 페이지의 소스를 보니 아래 코드를 제목과 게시내용으로 인식하고 글거오더라고요.(rss로 긁어올줄 알았는대 참 의외더라고요.)
{section id=recentPostWidget class=widget}
  {div class=hslice id=recentEntriesWebslice style=margin:0;padding:0;}
    {h4 class=entry-title style=visibility:hidden;height:0;margin:0;padding:0;}모아로그 - 최근 글{/h4}
    {div class=entry-content style=margin:0;padding:0;}
      {ol id=recentEntries class=list-group}
        {li class=list-group-item active-info}
          {a data-toggle=collapse data-parent=#accordion href=#collapse06}{h4}{i class=fa fa-edit}{/i} Recent Posts{/h4}{/a}
        {/li}
      {div id=collapse06 class=panel-collapse collapse in}
        {li class=list-group-item list-item}
          {a href=/tts/514}
            Justin Bieber "Baby" (LIVE) at ...{/a}
            {span class=count}{span id=commentCountOnRecentEntries514}(22){/span}{/span}
            {span class=author}by {cite}{a href=/tts/author/%EC%95%84%EB%9D%BC%EB%B9%84%EC%B9%B4}모아로그{/a}{/cite}{/span}{/li}

즉 전체 코드상에서 첫번째로 노출되는 class값의 class=entry-title 를 제목으로, class=entry-content 는 내용으로 인식하여 불러오고 있었습니다.
스킨상에서 최근게시물, 최근글, 최근코멘트, 최근트래백등을 감싸고있는 태그 class 값이 skin.html에는 아무런 표시도 안했지만 자동으로 class=entry-title, class=entry-content 속성이 붙어버리더라고요.
아마 내부코드상 자동으로 설정되는 내부코드인거 같기에 스킨상에서 빼는거는 포기했습니다.
첫번째로 불러오는 class값의 entry-title 를 제목으로, entry-content값을 내용으로 불러오게끔 수정해 보았습니다.

1. 제목부분
정상노출 제목표시쪽 포인트아이콘인 {i class=fa fa-pencil-square-o}{/i} 코드만 삽입하면 {a} 태그속성에서 class=entry-title 이 사라지는 현상발생으로 삭제.

skin.html 파일

377.                    {div class=page-header}
378.                        {h3}
379.                            {a href=[##_article_rep_link_##]}{i class=fa fa-pencil-square-o}{/i} 삭제[##_article_rep_title_##]{/a}
380.                        {/h3}
381.                    {/div}

2. 본문부분
본문부분에 [##_article_rep_desc_##]를 감싸는 부분이 없음으로 class=entry-content 속성값이 없어서 {div} 추가. ({p}태그 추가시에도 class=entry-content 속성값이 적용되지 않습니다.)

skin.html 파일

395.                        {dl class=well well-sm information}
396.                            {dd class=posted date}{span class=label label-success}{i class=fa fa-clock-o}{/i} Posted{/span} {time}[##_article_rep_date_##]{/time}{/dd}
397.                            {dd class=category}{span class=label label-default}{i class=glyphicon glyphicon-list}{/i} Filed under{/span} {a href=[##_article_rep_category_link_##]}[##_article_rep_category_##]{/a}{/dd}
398.                        {/dl}
                                                {div} 추가
399.                        [##_article_rep_desc_##]
                                                {/div} 추가
340.                    {/article}
341.                {/section}

위 코드는 콘텐츠뷰쪽 페이지에 해당된 거며 태그, 로컬, 공지사항뷰페이지 등은 검색에 반영되지도 않고 여기에다 추가해서 올리면 내용도 복잡해 져서 언급은 안하겠습니다.
수정하실 분은 코드를 찾아 추가수정 해 주세요.

제가 이것때문에 몇날 몇일을 고생하다 스킨도 제작하게됬구 제작하다 문제점도 파악되 테스트하여 다음쪽 검색결과가 정상적으로 노출되는 것을 확인했습니다.

＊정상반영 본인블로그 검색결과 링크 http://search.daum.net/search?nil_sugge … amp;DA=STC
＊비정상반영 코딩스타님 검색결과 링크 http://search.daum.net/search?w=blog&am … amp;DA=BR1

타인의 블로그 거론하는건 하면 안되는 거지만... 다음검색을 삽질하다 코딩스타님 블로그도 저와 똫같이 비정상적인 검색결과가 노출대기에 참고삼아 링크해봤습니다.

다음쪽에 문의도 해봤지만 원인을 모르겠다 파악해서 수정해 주겠으니 기다려달라는 답변메일만 반복되었습니다.(오류는 며느리도 몰라...)
회사일도 바쁜대 집에와서도 잠자는시간 빼고 오류테스트만 해 눈밑 다크써클이 무릅까지 내려왔답니다.
괜히 정확하지도 않는 정보 공유했다가 욕만 먹을꺼 같아 망서리다가 공유해봅니다.
혹 오류가 나더라도 너무 원망하지 마세요.
날씨도 추운대 감기조심하시고 행복한 하루 되시길 바랄깨요.
그리고 제가 오랬동안 잠수타다 블로그를 다시 시작해서 블로그 친구가 없습니다. 놀러오세요~!! http://moalog.com     

테그첨부로 인해 글쓰기가안되 쌍따옴표는 삭제, 꺽쇄표시는 대괄호표시로 변경하여 올립니다. 제인생 자체가 삽질인가 봅니다.

모아로그 (2014-12-19 17:03:34)에 의해 마지막으로 수정