게시글 레이아웃 수정 문의

1. 정확한 제품 또는 플러그인 이름

케이보드 기본 스킨

 

2. 상세 내용

https://imgur.com/a/tevFva2

이미지의 첫번째가 기본 스킨 레이아웃이고

두번째가 수정하고 싶은 레이아웃입니다

(카테고리를 제목 앞으로 옮기고, 작성자와 작성일 표시를 제거 )

세번째는 검색으로 작성자 ip 추가 방법 글을 보고  

댓글 닉네임 옆에 ip주소를 추가하였는데 ip 부분만 폰트 크기를 변경하고 싶습니다

감사합니다

PS. 혹시 게시물, 댓글 신고 기능이 추가 예정에 있을까요?

3. 확인 가능한 상세 페이지 주소

 

 

4. 수정한 코드 내역 (있다면)

 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 알려주신 방법으로 해결 했습니다

    감사합니다

  • 해당 부분은 단순히

    <?php echo esc_html($content->category1)?>

    코드를 

    <h1>[<?php echo esc_html($content->category1)?>] <?php echo $content->title?></h1>

    와 같이 옮겨주시면 되겠습니다.

     

    레이아웃 수정 시 html 과 css 지식을 알고 계시면

    보다 수월하게 수정하실 수 있습니다.

    https://developer.mozilla.org/ko/docs/Web/HTML

    https://developer.mozilla.org/ko/docs/Web/CSS

    고맙습니다.

  • 안녕하세요 두번째 질문은 답변해주신 것 처럼 수정해서 변경하였습니다

    첫번째 질문은 여전히 위에 말씀 드린것과 같은 상태입니다

    [잡담]

    제목

    코드 위치를 바꾸니 제목 위로 카테고리명이 올라가 버립니다

    바꾸고 싶은 내용은

    [잡담] 제목

    이러한 형태로 수정하고 싶습니다.

    https://imgur.com/qsfKygq

    01번이 알려주신 대로 코드 위치를 옮긴 상태이고

    02번은 처음 질문드렸던 수정하고 싶은 내용의 예시 입니다

    감사합니다

  • 앞쪽에 name 만 제거하시려면

    아래코드들만 제거해보시겠어요?

    <div class="detail-name"><?php echo __('Author', 'kboard')?></div>
    <div class="detail-name"><?php echo __('Date', 'kboard')?></div>

    고맙습니다.

  • 첫번째 내용의 코드를 위로 옮겨 봤는데 카테고리가 제목 위로 올라가 버리네요

    [잡담] 제목

    이런 식으로 표시되었으면 하는데 다른 방법이 있을까요?

    두번째는 

    답변해주신대로 주석처리를 해보았는데 작성자 닉네임 작성일 2022-11-17 표시가 전부 제거 되어 버립니다

    작성자 닉네임 작성일 2022-11-17  

    현재 이렇게 표시되는 것을

    닉네임   2022-11-17

    이렇게 바꾸고 싶다는 내용이었습니다

    친절한 답변 감사합니다

  • 안녕하세요~^^

    사용중인 스킨의 document.php 파일 내에서

    아래 부분을 찾아

    <?php if($content->category1):?>
    <div class="detail-attr detail-category1">
    	<div class="detail-name"><?php echo esc_html($content->category1)?></div>
    </div>
    <?php endif?>

    코드 위로 옮겨주세요. 

    <div class="kboard-title" itemprop="name">
    	<h1><?php echo $content->title?></h1>
    </div>

     

    작성자와 작성일은

    아래의 코드들을 지워주시거나 주석처리 해주시면 되겠습니다.

    <div class="detail-attr detail-writer">
    	<div class="detail-name"><?php echo __('Author', 'kboard')?></div>
    	<div class="detail-value"><?php echo $content->getUserDisplay()?></div>
    </div>
    <div class="detail-attr detail-date">
    	<div class="detail-name"><?php echo __('Date', 'kboard')?></div>
    	<div class="detail-value"><?php echo date('Y-m-d H:i', strtotime($content->date))?></div>
    </div>

     

    이후 css는 수정해주셔야 하며

    F12를 눌러 해당 요소의 클래스에 맞게 수정해주시면 되겠습니다.

     

    css에 관한 가이드는 아래의 링크를 참고해주세요.

    https://developer.mozilla.org/ko/docs/Web/CSS

     

    수정된 css는 사용중인 스킨의 style.css에 입력하시거나

    테마 추가 css에 입력하실 수 있습니다.

     

    css 입력 후 ctrl + shift + r 을 눌러

    캐시 리프래시를 진행해주세요.

     

    신고기능은 내부적으로 검토하고 있으며

    내부 일정에 따라 업데이트 진행 가능 시 업데이트 하도록 하겠습니다.

    고맙습니다.

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