워드프레스 푸터 부분 높이 수정하고 싶습니다.

1. 질문 : 푸터 부분 수정

워드프레스 궁굼한점이 있는데, 질의해도 될까요?


테스트 계정 : https://gohyang.kr/my-account/orders/
아이디 : test 
패스워드 : ab1234567

푸터의 위치의 높이가 너무 커, 높이를 줄이고 싶은데 CSS 코드 안내해주실수 있을까요? 

첨부파일 : https://imgur.com/rWVUCNH

 

2. 질문 : 네이버 페이 위치 수정 부분 

첨부파일 https://imgur.com/IEua5VK

- 네이버페이를 위치를 변경하고 싶습니다. 첨부파일 확인 바랍니다.

https://gohyang.kr/cart/

테스트계정은 아래와같습니다.

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

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

    푸터 쪽에서는 별도로 높이를 적용하고 있지 않습니다.

     

    <body> 태그에 배경색상이 적용되어 있고

    실제 메인 내용의 높이가 짧기 때문에 푸터 쪽이 길어보이는 문제인 듯합니다.

     

    메인 쪽의 최소 높이를 설정하시려면

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

    아래의 코드를 추가해보시겠어요?

    #main { min-height: 700px; }

    위의 코드에서 픽셀 크기는 적절히 조절해보세요.

     

    2. 우커머스 내장 액션인 woocommerce_proceed_to_checkout 액션을 활용하시면

    결제 진행하기 쪽 버튼에 다른 코드를 추가하실 수 있습니다.

    테마 쪽 functions.php 파일 하단에

    아래의 코드를 활용해보세요.

    add_action('woocommerce_proceed_to_checkout', 'my_woocommerce_proceed_to_checkout', 1);
    function my_woocommerce_proceed_to_checkout(){
    	// 이곳에 코드를 추가해보세요.
    }

    위의 코드를 활용하시면 결제 진행하기 버튼 상단에 코드가 추가됩니다.

    하단에 추가되게 하시려면 위의 코드 중 1 부분을 999 이런 식으로 교체해보세요.

     

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 테마 쪽 functions.php 파일을 편집하실 수 있습니다.

    고맙습니다.

  • 저 제가 woocommerce_proceed_to_checkout  대해 잘모르는데요. 

    경로가 어디있나요. 상품페이지와 우커머스 속성창에 찾아봤는데 찾기가 힘들어서, ^^ 혹시 알려주실수 있을까요?

  • 안녕하세요.

    우커머스 woocommerce_proceed_to_checkout 액션은

    FTP로 접속해서 /wp-content/plugins/woocommerce/templates/cart/cart-totals.php 파일에서 확인하실 수 있습니다.

    네이버 페이를 표시하는 코드를 해당 액션을 활용해서 적용해보시겠어요?

    고맙습니다.

  • 고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기