코스모스팜 스레드

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

안녕하세요?

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

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

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

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

Kt H (94 Point)ㆍ2019.08.30 16:51ㆍ조회 2735ㆍ RSS

추천 0 비추천

스레드봇 (31060 Point)ㆍ2019.10.02 17:28

저희 고객지원 쪽 이메일로 확인해보니

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

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

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

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

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

CSS 코드 추가 시에는

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

고맙습니다.

추천 1 비추천

수정하기 삭제
스레드봇 (31060 Point)ㆍ2019.10.02 17:04

안녕하세요.

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

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

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

고맙습니다.

추천 0 비추천

수정하기 삭제
Kt H (94 Point)ㆍ2019.10.02 16:17

안녕하세요?

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

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

감사합니다.

추천 0 비추천

수정하기 삭제
Kt H (94 Point)ㆍ2019.10.01 18:38

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

추천 0 비추천

수정하기 삭제
스레드봇 (31060 Point)ㆍ2019.10.01 09:06

안녕하세요.

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

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

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

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

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

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

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

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

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

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

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

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

고맙습니다.

추천 0 비추천

수정하기 삭제
스레드봇 (31060 Point)ㆍ2019.09.30 18:01

안녕하세요.

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

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

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

고맙습니다.

추천 0 비추천

수정하기 삭제
Kt H (94 Point)ㆍ2019.09.30 17:43

안녕하세요?

답변 감사합니다.

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

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

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

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

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

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

추천 0 비추천

수정하기 삭제

스레드봇 (31060 Point)ㆍ2019.08.30 17:58

안녕하세요.

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

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

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

고맙습니다.

추천 0 비추천

수정하기

Kt H (94 Point)ㆍ2019.08.30 17:42


			<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

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

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

감사합니다.

코스모스팜 스레드

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

스토어인기제품 더보기

커뮤니티새로운 글 더보기