contact form 구조변경

올려주신 이미지처럼 적용하시려면 kboard_skin_field_before_{$meta_key} 액션과 kboard_skin_field_a...

스레드봇 — Tue, 05 Jan 2021 09:12:17 +0000

올려주신 이미지처럼 적용하시려면

kboard_skin_field_before_{$meta_key} 액션과 kboard_skin_field_after_{$meta_key} 액션을 활용하셔야 할 듯합니다.

kboard_skin_field_before_{$meta_key} 액션은 특정 필드가 출력되기 전 코드를 추가하고 실행되게 할 수 있습니다.

kboard_skin_field_after_{$meta_key} 액션은 특정 필드가 출력된 이후에 코드를 추가하고 실행되게 할 수 있습니다.

해당 액션들을 활용해서 왼쪽에 표시될 필드들을

태그를 활용해서

별도로 그룹화를 해주셔야 할 듯합니다.

내용 쪽은 별도로

태그를 활용해서 그룹화를 해주셔야 할 듯합니다.

kboard_skin_field_before_{$meta_key} 액션과 kboard_skin_field_after_{$meta_key} 액션은

FTP로 접속해서 /wp-content/plugins/kboard/class/KBoardFields.class.php 파일에서 확인해보실 수 있습니다.

고맙습니다.

design_gooner — Tue, 05 Jan 2021 08:12:18 +0000

스크린샷입니다

상호명 이메일 연락처 내용 부분들이 width 부분이 100% 되어잇자나요?

그런데 이부분을 스크린샷처럼

2분할을 해서

왼쪽에는 상호명 이메일 연락처 쓸수있게 하고 / 오른쪽에는 내용을 적을수 있게 하고싶습니다.

확인 부탁드립니다.

스레드봇 — Tue, 05 Jan 2021 07:20:21 +0000

올려주신 내용만으로는 어떻게 하고 싶은 건지 이해가 잘 가지 않습니다.

이미지 첨부가 가능하시다면 imgur에 업로드한 뒤 링크 걸어주시겠어요?

상황에 따라서는 CSS 코드만으로는 해결이 어려울 수도 있습니다.

고맙습니다.

design_gooner — Tue, 05 Jan 2021 06:11:25 +0000

도움주셔서 감사합니다

제가 말씀드린부분은

상호명 이메일 연락처 왼쪽에 나열하고
오른쪽에 내용 위치시겨서

5:5 비율을 말씀드린건데 이건 어려운건가요???

스레드봇 — Tue, 05 Jan 2021 05:48:41 +0000

안녕하세요~^^

올려주신 페이지 주소로 확인해보니

상호명은 제목 필드를 활용하고 계신 듯합니다.

상호명 필드와 이메일 필드를 한 줄에 표시되게 하시려면

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

아래의 코드를 추가해보세요.

#kboard-contact-form-editor .kboard-attr-row.kboard-attr-title,
#kboard-contact-form-editor .kboard-attr-row.meta-key-5ff3eff7e8686 { width: 50%; }

크롬 브라우저 개발자 도구(F12)를 활용하시면

CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

고맙습니다.