코스모스팜 스레드

로그아웃 버튼 질문

안녕하세요 사이드바 프로필을 만드는도중 로그아웃 버튼에서 막혀서 질문드립니다

로그아웃 버튼을 코스모스팜 회원관리 플러그인 설정에서 메뉴에 추가하기를 한뒤 로그아웃 버튼의 주소를 복사하여

로그아웃 버튼 클릭시 이동하는 주소로 설정했습니다

하지만 지속적으로 워드프레스에서 "뭔가 잘못됬습니다" 페이지와함께 "정말 로그아웃 하시겠습니까?"라는 문구가 나오는것을 확인했습니다

 

현재 로그아웃 버튼은

[fusion_button link="https://myaddress.com/wp-login.php?action=logout" 이하생략

이런식으로 테마의 버튼속성을 이용하여 삽입했는데 혹시 저렇게 안된다면

a 태그와 css를 이용하여 직접 만들어서 삽입해야될까요?

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    워드프레스 로그아웃 주소 부분에 _wpnonce 코드가 추가되어 있어야 하고 계속 바뀌어야 합니다.

    또, 보안 때문에 자동으로 생성되어야만 합니다.

    그렇기 때문에 올려주신 숏코드처럼 _wpnonce 코가 추가되어 있지 않거나

    특정 값으로 고정되어있다면 원하지 않는 결과가 나타날 수도 있습니다.

     

    코스모스팜 회원관리를 사용 중이시라면 아래의 숏코드를 활용해보시겠어요?

    [cosmosfarm_members_account_links]

    고맙습니다.

  • 보통 위변조 방지를 위해서 워드프레스 로그아웃 주소에 논스(nonce)값이 추가됩니다.

    올려주신 숏코드 link 값에는 논스값이 없어서 문제가 생기는 듯합니다.

    다른 숏코드를 사용하거나 wp_logout_url 함수를 사용해서 직접 링크를 생성하셔야할 듯합니다.

    https://codex.wordpress.org/Function_Reference/wp_logout_url

    고맙습니다.

  • 로그아웃 버튼에서 아직 막히고있는데요

    [cosmosfarm_members_account_links]

    위의 숏코드를 사용하면

    회원정보
    로그아웃

    이런식으로 뜨게되는데 이걸 버튼으로 한줄에 나란히 회원정보와 로그아웃을 만들수는 없을까요?

    디자인 경로를 못찾겠네요

  • 안녕하세요~^^

    올려주신 숏코드는

    FTP로 접속해서 /wp-content/plugins/cosmosfarm-members/skin/사용중인스킨/account-links.php 파일입니다.

    한 줄에 표시하시려면

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

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

    .cosmosfarm-members-account-links { overflow: hidden; }
    .cosmosfarm-members-register-link { float: left; margin-right: 10px; }
    .cosmosfarm-members-account-link { float: left; margin-right: 10px; }
    .cosmosfarm-members-loginout-link { float: left; }

    위의 코드에서 margin-right 부분은 메뉴 간 여백입니다.

    수치를 적절히 조절해보세요.

     

    위의 코드로도 적용이 되지 않는다면 실제 확인 가능한 페이지 주소 알려주시겠어요?

    고맙습니다.

  • 답변 감사합니다.

    같은라인에 표시하는건 가능한거같은데 버튼으로 변환하는건 어떤 코드가 필요할까요?

    ex) 둥근모양이 아닌 사각형모양의 폭이 100%이고 색상은 로그인버튼과 동일한 파랑색으로 하고싶은데 어떤 코드를 추가해야될지 모르겠습니다.

  • 안녕하세요~^^

    둥근 모양으로 표시되는 건 사용 중이신 테마 쪽의 CSS 코드가 적용된 듯합니다.

    비회원으로도 확인 가능한 페이지 주소 알려주시면

    CSS 코드로 수정이 가능할지 살펴보겠습니다.

    고맙습니다.

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