안녕하세요~^^

HTML과 CSS 코드를 알면 레이아웃을 수정하는 데 도움이 됩니다.

실제 적용하려는 페이지 주소 알려주시면 CSS 코드로 적용 가능할지 살펴보겠습니다.

고맙습니다.

http://ec2-13-125-227-101.ap-northeast-2.compute.amazonaws.com/%EA%B8%B0%EC%97%85%EB%B6%84%EC%84%9D/?mod=editor&pageid=1 글쓰기 화면입니다!

https://imgur.com/a/uVOoc1u

https://imgur.com/a/rgTzzOX

위 두 사진 같이 연관되어 있는 내용의 필드끼리 섹션으로 묶어서 표시하고 싶습니다

라벨 : 인풋 

라벨 라벨 라벨
인풋 인풋 인풋

연관 필드끼리의 묶는 법 까지

알고싶습니다 ㅜㅜ

안녕하세요.

저희가 모든 코드를 일일이 만들어 드리긴 어렵기 때문에

올려주신 페이지에서 대표자, 전화번호, 주식담당 필드를

라벨 라벨 라벨
인풋 인풋 인풋

이런 식으로 표시하는 방법을 안내해드리겠습니다.

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

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

#kboard-default-editor .kboard-attr-row.meta-key-stock_ceo,
#kboard-default-editor .kboard-attr-row.meta-key-stock_phone,
#kboard-default-editor .kboard-attr-row.meta-key-stock_manager { width: 33.33333%; }

#kboard-default-editor .kboard-attr-row.meta-key-stock_ceo .attr-name,
#kboard-default-editor .kboard-attr-row.meta-key-stock_phone .attr-name,
#kboard-default-editor .kboard-attr-row.meta-key-stock_manager .attr-name { width: 100%; }

#kboard-default-editor .kboard-attr-row.meta-key-stock_ceo .attr-value,
#kboard-default-editor .kboard-attr-row.meta-key-stock_phone .attr-value,
#kboard-default-editor .kboard-attr-row.meta-key-stock_manager .attr-value { margin: 0 !important; width: 100%; }

#kboard-default-editor .kboard-attr-row.meta-key-stock_ceo .attr-value input[type=text],
#kboard-default-editor .kboard-attr-row.meta-key-stock_phone .attr-value input[type=text],
#kboard-default-editor .kboard-attr-row.meta-key-stock_manager .attr-value input[type=text] { width: 90%; }

다른 필드에도 적용하시려면 위의 코드 중 meta-key-stock_ceo 부분에서 stock_ceo 부분을

필드의 메타키로 적용해보시겠어요?

KBoard 입력 필드 설정으로 추가하신 필드의 메타키는

워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 입력필드 설정 페이지에서

각 필드 설정의 메타키 쪽에서 확인하실 수 있습니다.

이전 댓글에서 말씀드린 것처럼 레이아웃을 원하시는 대로 수정을 하시려면

HTML과 CSS 코드에 대해서 어느 정도는 알고 계셔야 할 듯합니다.

고맙습니다.