지금 글쓰기 화면이
label input
label input
이런 형태로 한줄에 한 필드씩만 있는데
이를
| label | input1 | input2 | 또는
| label1 | label2 | label3 |
| input1 | input2 | input3 |
형태로 표현하려면 어떻게 HTML 이랑 CSS 를 수정해야하나요?
default 테마를 사용합니다
안녕하세요~^^
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 코드에 대해서 어느 정도는 알고 계셔야 할 듯합니다.
고맙습니다.