회원 가입페이지(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. 로그인 팝업은 현재 지원하고 있지 않습니다.
추후 연구 개발하여 코스모스팜 회원관리 플러그인을 업데이트하도록 하겠습니다.
고맙습니다.