코스모스팜 회원관리 유저리스트 더보기 레이아웃 변경

안녕하세요?

코스모스팜 회원관리 유저리스트 레이아웃은

users-list-item-default.php 를 수정하여 변경했습니다.

근데 더보기 버튼을 눌렀을시 나오는 추가 유저리스트는 레이아웃이 적용이 안되어있네요

여기도 적용할수있는 방법이 있을까요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 저희 고객지원 쪽 이메일로 확인해보니

    현재 코스모스팜 회원관리 플러그인 레이아웃 편집을

    테마 쪽에 파일을 복사해서 옮겨서 작업 중이신 듯합니다.

    그럴 경우엔, 테마 쪽에 복사한 파일을 수정해주시면 됩니다.

     

    user-list-item.php 파일에 불필요한 코드는 지우신 후에 확인해주세요.

    현재는 저희 쪽에서 주석 처리해두었습니다.

    CSS 코드 추가 시에는

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 코드를 추가해보세요.

    고맙습니다.

  • 안녕하세요.

    고객지원 쪽으로 보내주신 메일은

    순차적으로 확인 후 회신드리고 있습니다.

    최대한 빠른 시일 내에 회신드리겠습니다.

    고맙습니다.

  • 안녕하세요?

    어제 오후 2시경에 메일 보내뒀는데,

    어떻게 되었는지 알수있을까요?

     

    감사합니다.

  • 감사합니다 고객지원쪽에 메일 보내뒀습니다.

  • 안녕하세요.

    코드 상에는 별 문제없어 보입니다.

    저희 테스트 서버에서는 정상적으로 표 형태로 표시되는 것을 확인했습니다.

    더보기 버튼 클릭 시 테이블 레이아웃이 깨지는 건

    테이블 관련 태그가 추가되지 않은 상태로 적용되는 듯합니다.

     

    정확한 원인을 파악하기 위해

    디버그 모드를 활성화해서 에러 메시지를 표시하는지 확인해보시겠어요?

    워드프레스 에러 확인하기 - 디버그 모드 활성화 방법

     

    테마나 다른 플러그인 쪽의 문제는 아닌지도 점검해보시겠어요?

    잠시 다른 테마로 바꿔서 확인해보시고

    다른 플러그인을 하나씩 비활성화해가면서 충돌이 있는지 확인해보세요.

     

    그래도 해결되지 않으신다면,

    저희 고객지원 쪽 이메일로 워드프레스 관리자 계정과 FTP 접속 정보를 보내주시면 점검해드리겠습니다.

    고맙습니다.

  • 안녕하세요.

    실제 추가하신 코드는 어떻게 되시는지요?

    에디터의 코드 스니펫 삽입 기능으로 올려주시겠어요?

    확인 가능한 페이지 주소와 테스트 계정 알려주시면 살펴보겠습니다.

    고맙습니다.

  • 안녕하세요?

    답변 감사합니다.

    기존 리스트 영역은 <td>태그로 출력이 되서 테이블내에 보기 좋게 나오지만

    더보기영역은 위 코드를 적용해도 차이가 없네요.

    똑같이 table > tbody 태그 내에 위치하지만 td 태그가 아닌 div 태그로 출력이 됩니다.

    통일하는 방법이 있을까요?

    더보기 클릭시에도 users-list-item-default.php 에서 출력이 된다고 하셨는데

    두개 레이아웃이 다르니 어떻게 해야할지 모르겠네요 ^^

  • 안녕하세요.

    코드를 잘못 수정하신 듯합니다.

    아래의 코드를 활용해보시겠어요?

    users-list-item-default.php 파일

    <tr>
    	<td>
    		<div class="add-item-middot item-display-name">
    			<?php 
    				$user_info = get_userdata($user->ID);
    				$user_display = '';
    				if($user_info->roles[0] == 'administrator'){
    					$user_display = '<i class="user-role-'.$user_info->roles[0].'"><img class="img_grade"  src="/wp-content/uploads/2019/04/레벨아이콘관리자.png"></i>';
    				}
    			?>
    			<?php 
    			if($user_display){
    				echo $user_display;
    			}
    			echo $user->first_name
    			?>
    			<div class="mobile_user">
    				<?php 
    				if($user->open_nick=='open'):
    					echo $user->first_name;
    				else : 
    					echo '비공개';
    				endif;
    				?>
    			</div>
    		</div>
    	</td>
    	<td><div class="add-item-middot item-display-name"><?php echo $user->last_name;	?></div></td>
    	<td><div class="add-item-middot item-display-name"><?php echo $user->cluster; ?></div></td>
    	<td>
    		<div class="add-item-middot item-display-name"><?php echo $user->sex; ?>
    			<div class="mobile_user">
    				<?php 
    				if($user->open_birth=='open'):
    					echo $user->birth;
    				else : 
    					echo '비공개';
    				endif; ?>
    			</div>
    		</div>
    	</td>
    	<td>
    		<div class="add-item-middot item-display-name"><?php 
    			if($user->open_birth=='open'):
    				echo $user->birth;
    			else : 
    				echo '비공개';
    			endif; ?>
    		</div>
    	</td>
    	<td>
    		<div class="add-item-middot item-display-name"><?php 
    			if($user->open_email=='open'):
    				echo $user->user_email;
    			else : 
    				echo '비공개';
    			endif; ?>
    			<div class="mobile_user">
    				<?php if($user->ID != get_current_user_id()):?>
    				<div class="add-item-middot item-message">
    					<a href="<?php echo get_cosmosfarm_members_messages_url(array('to_user_id'=>$user->ID, 'redirect_to'=>$_SERVER['REQUEST_URI']))?>" title="쪽지 보내기">쪽지 보내기</a>
    				</div>
    				<?php endif?>
    			</div>
    		</div>
    	</td>
    	
    	<td>
    		<?php if($user->ID != get_current_user_id()):?>
    		<div class="add-item-middot item-message"><a href="<?php echo get_cosmosfarm_members_messages_url(array('to_user_id'=>$user->ID, 'redirect_to'=>$_SERVER['REQUEST_URI']))?>" title="쪽지 보내기">쪽지 보내기</a></div>
    		<?php endif?>
    	</td>
    </tr>

     

    users-list.php 파일

    <?php
    $args = array(
    	'order'   => 'DESC',
    	'orderby' => 'ID',
    	'number'  => 1,
    	'paged'   => $paged,
    	'search'  => "*$keyword*",
    	'search_columns' => array('user_login', 'user_nicename', 'display_name')
    );
    $query = new WP_User_Query(apply_filters('cosmosfarm_members_users_list_query_args', $args));
    $users = $query->get_results();
    
    foreach($users as $user){
    	echo $skin->users_list_item($user);
    }
    
    if(!$query->get_total() && $paged == 1):
    ?>
    <li class="not-found"><?php echo __('No users found.', 'cosmosfarm-members')?></li>
    <?php endif?>

     

    users.php 파일

    <?php if(!defined('ABSPATH')) exit;?>
    
    <?php echo $skin->header()?>
    
    <div id="cosmosfarm-members-users">
    	<input type="hidden" name="users_request_url" value="<?php echo get_permalink()?>">
    	<input type="hidden" name="users_list_page" value="1">
    	<input type="hidden" name="users_list_keyword" value="<?php echo esc_attr($keyword)?>">
    	
    	<div class="users-search">
    		<form method="get" action="<?php echo get_permalink()?>">
    			<input type="text" name="keyword" value="<?php echo esc_attr($keyword)?>" placeholder="<?php echo __('Search', 'cosmosfarm-members')?>">
    		</form>
    	</div>
    	
    	<table>
    		<thead>
    			<tr>
    				<td>NICKNAME</td>
    				<td>NAME</td>
    				<td>AFFILIATION</td>
    				<td>GENDER</td>
    				<td>DATE OF BIRTH</td>
    				<td>EMAIL</td>
    				<td></td>
    			</tr>
    		</thead>
    		<tbody class="users-list">
    		<?php echo $skin->users_list()?>
    		</tbody>
    	</table>
    	<button type="button" class="users-more cosmosfarm-members-button" onclick="cosmosfarm_members_users_more(this)"><?php echo __('More', 'cosmosfarm-members')?></button>
    </div>

     

    더보기 버튼 클릭 시 users-list 클래스를 가진 영역의 안쪽 하단에 추가됩니다.

    고맙습니다.

  • 
    			<tr>
    				<td>
    					<div class="add-item-middot item-display-name">
    						<?php 
    							$user_info = get_userdata($user->ID);
    							if($user_info->roles[0] == 'administrator'){
    								$user_display = '<i class="user-role-'.$user_info->roles[0].'"><img class="img_grade"  src="/wp-content/uploads/2019/04/레벨아이콘관리자.png"></i>' . $user_display;
    							}
    						?>
    						<?php echo $user_display, $user->first_name?>
    						<div class="mobile_user">
    							<?php 
    							if($user->open_nick=='open'):
    								echo $user->first_name;
    							else : 
    								echo '비공개';
    							endif;
    							?>
    						</div>
    					</div>
    				</td>
    				<td><div class="add-item-middot item-display-name"><?php echo $user->last_name;	?></div></td>
    				<td><div class="add-item-middot item-display-name"><?php echo $user->cluster; ?></div></td>
    				<td>
    					<div class="add-item-middot item-display-name"><?php echo $user->sex; ?>
    						<div class="mobile_user">
    							<?php 
    							if($user->open_birth=='open'):
    								echo $user->birth;
    							else : 
    								echo '비공개';
    							endif; ?>
    						</div>
    					</div>
    				</td>
    				<td>
    					<div class="add-item-middot item-display-name"><?php 
    						if($user->open_birth=='open'):
    							echo $user->birth;
    						else : 
    							echo '비공개';
    						endif; ?>
    					</div>
    				</td>
    				<td>
    					<div class="add-item-middot item-display-name"><?php 
    						if($user->open_email=='open'):
    							echo $user->user_email;
    						else : 
    							echo '비공개';
    						endif; ?>
    						<div class="mobile_user">
    							<?php if($user->ID != get_current_user_id()):?>
    							<div class="add-item-middot item-message">
    								<a href="<?php echo get_cosmosfarm_members_messages_url(array('to_user_id'=>$user->ID, 'redirect_to'=>$_SERVER['REQUEST_URI']))?>" title="쪽지 보내기">쪽지 보내기</a>
    							</div>
    							<?php endif?>
    						</div>
    					</div>
    				</td>
    				
    				<td>
    					<?php if($user->ID != get_current_user_id()):?>
    					<div class="add-item-middot item-message"><a href="<?php echo get_cosmosfarm_members_messages_url(array('to_user_id'=>$user->ID, 'redirect_to'=>$_SERVER['REQUEST_URI']))?>" title="쪽지 보내기">쪽지 보내기</a></div>
    					<?php endif?>
    				</td>
    			</tr>
    	
    

    users-list-item-default.php 입니다.

     

    <?php
    $args = array(
    		'order'   => 'DESC',
    		'orderby' => 'ID',
    		'number'  => 20,
    		'paged'   => $paged,
    		'search'  => "*$keyword*",
    		'search_columns' => array('user_login', 'user_nicename', 'display_name')
    );
    $query = new WP_User_Query(apply_filters('cosmosfarm_members_users_list_query_args', $args));
    $users = $query->get_results();
    
    foreach($users as $user){
    	echo $skin->users_list_item($user);
    }
    echo '</tbody>
    	</table>';
    if(!$query->get_total() && $paged == 1):
    ?>
    <li class="not-found"><?php echo __('No users found.', 'cosmosfarm-members')?></li>
    <?php endif?>
    

    user-list.php 입니다.

     

    <?php if(!defined('ABSPATH')) exit;?>
    
    <?php echo $skin->header()?>
    
    <div id="cosmosfarm-members-users">
    	<input type="hidden" name="users_request_url" value="<?php echo get_permalink()?>">
    	<input type="hidden" name="users_list_page" value="1">
    	<input type="hidden" name="users_list_keyword" value="<?php echo esc_attr($keyword)?>">
    	
    	<div class="users-search">
    		<form method="get" action="<?php echo get_permalink()?>">
    			<input type="text" name="keyword" value="<?php echo esc_attr($keyword)?>" placeholder="<?php echo __('Search', 'cosmosfarm-members')?>">
    		</form>
    	</div>
    	
    	<ul class="users-list">
    		<table>
    		<thead>
    			<tr>
    				<td>NICKNAME</td>
    				<td>NAME</td>
    				<td>AFFILIATION</td>
    				<td>GENDER</td>
    				<td>DATE OF BIRTH</td>
    				<td>EMAIL</td>
    				<td></td>
    			</tr>
    		</thead>
    		<tbody>
    		<?php echo $skin->users_list()?>
    	</ul>
    	
    	<button type="button" class="users-more cosmosfarm-members-button" onclick="cosmosfarm_members_users_more(this)"><?php echo __('More', 'cosmosfarm-members')?></button>
    </div>

    users.php 입니다.

     

    결과는 이 url 이미지와 같습니다. https://imgur.com/9ywEtjo

    위쪽은 레이아웃 수정된 부분이고 아래쪽이 깨지는 부분입니다.

     

    카테고리는 워드프레스로 변경해뒀습니다

    감사합니다.

  • 안녕하세요~^^

    코스모스팜 회원관리 플러그인 회원 리스트 더보기 버튼 클릭 시에도

    users-list-item-default.php 파일에서 표시하고 있습니다.

    레이아웃을 어떻게 수정하셨는지 알려주시면

    도움 드릴 방법을 찾아보겠습니다.

     

    코스모스팜 회원관리 플러그인 관련해서는 워드프레스 카테고리에 글 남겨주시길 부탁드립니다.

    고맙습니다.

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