코스모스팜 스레드

오션갤러리 댓글표시

안녕하세요, 질문이 있습니다.
오션갤러리 사용중입니다,
리스트보기에서,
조회수와 댓글수가 표시되면 좋겠습니다,
가능할까요?

두번째,
모바일에서 보면(오션갤러리 리스트),
리스트로 보이는 사진 크기가 작습니다,
모바일 크기에 딱 맞게 표시될수 있을까요?

www.mondayphoto.com/gallery

이 페이지의 내용이 유익하시나요? 혹은 더 많은 답변을 받길 원하시면 이 페이지를 공유 해보시는건 어떨까요?

내 홈페이지에 소셜 공유 버튼 추가하기

코스모스팜 회원관리
코스모스팜 회원관리
  • 안녕하세요~^^

    1. KBoard 오션 갤러리 스킨의 게시글 목록 페이지에서

    어느 위치인지 명확하게 말씀해주시면 좀 더 정확한 답변을 드릴 수 있습니다.

    제목 밑에 표시되도록 안내해드리겠습니다.

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에

    아래의 코드를 모두 찾아서

    <div class="kboard-gallery-title"><?php echo $content->title?></div>

    찾은 코드 밑에 아래의 코드를 추가해보시겠어요?

    <div class="kboard-gallery-info"><?php echo __('Views', 'kboard') . ' ' . $content->view?> | <?php echo __('Comments', 'kboard') . ' ' . $content->getCommentsCount()?></div>

     

    2. KBoard 오션 갤러리 스킨 모바일 화면에서 이미지를 꽉 차게 표시하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item, 
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail,
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail .kboard-gallery-foreground,
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { width: 100%; height: 250px; }
    #kboard-ocean-gallery-list .kboard-list .kboard-no-image { line-height: 250px; }

    위의 코드에서 height와 line-height는 적절히 수정하신 후에 적용해주세요.

    고맙습니다.

  • 1)

    제목 아래에 조회수, 댓글 표시가 잘 됩니다.

    그런데, 제목과 조회수(댓글) 사이가 너무 떨어져 있어서 보기에 않좋습니다. 

    줄간격(제목과 조회수/댓굴)을 많이 줄이고,

    조회수와 댓글 글씨 크기를 제목 보다 작게 하고 싶습니다. 

     

     

     

     

    2)

    모바일에서 화면에 꽉차게 코드를 추가했습니다.

    그랬더니, 컴퓨터로 접속했을때도 설정이 그렇게 바뀌었습니다.

    사진이 중앙정렬이 안되고 오른쪽으로 쏠립니다.

    그리고 사진 아래 제목이 짤립니다. 사진 해상도가 많이 깨집니다.

     

    수정할 수 있는 방법을 알려주시면 감사하겠습니다.

     

     

  • 1. 제목과 조회/댓글 줄 간격을 줄이고

    조회/댓글 글자 크기를 조절하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-title { height: 22px !important; }
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-info { font-size: 12px; }

    위의 코드에서 픽셀 값은 적절히 수정하신 후에 적용해보세요.

     

    2. 게시글 목록 페이지에서 오른쪽으로 쏠리는 문제는

    CSS 입력 필드에 아래의 코드도 추가해보시겠어요?

    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { padding: 0; }

     

    이미지를 CSS 코드로 강제로 크게 하면 흐려질 수도 있습니다.

    해상도를 넉넉하게 설정해주셔야 할 듯합니다.

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에

    아래의 코드를 찾으실 수 있습니다.

    $content->getThumbnail(220, 155);

    숫자는 가로 세로 픽셀 사이즈입니다.

    숫자를 크게 조절하신 후에 다시 확인해보시겠어요?

    고맙습니다.

코스모스팜 회원관리