회원관리 로그인 스킨 수정

안녕하세요~

로그인 화면에서 로그인 버튼을 자동로그인과 같은 줄에 표시되도록 하고싶습니다.

스킨은 default입니다. 잘 부탁드릴게요~

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

    코스모스팜 회원관리 플러그인 default 스킨에서

    자동로그인과 로그인 버튼을 같은 줄에 표시하시려면

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

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

    .cosmosfarm-members-form .button_div label { width: 30%; float: left; }
    .cosmosfarm-members-form input[type=submit] { width: 70%; }

    위 코드에서 width 픽셀 값은 적절히 수정하신 후에 적용해보세요.

    고맙습니다.

  • 주소 : http://midoring.net/%EB%A1%9C%EA%B7%B8%EC%9D%B8

    width값이랑 설정해도 안되네요

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

    default 스킨이 아닌 two 스킨이 적용되어 있습니다.

    two 스킨은 로그인 폼 코드를 수정해주셔야 합니다.

    1. FTP로 접속해서 /wp-content/plugins/cosmosfarm-members/skin/two/login-form.php 파일에

    아래의 코드를 찾아서

    <div class="form-top-fields">
    	<?php if($option->allow_email_login):?>
    	<div class="form-input-row"><label for="log"><?php echo __('Email', 'cosmosfarm-members')?></label><input type="text" id="log" name="log"></div>
    	<?php else:?>
    	<div class="form-input-row"><label for="log"><?php echo __('Username', 'cosmosfarm-members')?></label><input type="text" id="log" name="log"></div>
    	<?php endif?>
    	
    	<div class="form-input-row"><label for="pwd"><?php echo __('Password', 'cosmosfarm-members')?></label><input type="password" id="pwd" name="pwd"></div>
    	
    	<div class="form-checkbox-row"><label><input type="checkbox" id="rememberme" name="rememberme" value="forever"><?php echo __('Keep me signed in', 'cosmosfarm-members')?></label></div>
    </div>
    <div class="form-top-button">
    	<button type="submit" class="login-button"><?php echo __('Log In', 'cosmosfarm-members')?></button>
    </div>

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

    <div class="form-top-fields">
    	<?php if($option->allow_email_login):?>
    	<div class="form-input-row"><label for="log"><?php echo __('Email', 'cosmosfarm-members')?></label><input type="text" id="log" name="log"></div>
    	<?php else:?>
    	<div class="form-input-row"><label for="log"><?php echo __('Username', 'cosmosfarm-members')?></label><input type="text" id="log" name="log"></div>
    	<?php endif?>
    	
    	<div class="form-input-row"><label for="pwd"><?php echo __('Password', 'cosmosfarm-members')?></label><input type="password" id="pwd" name="pwd"></div>
    	
    	<div class="form-checkbox-row"><label><input type="checkbox" id="rememberme" name="rememberme" value="forever"><?php echo __('Keep me signed in', 'cosmosfarm-members')?></label></div>
    	<div class="form-top-button">
    		<button type="submit" class="login-button"><?php echo __('Log In', 'cosmosfarm-members')?></button>
    	</div>
    </div>

     

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

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

    .cosmosfarm-members-form .form-top .form-top-wrap .form-checkbox-row { float: left; width: 50%; }
    .cosmosfarm-members-form .form-top .form-top-wrap .form-checkbox-row label { height: 40px; line-height: 40px; }
    .cosmosfarm-members-form .form-top .form-top-wrap .form-top-button .login-button { width: 100%; height: 40px; line-height: 40px; }
    .cosmosfarm-members-form .form-top .form-top-wrap .form-top-button { width: 50%; }

    위의 코드에서 width, height, line-height를 사이트에 맞게 적절히 수정하신 후에 적용해보세요.

    고맙습니다.

  • 아... two로 바꿨었네요 ㄷㄷ

    죄송하고 늘 자세한 답변 감사해요~

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