상단 로그인 폼

안녕하세요?

비슷한 주제가 있을까 싶어 찾아 봤는데 못찾아서  문의합니다.

 워드프레스테마 2017을 사용하고 있습니다. 

코스모스팜 회원관리 플러그인 으로 상단바에서 로그인 하도록 하려고 합니다.

로그인했을 때는 로그아웃, 내 프로필 편집이 보이도록 하고  로그아웃했을 때는 로그인과 회원가입이 보이도록 하고 싶습니다.

똑같은 폼으로 풋사이드 바에서도 로그인 가능하도록 하고 싶습니다. 어떻게 하면 되는지요?

감사합니다. 

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

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

    메뉴에 로그인 링크 추가 설정을 사용으로 바꿔주신 다음,

    원하시는 메뉴를 선택하시면 해당 메뉴에 로그인, 로그아웃 페이지 링크를 추가하실 수 있습니다.

    만약 테마에서 원하는 위치에 메뉴를 지원하지 않는다면 직접 숏코드를 추가해주셔야 합니다.

     

    텍스트 위젯을 추가하고 텍스트 위젯에 아래의 숏코드를 추가해주세요.

    [cosmosfarm_members_account_links]

     

    텍스트 위젯도 추가할 수 없는 위치라면 테마의 header.php 파일에 아래의 코드를 적당한 위치에 추가해주세요.

    <?php echo do_shortcode('[cosmosfarm_members_account_links]')?>

    테마에 따라서 header.php 파일 외 다른 곳에 추가해야 할 수 있습니다.

    고맙습니다.

  •  안녕하세요? 

    위의 첫번째 방법대로 메뉴에 추가를 하였는데요 회원정보와 로그아웃이 카테고리 두개를 잡아먹는 위치에 들어가 있습니다. 관련화면 링크합니다.

    1. 앞으로 카테고리 추가를 많이 해야 되어서 위의 상단바에 나타나게 하고 싶어서 header.php 에   

    <?php echo  do_shortcode('[cosmosfarm_members_account_links]')?>  코드를 입력하였는데 나타나지 않습니다. 혹시 twenty seventeen 테마는 상단바에 나타나는 것이 불가능 한가요?

    2. 만약 Twenty seventeen 테마에서 상단바에 로그인이 안된다면

    메뉴에서 두칸을 잡아 먹지 않게 한칸에서 마우스를 위에 올리면 로그인 상태에서는 로그아웃과 회원프로필이 나타나고 로그아웃 상태에서는 로그인과 회원가입이 나타나게 하고 싶습니다. 어떻게 하면 되는지요?

    3. 풋에서도 로그인이 가능하게 코스모스팜 회원관리 설정에서 메뉴에 로그인 링크추가 사용하고 풋로그인 메뉴를 선택했는데 링크 화면과 같이 글자는 나타나지 않고 링크 그림만 나타나는데 무엇이 잘못되었는지요? 

    감사합니다. 

     

  • 안녕하세요.

    1. 올려주신 페이지에서 홈 화면을 제외한 다른 페이지에서는

    상단에 비로그인 시 로그인, 회원가입 메뉴가 표시되고 있습니다.

    홈 화면에 표시된 부분과 다른 페이지의 헤더 부분이 서로 다른 파일인 듯합니다.

    홈 화면 쪽 헤더 파일에도 추가해보시겠어요?

     

    2. 워드프레스 메뉴의 서브 아이템을 이용해보시겠어요?

    아래의 링크를 참고해주세요.

    https://www.cosmosfarm.com/threads/document/22953

     

    3. 푸터 쪽의 메뉴에서 아이콘으로 나타나는 문제는 테마 쪽 CSS 문제인 듯합니다.

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

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

    .social-navigation a:hover, .social-navigation a:focus { background: none; }
    .social-navigation a { width: auto; height: auto; background: none; }
    .screen-reader-text { clip: unset !important; clip-path: unset !important; color: black; position: relative !important; }
    .social-navigation .icon { display: none; }

    고맙습니다.

  • 안녕하세요.

    1. 테마의 CSS 문제인 듯합니다.

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

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

    .cosmosfarm-members-account-links { position: absolute; z-index: 1; width: 100%; background: white; }

     

    2. 메뉴를 서브 메뉴로 구성하시면 상위 메뉴에 마우스를 올렸을 때 하위 메뉴들이 표시됩니다.

    아래의 순서대로 해보시겠어요?

    사용자 정의 링크로 메뉴를 5개 만들어주세요. (회원, 로그인, 회원가입, 회원정보, 로그아웃)

    각 메뉴의 URL에는 #으로 설정해주세요.

    회원 메뉴의 하위 메뉴로 로그인, 회원가입, 회원정보, 로그아웃으로 설정해주세요.

    하위 메뉴로 설정된다면 해당 메뉴 라벨 옆에 '서브 아이템'이라고 표시됩니다.

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

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

    add_filter('wp_get_nav_menu_items', 'my_wp_get_nav_menu_items', 10, 3);
    function my_wp_get_nav_menu_items($items, $menu, $args){
    	if(!is_admin()){
    		foreach($items as $index=>$menu){
    			if($menu->title == '회원정보'){
    				$menu->url = get_cosmosfarm_members_profile_url();
    				if(!is_user_logged_in()) unset($items[$index]);
    			}
    			else if($menu->title == '로그아웃'){
    				$menu->url = get_cosmosfarm_members_logout_url();
    				if(!is_user_logged_in()) unset($items[$index]);
    			}
    			else if($menu->title == '로그인'){
    				$menu->url = get_cosmosfarm_members_login_url();
    				if(is_user_logged_in()) unset($items[$index]);
    			}
    			else if($menu->title == '회원가입'){
    				$menu->url = wp_registration_url();
    				if(is_user_logged_in()) unset($items[$index]);
    			}
    		}
    	}
    	
    	return $items;
    }

    위 코드에서 회원정보, 로그아웃, 로그인, 회원가입은 메뉴 추가하실 때 입력한 메뉴 라벨입니다.

    메뉴 추가 시 다른 이름으로 추가하셨다면 위의 코드에서도 변경해주셔야 합니다.

     

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

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

    .cosmosfarm-members-account-links .cosmosfarm-members-register-link,
    .cosmosfarm-members-account-links .cosmosfarm-members-loginout-link { float: left; margin-right: 5px; }
    .cosmosfarm-members-account-links a { color: blue; }

    위 코드에서 숫자와 색상은 적절히 수정하신 후에 적용해주시면 됩니다.

    고맙습니다.

  • 안녕하세요?  위 질문에서요

    1. 을 실행하니 홈에 로그인, 회원가입이 나타나기는 했는데 클릭해서 들어가는 것이 안되었습니다. 링크가 잘 안되었습니다.  그래서 일단 이 문제는 다음에 해결하기로 했습니다. ( 2, 3이 잘 해결되어서 대체 가능해서)

    2. 을 실행하니 원하는대로 결과가 나와서 잘 해결되었습니다.

    3을 해보니 풋에 내용이 회원가입하는 것과 회사정보 링크하는 2가지 내용이 있었는데 알려주신 코드를 입력하니 회사정보 링크가 사라졌습니다. 그래서

     풋의  폭을 조정하고 회사정보링크 텍스트는 풋1번으로 옮겨서 문제를 해결했습니다.

     

    암튼 회원가입 문제는 여기까지 해도 만족할 만한 결과입니다.  

    언제나 친절하고 빠른 답변 감사하고 고맙게 생각하고 있습니다. 

    감사합니다. 

  • 안녕하세요?

    1) 디자인 문제로 테마를 바꾸어서 다시 처음부터 작업하는데요 회원가입을 사용자 정의 링크란에 # 넣어 로그인 회원가입회원정보 로그아웃 만들고  functions.php 하단에 코드 추가 하는 방식으로 해서 잘 되었는데요

    이 테마는 이렇게 하니 위에  기본 이미지가  없어서 상당히  많이 썰렁한데요..

    이 방식으로 하면서 로그인 , 로그아웃 하려는 화면위에  이미지가 나오려게 하려면 어떻게 하면 되는지요?

    페이지가 아니고 사용자정의 메뉴여서 어떻게 이미지를 삽입하는지 잘 모르겟습니다. 혹시 fuctions.php 에서 이미지 삽입 하는지요?

    2. 로그아웃 하고 나면 그냥 로그인 화면으로 넘어가는 되요 " 로그아웃 되었습니다. 이용해 주셔서 감사합니다." 라는 문구를 넣고 싶습니다.  가능할까요? 

    3. 그리고 k board skin 이  클릭하는 탭이 어떤것은 검정이고 어떤것은 파랑인데요.. 일률적으로 통일하고 싶습니다. 클릭하는 탭의 

    색상을 바꾸는것은 어떻게 하면 되는지요?

    관련해서 사이트 링크합니다. 

    감사합니다. 

     

  • 안녕하세요.

    1. 말씀하신 기본 이미지는 헤더 이미지를 말씀하시는 건지요?

    우선, 테마 쪽 설정을 확인해보시겠어요?

    테마 쪽 설정은 테마마다 다를 수도 있기 때문에 도움드리기가 어렵습니다.

    추측으로 말씀드리자면 아래 위치를 확인해보세요.

    워드프레스 관리자 -> 외모 -> 사용자 정의하기

    워드프레스 관리자 -> 외모 -> 위젯

    만약 테마에서 지원하지 않는다면 해당 제작자에게도 문의해보는 게 좋을 듯합니다.

     

    2. 아쉽게도 현재는 로그아웃 시 문구 표시는 지원하지 않고 있습니다.

    추후 연구 개발해서 업데이트하도록 하겠습니다.

     

    3. 어떤 스킨을 사용 중이신지요?

    KBoard 플러그인에서 색상 변경은 아래의 링크를 참고해보시겠어요?

    KBoard(케이보드) 게시판 버튼 색상 변경 방법

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요