지금 글쓰기 화면이
label input
label input
이런 형태로 한줄에 한 필드씩만 있는데
이를
| label | input1 | input2 | 또는
| label1 | label2 | label3 |
| input1 | input2 | input3 |
형태로 표현하려면 어떻게 HTML 이랑 CSS 를 수정해야하나요?
default 테마를 사용합니다
안녕하세요.
저희가 모든 코드를 일일이 만들어 드리긴 어렵기 때문에
올려주신 페이지에서 대표자, 전화번호, 주식담당 필드를
라벨 라벨 라벨
인풋 인풋 인풋
이런 식으로 표시하는 방법을 안내해드리겠습니다.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> 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 코드에 대해서 어느 정도는 알고 계셔야 할 듯합니다.
고맙습니다.
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
위 두 사진 같이 연관되어 있는 내용의 필드끼리 섹션으로 묶어서 표시하고 싶습니다
라벨 : 인풋
라벨 라벨 라벨
인풋 인풋 인풋
연관 필드끼리의 묶는 법 까지
알고싶습니다 ㅜㅜ
안녕하세요~^^
HTML과 CSS 코드를 알면 레이아웃을 수정하는 데 도움이 됩니다.
실제 적용하려는 페이지 주소 알려주시면 CSS 코드로 적용 가능할지 살펴보겠습니다.
고맙습니다.