코스모스팜 스레드

입력필드를 한줄에 두개 표시하려면?

지금 글쓰기 화면이

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 코드에 대해서 어느 정도는 알고 계셔야 할 듯합니다.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)