contact form 구조변경

http://vican5.cafe24.com/



견적문의 쪽에서 contact form 사용하고 있는데요

1열로 지금 상호명 이메일 연락처 내용 까지 설정해논 상태입니다

이부분을 2열로 나눠서

상호명 이메일 연락처 (50퍼)

내용 (50퍼)

비율로 표현하고 싶은데 방법좀 알려주시면 감사합니다.

 



 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

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

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

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

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> 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 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

    고맙습니다.

  • 도움주셔서 감사합니다

    제가 말씀드린부분은

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

     

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

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

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

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

    고맙습니다.

  • https://imgur.com/a/wkvL0CN

     

    스크린샷입니다

     

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

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

    2분할을 해서 

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

     

    확인 부탁드립니다.

     

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

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

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

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

    해당 액션들을 활용해서 왼쪽에 표시될 필드들을 <div> 태그를 활용해서

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

    내용 쪽은 별도로 <div> 태그를 활용해서 그룹화를 해주셔야 할 듯합니다.

     

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

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

    고맙습니다.

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