안녕하세요.
현재 KBoard 세계지도 프랜차이즈를 사용중에 있습니다.
지점들을 등록하여 서브페이지에서 사용중에 있는데요, 같은 숏코드를
메인페이지에서 지도만 사용하고 싶습니다.
(상단의 지도와 그 밑에 등록한 지점 리스트가 기본 폼)
그래서 메인페이지의 하단 리스트를 display: none 으로 노출을 안시켰으나
기존에 사용하던 서브페이지에서도 같이 안나와서요ㅠ
하나 더 만들어서 사용하기엔 운영 시 두곳에 지점등록이 필요하여
한 숏코드를 사용하여 2페이지에서 노출하되, 한 페이지에서는 지도만 노출(하단 지점 리스트 히든)하고 싶을땐
어떻게 사용해야할까요?
안녕하세요~^^
KBoard 플러그인 게시판 스킨의 CSS 수정할 경우
동일한 스킨을 사용하는 게시판의 레이아웃이 동일하게 변경됩니다.
<body> 태그에 추가된 클래스에 페이지 id로 별도로 적용할 수 있습니다.
비회원으로도 확인 가능한 페이지 주소 알려주시면
CSS 코드로 해결이 가능할지 살펴보겠습니다.
고맙습니다.
답변 감사합니다.
아래 두개 url중 위 url(메인페이지)에서만 지도 아래 리스트를 숨기고 싶습니다.
확인 부탁드려요. 감사합니다!
http://checkupscar.com/
http://checkupscar.com/reservation/
올려주신 페이지에서 메인 페이지의 id는 18입니다.
메인 페이지에서 지도만 표시되게 하시려면
아래의 CSS 코드를 활용해보시겠어요?
/* 카테고리 */
.page-id-18 #kboard-worldmap-franchise-list .kboard-category { display: none; }
/* 검색 */
.page-id-18 #kboard-worldmap-franchise-list .kboard-search { display: none; }
/* 게시글 목록 */
.page-id-18 #kboard-worldmap-franchise-list .kboard-list { display: none; }
/* 페이징 */
.page-id-18 #kboard-worldmap-franchise-list .kboard-pagination { display: none; }
/* 글쓰기 */
.page-id-18 #kboard-worldmap-franchise-list .kboard-control { display: none; }
CSS 코드는
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 추가해보세요.
워드프레스 사이트에서 페이지 ID를 확인하는 방법은
아래의 링크를 참고해보세요.
또는 크롬 브라우저 개발자 도구(F12)를 활용하시면
body 태그의 클래스 쪽에서 확인하실 수 있습니다.
고맙습니다.