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

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

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

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

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

CSS 코드 추가 시에는

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

고맙습니다.

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

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

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

고맙습니다.

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

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

감사합니다.

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

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

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

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

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

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

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

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

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

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

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

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

고맙습니다.

여기까지 user-list-item.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.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);
}

if(!$query->get_total() && $paged == 1):
?>
<li class="not-found"><?php echo __('No users found.', 'cosmosfarm-members')?></li>
<?php endif?>
<style type="text/css">
	tbody tr:first-child, tbody tr:last-child{display: none !important;}
</style>

여기까지 user-list.php입니다.

https://altruists.net/all-members/
여기서 확인 가능하시고

테스트계정은

ID,PW  동일하게

cosmosfarm_test로 로그인하시면 됩니다

로그인페이지는 /login 입니다.

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

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

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

고맙습니다.

답변 감사합니다.

기존 리스트 영역은 <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 클래스를 가진 영역의 안쪽 하단에 추가됩니다.

고맙습니다.

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

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

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

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

고맙습니다.