wp-members 회원정보 페이지 CSS 수정 방법

안녕하세요. 현재 avada테마, 코스모스팜 1년구매권, 퍼스트컨텐츠몰 스킨을 적용중에 있습니다.

코스모스팜 회원가입관리 - '메뉴에 로그인 링크 추가' 하여, 메뉴바에 로그인과 회원가입이 자동 생성되도록 한 상태입니다.

문의에 대한 사진 링크는 https://imgur.com/EKzeZi5 입니다. 

질문1) 아바타 어떻게 삭제하나요 ㅠㅠ 무쓸모인듯해요...ㅠㅠ

 질문2)3 * 2의 엑셀테이블 같은(?) 주문, 내 정보 수정, 비밀번호 변경, 로그아웃, 계정삭제 뭔가 kboard 게시판처럼 산뜻하게 바꿀 수 없나요? ㅠㅠ

          기초적인 수준의 css html은 해봤습니다. php는 모릅니다. ㅠㅠ 방법이 있는지요. 제가 좀 디자인을 바꾸고 싶네요. 산뜻하게 바꿔주시는 코드 주시면 더욱 좋을거 같기도 합니다 ㅠㅠ 

          현재 3*2가 뭐랄까 굉장히 미래지향적인 디자인 같습니다 ㅠㅠ. 

          저 디자인을 차라리 1 * 5로 바탕색은 흰색 폰튼 색깔은 진한 핑크색으로 만들고 싶어요.

          감사합니다

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    1. 코스모스팜 회원관리 플러그인 회원정보 페이지에서

    아바타를 안 보이게 하시려면

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

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

    .cosmosfarm-members-form .profile-header .avatar-img { display: none; }

     

    2. 회원정보 메뉴를 KBoard 게시판처럼 바꾸는 건 어떤건지요?

    참고할만한 사이트나 이미지 알려주시면 가능할지 살펴보겠습니다.

    회원정보 메뉴는 사이트 설정 또는 사용 중이신 플러그인에 따라 표시하고 있습니다.

    한 줄에 5개씩 표시하고 배경 색상 및 폰트 색상을 변경하시려면

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

    .cosmosfarm-members-form .members-link { background-color: white; }
    .cosmosfarm-members-form .members-link li { width: 20%; }
    .cosmosfarm-members-form .members-link li a { color: #e91e63; }

    고맙습니다.

  • 오 감사합니다.

    그런데, 퍼스트 콘텐츠몰 스킨이 우커머스랑 호환이 안된다고 글을봐서, 우커머스 플러그인을 모두 껐습니다.

    그랬더니, https://imgur.com/WTEk3pC처럼 나와버렸습니다.ㅠㅠ

     

    Q) 이것을 https://imgur.com/U1osMWA처럼 보이게 하고 싶습니다.

    스샷에서 보이는 '주문조회는', '퍼스트 컨텐츠 몰'의 게시판 좌측사이드바의 페이지(전체상품,주문조회,판매조회,상품등록)에 있는 '주문조회'를 의미합니다.

    제가 올린 스샷처럼 보이게하고, 링크하면 주문조회내역이 뜨게끔 하고싶어요. 이렇게 가능한가요 ㅠㅠ

    그리고 장바구니 기능은 아직없는걸로 아는데요, 추후 꼭 좀 부탁드리겠습니다 ㅠㅠ

    감사합니다.

  • 안녕하세요.

    올려주신 이미지처럼 적용하시려면 기존 CSS 코드를

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

    .cosmosfarm-members-form .members-link { background-color: white; border: none; }
    .cosmosfarm-members-form .members-link li { width: 20%; }
    .cosmosfarm-members-form .members-link li a { border-right: none; border-bottom: none; border-left: 1px solid blue; color: #e91e63; }
    .cosmosfarm-members-form .members-link li a:hover { border-bottom: none; }
    .cosmosfarm-members-form .members-link li:first-child a { border-left: none; }

    위의 코드에서 테두리 색상은 원하시는 색상으로 교체해보세요.

     

    워드프레스 관리자 -> 외모(테마 디자인) -> 테마 편집기 페이지에서 functions.php 파일 하단에

    아래의 코드를 추가해보세요.

    add_filter('wpmem_member_links_args', 'my_wpmem_member_links_args', 999, 1);
    function my_wpmem_member_links_args($args){
    	$rows[] = '<li class="my-link1"><a href="게시판주소/?mod=history&pageid=1">주문</a></li>';
    	$args['rows'] = array_merge($rows, $args['rows']);
    	return $args;
    }

    위의 코드에서 게시판 주소 부분에는 KBoard 콘텐츠몰 스킨이 설치된 페이지 주소로 교체해보시겠어요?

    고맙습니다.

  • 네 감사합니다. 선생님!

    문제가 있는데요 혹시, 게시판이 여러개가 있는경우 어떻게 하나요?

    현재 게시판1, 게시판2, 게시판3 이렇게 쓰고 있어서요. 사진 참고해주세요 https://imgur.com/HtULXnA

     

    내역 하나에 모아보기 기능 처럼 게시판 1~3까지 다 보이게 하여야 할거 같습니다 ㅠㅠ

    현재 <a href="게시판1/?mod=history&pageid=1">주문</a></li>'; 이라고 쓴 상황입니다. 따라서 게시판 1에 대한 내용만 보이네용.

     

    추후 서비스 배포 기간에는 게시판 10개 정도 만들 예정입니다. kboard 의 카테고리 기능은 게시판 마다 또 쓸 예정이라,

    카테고리 방법 말고 다른 해법을 제시해주시면 감사드리겠습니다. 크몽처럼 크게 만들 예정이라서요...ㅠㅠ

     

    방법이 있을 까요... 감사합니다

  • 안녕하세요.

    KBoard 퍼스트 콘텐츠몰 스킨에서 주문조회는 현재 각 게시판 별로 확인하실 수 있습니다.

    전체 게시판의 주문조회를 표시하는 건

    추후 연구 개발하여 업데이트하도록 하겠습니다.

    고맙습니다.

  • 네 다른방법을 써봐야겠네요 감사합니다!

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