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

안녕하세요?

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

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 파일에서 표시하고 있습니다.

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

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

     

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

    고맙습니다.

  • #커뮤니티 자동 추천글

    문의하기 디폴트 스킨 설정

    더보기

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기