애니빌드.LAB
토론방
소스관련 디자인 관련
- s**c
- 2015-10-23 12:58:40
- hit5954
- http://lab.anybuild.co.kr/bbs/qna/4946
(필수) 확인 가능한 전체 URL:
포트폴리오에 돋보기이미지 클릭시 이미지 확대창이 뜨는 것처럼
미니홈피시안에도 똑같이 적용되게 하고 싶습니다.
방법 자세히 알려주세요.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
현재 홈페이지상에 포트폴리오를 클릭을 하면 사이트 썸네일 아래부분에 돋보기가 있는데 이걸 클릭을 하면 새창으로 해서 사이트가 뜨도록 되어있습니다.
이것을 다른곳에 붙이신다는건가요?
그리고 미니홈피시안이라는게 어디에 있는건가요?
자세하게 설명을 부탁드리겠습니다.
포트폴리오 페이지에 사이트 썸네일 아래 돋보기 클릭시 새창 사이트가 뜨는 것과 동일한 방법으로
홈페이지 제작>미니홈피 시안 페이지에 사이트 썸네일 아래 돋보기이미지 클릭시 확대된 크기 썸네일 이미지 새창을 띄우고 싶습니다.
썸네일 아래 돋보기이미지 적용 방법과 돋보기 클릭시 새창에 확대 썸네일 이미지 띄울 수 있는
사용방법 자세하게 설명 부탁드리겠습니다.
포트폴리오는 현재 추가페이지와 맞춤xml로 처리가 되고 있습니다.
이와 동일하게 구성을 하실려면 해당 소스를 그대로 가져와서 처리를 해주시면 될듯 합니다
포트폴리오를 클릭을 해보시면 /page/sub5_1 로 주소창에 보여지는데 여기서 page라는것이 추가페이지를 의미합니다.
관리자 페이지 디자인 관리 > 고급 디자인 관리 > 추가페이지 관리에서 sub5_1코드를 찾으면 보이실건데요..
검색을 통해서 찾으신다음 수정을 클릭을 하면 아래와 같은 소스가 나옵니다.
소스가 비교적 간단합니다.
위의 내용은 타이틀과 타이틀에 대한 내용이 출력이 되고 있고 아래부분은 그룹디자인으로 구성이 되어있습니다.
실질적인 내용출력은 그룹디자인에서 처리를 한다고 보시면 될듯 합니다.
그럼 일단 이거와 동일한 페이지를 하나 만들어서 그 뒤에 그룹디자인도 하나 만들게 되면 포트폴리오와 같은형태의 디자인을 처리할 수 있습니다.
반응형 홈페이지이기 때문에 css에서 많은 내용을 처리를 하기 때문에 실질적인 html 내용으로는 어떠한 내용으로 출력이 될지는 잘 파악이 되지 않습니다.
그럼 일단 그룹디자인을 찾아서 그 그룹디자인도 소스를 살펴보도록 하겠습니다.
관리자 페이지 디자인 관리 > 고급 디자인 관리 > 그룹디자인 관리에 가셔서 위의 그룹디자인으로 검색을 하시면 해당 그룹디자인이 나오는데요..
거기서 우측에 수정버튼을 클릭을 하셔서 소스를 살펴보시기 바랍니다.
위의 내용이 그룹디자인 소스 내용인데요..그룹디자인 소스 역시 그렇게 길지 않네요..
{@
$program_set[xml_code] = "portfolio";
$my_xml_row = program_load(MY_XML);
@}
위의 두줄로 미뤄봤을떄 맞춤 xml로 파일을 등록을 하고 있는 것같습니다.
정리를 하자면 포트폴리오와 동일하게 처리를 할려면 일단 맞춤 xml 파일관리에서 portfolio와 동일한 형태의 맞춤xml파일을 생성을 해서
그룹디자인은 기존 포트폴리오 그룹디자인을 그대로 가져와서 portfolio라는 부분은 새로만드신 맞춤xml코드로 대체를 해서 그룹디자인을 생성을 하신뒤
추가페이지를 포트폴리오의 내용을 보사를 해서 새로만드신 그룹디자인으로 대체를 하면 포트폴리오와 동일한 디자인으로 처리가 됩니다.
맞춤 xml의 경우는 관리자 페이지 디자인 관리 > 전문가 환경설정 > 맞춤 xml 파일생성에서 관리를 합니다.
위의 포트폴리오 환경설정을 클릭을 하면 각 항목마다 내용이 기재가 되어있는데요..그 내용을 기억을 해서 메뉴추가 버튼을 통해서 새로운 맞춤 xml을 생성을 하시면 됩니다.
그런다음 데이터 관리쪽에 관련 내용들을 기재를 해주시기 바랍니다.