숏코드로 소셜로그인 버튼디자인관련

회원 가입페이지(http://jc0505.com/mem_register/)에 소셜로그인 숏코드를 추가했는데, 다른 디자인으로 적용을 할 수 있는지 궁금합니다.

1. http://www.dpalette.co.kr/101lab/login/ 사이트와 같이 가로로 긴 버튼을 적용 할 수 있나요?

2. 그리고 회원가입페이지에는 "소셜로그인"이 아니라 "소셜회원가입"이라고 보여주고 싶은데 어떻게 해야하나요?

3. 로그인 버튼을 클릭했을때 페이지 이동을 하는데, 현재페이지에서 팝업 형태로 띄우려면 어떻게 해야하나요?

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

    1. 가능합니다. 현재 소셜 로그인 버튼은 원형 이미지로 되어 있기 때문에 가로로 긴 이미지를 적용하시면 됩니다.

    FTP로 접속해서 /wp-content/plugins/cosmosfarm-members/skin/default/images 폴더에

    기존 이미지에 새로운 이미지를 덮어쓰기 해보세요.

     

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

    아래의 코드에서 width 부분을 적절히 수정 후 적용해보세요.

    .cosmosfarm-social-login a img { width: 100%; }

     

    2. 회원가입 페이지에서 "소셜 회원가입"으로 표시하시려면

    FTP로 접속해서 /wp-content/plugins/cosmosfarm-members/skin/사용중인스킨/social-buttons.php 파일에

    아래의 코드를 찾아서

    <div class="cosmosfarm-social-login-title"><?php echo __('Social Login', 'cosmosfarm-members')?></div>

    아래의 코드로 교체해보세요.

    <div class="cosmosfarm-social-login-title">소셜 회원가입</div>

     

    /wp-content/plugins/cosmosfarm-members/skin/사용중인스킨/login-form.php 파일에

    아래의 코드를 찾아서

    <?php echo cosmosfarm_members_social_buttons(array('redirect_to'=>$redirect_to))?>

    아래의 코드로 교체해보세요.

    <div class="cosmosfarm-social-login">
    	<div class="cosmosfarm-social-login-title"><?php echo __('Social Login', 'cosmosfarm-members')?></div>
    	<?php foreach($option->social_login_active as $channel):?>
    		<a href="<?php echo home_url('?action=cosmosfarm_members_social_login&channel=' . $channel)?>&redirect_to=<?php echo urlencode(esc_url_raw($redirect_to))?>" title="<?php echo $channel?>"><img src="<?php echo $skin_path?>/images/icon-<?php echo $channel?>.png" alt="<?php echo $channel?>"></a>
    	<?php endforeach?>
    </div>

     

    3. 로그인 팝업은 현재 지원하고 있지 않습니다.

    추후 연구 개발하여 코스모스팜 회원관리 플러그인을 업데이트하도록 하겠습니다.

    고맙습니다.

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