숏코드 게시물 나열방식 질문드립니다

무제한라이센스 구매후

wonderful- product 스킨을 사용중인데요

숏코드로 메인페이지에 넣으면

게시글 나열이 세로로1개씩 나오는데 

이걸 이미지밑에 제목을 옮기고 1줄에 3~4개씩 나열할수 있나요?

그리고 게시글 내용에 들어갔을때

제품 상세정보 라고 되어있는 텍스트는 어떻게 변경하나요!?

 

추가 질문

글 본문에 갤러리와 상세정보를 중앙정렬 할수있나요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    KBoard 원더풀 제품 스킨 게시글 목록 페이지에서

    PC는 한 줄에 4개, 모바일은 한 줄에 2개씩 표시하고 있습니다.

    한 줄에 1개씩 표시된다면 별도로 코드를 수정하셨거나

    테마 쪽의 CSS 코드 문제일 가능성이 높습니다.

    비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?

     

    게시글 목록 페이지는

    FTP로 접속해서 /wp-content/plugins/kboard/skin/list.php 파일에서 표시하고 있습니다.

    커스텀 시 해당 파일을 수정해주세요.

    레이아웃 편집 시 HTML과 CSS 코드에 대해 알면 도움이 됩니다.

     

    게시글 본문 페이지에서 제품 상세정보 문구를 다른 문구로 교체하는 건

    아래 관련 링크를 참고 부탁드립니다.

    https://www.cosmosfarm.com/threads/document/34689

     

    게시글 본문 페이지에서 가운데 정렬을 기본 설정으로 하시려면

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

    아래의 코드를 추가해보세요.

    #kboard-wonderful-product-document .kboard-content .content-view { text-align: center; }

    고맙습니다.

  • 1st-cafe.com

    주소는 이곳입니다

    최신글 숏코드도 원래 한 줄에 4개씩 표시하나요??

    게시판 숏코드는 한줄에 4개씩 정상적으로 나옵니다

  • 최신글에는 기본적으로 한 줄에 한 개씩 표시됩니다.

    최신글을 한 줄에 3개씩 표시되게 하시려면

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

    아래의 코드를 추가해보세요.

    #kboard-wonderful-product-latest { overflow: hidden; }
    #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item { float: left; width: 33.3333%; }

    한 줄에 4개씩 표시되게 하시려면 33.3333% 부분을 25%로 교체해보세요.

    고맙습니다.

  • 잘적용됩니다!

    몇가지 질문이 더 있는데

    모바일과 PC에 적용을 따로할수있을까요?

    모바일은 기본 1개씩 출력되는 형태로 하고 PC에서만 3개씩 표시되게 될까요?

     

    그리고 글 작성시 어떤 태그나 카테고리 선택시

    예시로 [북구] 라는 말머리? 를 선택했을시

    제목에 자동으로 [북구] 라는 말머리를 붙일수 있을까요?

  • 모바일에서는 한 줄에 한 개씩 표시되게 하시려면

    이전 댓글에 안내해드린 코드 밑에

    아래의 코드도 추가해보세요.

    @media screen and (max-width: 600px) {
    	#kboard-wonderful-product-latest .kboard-wonderful-product-latest-item { width: 100%; }
    }

     

    게시글 작성 페이지에서 카테고리 선택 시 코드를 실행하게 하시려면

    jQuery change 이벤트를 활용해보세요.

    자세한 내용은 아래 링크를 참고 부탁드립니다.

    https://api.jquery.com/change/

    고맙습니다.

  • 많은도움이되었습니다 감사합니다!

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요