게시판 형태 변경 문의드립니다.

안녕하세요

게시판 사용 중에 있는데요, 문의사항이 4개가 있습니다.

 

1. 혹시 무료 게시판으로 첨부파일과 같은 레이아웃으로 변경할 수 있는 방법 있을까요?

https://imgur.com/a/LGE3HAa 

 

2. 방법이 없다면 첨부파일과 같은 형태로 카테고리 및 사이즈를 변경하고 싶습니다. 

어떻게 하면 될지요?

https://imgur.com/a/ht6jLvh

 

3. 썸네일 이미지가 전체가 안나오고 가운데 이미지만 나오는데요, 전체 이미지가 나올 수 있도록 어떻게 수정하면 될까요?

 

4. 게시판 페이지 내에 이미지 삽입 후 그 다음 단락에 "문의하기" 버튼을 삽입 후 contact form 페이지로 이동하게 하고 싶습니다.

버튼을 어떻게 만들면 될까요??

https://imgur.com/a/pLfoudL

 

바쁘시겠지만 빠른 답변 부탁 드리겠습니다.

 

감사합니다!

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    1. 저희가 모든 코드를 만들어 드릴 수 없기 때문에

    코드 수정이 어렵다면 저희 고객지원 쪽으로 유료 기술지원을 요청해주시길 부탁드립니다.

     

    2. KBoard 게시판 플러그인의 썸네일 스킨에서 썸네일 크기를 늘리시려는 건지요?

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

    아래의 코드를 찾아서

    $content->getThumbnail(120, 90)

    아래의 코드로 교체해보시겠어요?

    $content->getThumbnail(240, 180)

    위의 코드에서 240은 가로 크기이며 180은 세로 크기입니다.

    적절히 수정해보시겠어요?

     

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

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

    #kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail { width: 240px; }

    픽셀 크기는 적절히 조절해보세요.

     

    3. 1번에 안내해드린 코드 대신 아래의 코드로 적용해보시겠어요?

    $content->getThumbnail()

    위와 같이 적용하시면 썸네일 크기를 따로 자르지 않고 원본 파일을 표시합니다.

     

    4. 현재 사용 중이신 글 작성 에디터가 어떻게 되시는지요?

    textarea 또는 워드프레스 내장 에디터 텍스트 모드에서

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

    <button onclick="window.location.href='페이지주소'">제품상담 신청하기</button>

    위의 코드에서 페이지주소 부분은 실제 이동할 페이지 주소로 적용해보세요.

     

    버튼 클릭 시 새창으로 표시하시려면

    아래의 코드를 적용해보세요.

    <button onclick="window.open('http://www.naver.com')">제품상담 신청하기</button>

    고맙습니다.

  • 안녕하세요!

    덕택에 1~3번까지는 잘 수정을 했습니다. 정말 감사합니다!!

     

    근데 4번 질문인 버튼 삽입하는 부분이 잘 안되서 추가 문의글 남깁니다.

    1) 글 작성 에디터는 워드프레스 내장 에디터 텍스트 모드 사용 중에 있는데요,

    말씀 주신 코드는 어디다 넣으면 되는건지요??

    케이보드 말고 일반 페이지 구성할때는 raw HTML이나 버튼 플러그인을 사용해서 버튼을 넣었는데요,

    케이보드 게시판 내에서는 어떻게 넣어야 할지 잘 모르겠습니다.

     

    2. 그래서 일단 document에서 위에서 알려주신 코드를 넣었는데요, 이렇게 하는게 맞는건가요??

    <div class="kboard-document-action">
                    <div class="left">
                        <button onclick="window.location.href='http://www.imoxion.com/customer-center/event-form/'">제품상담 신청하기</button>
                    </div>

    3. 버튼 위치랑 사이즈, 컬러를 이미지처럼 변경하고 싶은데요, 어떻게 하면 될지요?

    https://imgur.com/a/5k55w8U

     

    4. 혹시 게시판 첫 페이지에서 제목 클릭하면 상세 페이지로 안 넘어가고 바로 contact form 페이지가 나오도록 할 수 있나요??

     

    제가 초보자라서 이것저것 계속 여쭤보게 되네요.. 바쁘시겠지만 확인 부탁 드리겠습니다.

    감사합니다~~

  • 안녕하세요.

    모든 게시글에서 해당 버튼을 표시하시려면 지금 추가하신 것처럼

    document.php 파일을 수정해주시면 됩니다.

    게시글마다 다른 버튼을 추가하시려면

    워드프레스 내장 에디터 텍스트 모드에서 에디터 쪽에

    해당 코드를 입력해보시겠어요?

     

    추가하신 버튼 스타일을 변경하시려면

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

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

    .kboard-document-action .left button { position: relative; display: inline-block; zoom: 1; margin: 0; padding: 0 10px; width: 100%; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; letter-spacing: normal; color: white !important; background: #00a8e7 !important; border: none; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.3s; box-sizing: content-box; }
    

    위의 속성들은 각각 사이트에 맞게 적절히 수정해주세요.

    고맙습니다.

  • 게시글 제목 클릭 시 게시글 본문 페이지가 아닌 다른 페이지로 이동하게 하시려면

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

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

    add_filter('kboard_url_document_uid', 'my_kboard_url_document_uid', 10, 3);
    function my_kboard_url_document_uid($url, $content_uid, $board){
    	if($board->id == '1'){
    		$url = '페이지 주소';
    	}
    	return $url;
    }

    위의 코드에서 $board->id == '1' 부분은 실제 게시판 id로 변경해보시고

    페이지 주소 부분은 실제 게시글 클릭 시 이동할 주소로 변경하신 후에 적용해보세요.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기