게시판 1개에서 최신 글 뷰 2개 만들때..

이곳 쓰레드를 통해 많은 배움 얻고 가고 있어 늘 감사합니다.

아래는 제가 겪고 있는 문제인데, 읽어봐 주시면 좋겠습니다.

 

게시판 1개에서 최신 글 뷰 2개를 만들려고 합니다.

무엇이 잘못 되었는지 잘 모르겠으나, CSS가 이상하게 적용되어 문의드립니다.

 

게시판 skin은 customer type이고,

1번 최신 글 뷰의 skin은 customer, 2번 최신 글 뷰의 skin은 thumbnail로 지정하려 합니다. (다른 화면에서 다른 레이아웃으로 보이게 하려구요)

그런데, 2번 최신 글 뷰를 만들고 나니 원본 게시판과 1번 최신 글 뷰의 skin이 thumbnail로 화면에 보이는 현상이 발생하고 있습니다.

 

크롬 개발자 모드에서 원본 게시판이 참조하는 css를 확인해보니 thumbnail을 바라 보고 있길래..

테스트 차원에서 customer 디렉토리의 list 파일 맨 윗 부분 CSS 링크를 강제로 <link rel="stylesheet" href="http://~~~~~~.co.kr/wp-content/plugins/kboard/skin/customer/style.css">로 지정해 보았습니다.

그런데도 동일한 현상이 발생하고 있어서 해결 방법을 여쭤 보려 합니다.

(아래에 화면 첨부하겠습니다.)

원래 이런 버그가 있지는 않을텐데, 제가 무엇을 잘못 한 것인지 도무지 알 수가 없네요.

 

혹시, 짐작 가는 바가 있으면 알려주시면 좋겠습니다.

감사합니다.

 

 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 문제를 조금 더 파악했습니다.

    게시판과 (그에 종속된) 최신 글 뷰를 만들 때 서로 다른 skin을 지정하는 것만으로는 문제가 생기지 않네요.

    정확한 문제는.. 하나의 화면에 "게시판과 게시판" 또는 "게시판 & 최신글 뷰"의 조합으로 출력할 때 서로 다른 skin을 사용하면 참조하는 css가 얽히는 것입니다.

    - 최신 글 뷰의 css와 게시판 css의 style 이름을 완전히 다르게 지정하고, 

    - 최신 글 뷰의 php 파일에 수정한 style 이름을 적용해서 해결하긴 했습니다.

    wordpress를 사용할 때 저와 같이 sidebar에 최신 글 view를 적용하는 분들이 다수 계실 듯 한데, 현재로서는 저와 같이 fake를 쓰는 방법 밖에는 없는 것 같습니다.

    다음 업데이트 때 고려해 주시면 좋겠습니다.

  • 다른 사이트에서 동일한 테스트를 해 보았습니다.

    http://moneysearch.co.kr/?p=114 (비 정상)

    http://moneysearch.co.kr/?p=117 (정상)

     

    아래와 같은 조건에서는 참조하는 CSS가 얽히는 것 같습니다.

    1. 본문 내에 서로 다른 skin의 게시판과 최신 글 뷰를 같이 출력할 때 (물론 이럴 일은 없습니다만, 테스트 차원에서 해 봤습니다.)
    2. 서로 다른 skin으로 본문에는 게시판 목록을, 우측 side bar(widget으로 구현)에는 최신 글 뷰를 출력할 때 (이렇게 구현하려 하는 데 여기서 문제가 생깁니다.)

    (최신 뷰는 종속된 게시판  뿐만 아니라 다른 게시판과 동일한 화면 내에 출력해도 위와 같은 현상이 생기네요.)

     

    두 조건 모두 한 화면 내에 게시판 목록과 최신 글이 함께 보여질 때라는 공통점이 있습니다.

    제가 무엇을 잘못 한 걸까요? 해결책이 없을까요?

     

     

     

  • 스킨파일 보시면 list.php, latest.php 등 파일내부에 style.css 파일을 불러오는 코드가 있습니다.

    게시판과 최신글이 각각 다른 스킨을 사용하고 있다면.. 두 가지의 style.css 파일을 불러오겠죠.

    스타일 class 이름에 스킨별로 프리픽스를 추가해 이름이 겹치치 않도록 수정을 해야겠습니다.

    이부분은 더 개선해야 할 부분인듯 합니다.

  • 답변 감사드립니다.

    각각의 파일에서 CSS 경로를 절대경로로 지정해봐도 해결되지 않는 걸로 봐서는 제가 수정할 수 있는 간단한 문제는 아닌 듯 하네요.

     

    소스를 변경해서라도 해결할 수 있는 방법은 없을까요? 알려주시면 감사하겠습니다. ^^

  • css 경로를 바꾸는건 지금과 다를바 없을겁니다.

    최종 출력시 절대경로로 바뀌거든요~

    thumbnail스킨의 latest.php 파일에서 css 로드 부분을 제거하고 사용해보세요.

    그럼 customer 스킨의 스타일만 불러올겁니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기