회원관리폼 로그아웃 화면 수정 문의

안녕하세요 코스모스팜 회원관리폼을 사용 중인데요

로그인 시 잘못 기입하면 링크와 같은 화면이 나오는데요. 

https://imgur.com/MUkNGGN

"로그인 실패 유효하지 않은 아이디 또는 비밀번호입니다."

이렇게 화면이 따로 나오지 않고 바로 다시 '로그인 실패 유효하지 않은 아이디 또는 비밀번호입니다' 와 함게 바로 로그인을 할 수 있게 로그인 tab을 위치시킬 수 있을까요?

 

2. 그리고 첨부 링크를 보면 글씨체와 글씨주변에 붉은 색으로 배경이 되어있는데 이를 변경할 수 있을까요?

 

감사합니다. .

 

 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    1. 로그인 실패 메시지 아래에 로그인 폼을 표시하시려면

    워드프레스 관리자 -> 외모(테마 디자인) -> 테마 편집기 페이지에서 functions.php 파일 하단에

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

    add_filter('wpmem_login_failed', 'my_wpmem_login_failed', 999, 1);
    function my_wpmem_login_failed($str){
    	$redirect_to = ( isset( $atts['redirect_to'] ) ) ? $atts['redirect_to'] : null;
    	$str .= wpmem_inc_login('login', $redirect_to);
    	
    	return $str;
    }

     

    2. 로그인 실패 메시지 폰트 스타일은 테마나 다른 플러그인 쪽 CSS 코드가 적용되어 있을 가능성이 높습니다.

    실제 확인 가능한 페이지 주소 알려주시면

    CSS 코드로 수정이 가능할지 확인해보겠습니다.

    고맙습니다.

  • 말씀주신대로 해보았는데 안됩니다. 

    그리고 사이트가 깨져버리네요..

  • 안녕하세요.

    로그인 버튼은 어떻게 추가하신 건지요?

    코스모스팜 회원관리 플러그인의 메뉴에 로그인 링크 추가 기능으로 추가하셨다면

    로그인 후 페이지 이동을 위해 로그인 페이지 주소 뒤에 redirect_to 설정이 표시됩니다.

    만약, redirect_to 설정이 없다면 로그인 후 로그인 페이지에 머무르게 됩니다. (빈 페이지가 표시됩니다.)

     

    주소에 redirect_to를 추가는 get_cosmosfarm_members_login_url 함수에서 하고 있습니다.

    로그인 페이지 주소에 redirect_to를 표시하고 싶지 않으시다면

    FTP로 접속해서 /wp-content/plugins/cosmosfarm-members/cosmosfarm-members.php 파일에

    get_cosmosfarm_members_login_url 함수 쪽에

    아래의 코드를 찾아서

    $redirect = $_SERVER['REQUEST_URI'];

    아래의 코드로 교체해보시겠어요?

    $redirect = '';

    고맙습니다.

  • 로그인 페이지의 설정된 url이 betomorrow.cafe24.com/log-in인데요. 

    로그인하려고 들어가면 url이 http://betomorrow.cafe24.com/log-in/?redirect_to=http%3A%2F%2Fbetomorrow.cafe24.com 로 표시가 됩니다. 

    원래대로 betomorrow.cafe24.com/log-in 로 하려면 어떻게 해야하나요?

  • 로그인 페이지 URL에 redirect_to는 로그인 완료 후 메인 페이지 또는 특정 페이지로 이동하기 위해 추가됩니다.

    코스모스팜 회원관리 플러그인에서 로그인 완료 후 특정 페이지로 이동하는 설정은

    워드프레스 관리자 -> 회원가입관리 -> 설정 페이지에서

    로그인 완료후 이동 설정을 확인해보시겠어요?

    고맙습니다.

  • 그리고 로그인 화면 시 로그인 url이 아래와 같이 조금 번잡한데 왜 그런 것인지요?

    http://betomorrow.cafe24.com/log-in/?redirect_to=http%3A%2F%2Fbetomorrow.cafe24.com

     

    감사합니다!

  • 감사합니다.

    그리고 해당 부분의 글씨체와 폰트 색상, 크기를 변경하고 싶은데요. 어디가서 하면 좋을까요..?

    크롬 개발자 도구를 통해 찾아보았지만 찾을 수가 없네요 ㅠㅠ 

     

    감사합니다. 

  • 안녕하세요.

    1. 로그인 실패 시 표시되는 메시지 중 계속하기 버튼을 안 보이게 하시려면

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

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

    .cosmosfarm-members-form.loginfailed .message a { display: none; }

     

    2. 로그인 실패 문구 쪽 배경을 흰색으로 적용하시려면

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

    .cosmosfarm-members-form .message { background-color: white; }

     

    CSS 코드 수정 후에는 브라우저의 캐시를 비우신 후에 확인해주세요.

    크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

     

    크롬 브라우저 개발자 도구(F12 키)를 사용하시면 CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.

    고맙습니다.

  • 감사합니다!

     

    1. 다만 이렇게 하면 더이상 '계속하기' 버튼이 필요 없을 것 같습니다. 

    어떻게 지울 수 있을까요?

    2, 그리고 '해당 화면이 회색 바탕인데요. 흰색으로 바꾸고 싶습니다. 

     

     

    감사드립니다.

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

    로그인 실패 메시지에 테마 쪽에서 <code> 코드를 추가하고 있는 듯합니다.

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

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

    .cosmosfarm-members-form code { color: black; background: none; }

    위의 코드에서 색상은 적절히 수정해보세요.

     

    wpmem_default_text_strings 필터를 사용하시면 로그인 실패 폼에 표시되는 문구를 수정하실 수 있습니다.

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

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

    add_filter('wpmem_default_text_strings', 'my_wpmem_default_text_strings', 10, 1);
    function my_wpmem_default_text_strings($text){
    	$text['login_failed_heading'] = '로그인 실패';
    	$text['login_failed'] = '유효하지 않은 아이디 또는 비밀번호입니다.';
    	$text['login_failed_link'] = '계속하기';
    	return $text;
    }

    위의 코드에서 각 문구는 적절히 수정해보세요.

    고맙습니다.

  • http://betomorrow.cafe24.com/log-in/?redirect_to=http%3A%2F%2Fbetomorrow.cafe24.com

    이곳에서 로그인을 잘못하시면 문구가 나타납니다. 

    문구 및 스타일을 어디서 바꿀 수 있을까요??

    문구도 다른 글로 바꾸고 싶습니다. 

     

    감사합니다.

  • 안녕하세요.

    코드 수정 후에 사이트 레이아웃이 깨진다는 말씀이신지요?

    디버그 모드를 활성화해서 오류 메시지가 있는지 확인해보시겠어요?

    워드프레스 에러 확인하기 - 디버그 모드 활성화 방법

    고맙습니다.

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