자주묻는 질문(FAQ)
Total 11건
- 게시판 내용에 유튜브 동영상을 삽입하여 바로 플레이 하고 싶어요
-
유튜브 동영상을 동영상에서 바로 플레이 하고 싶은 경우에는 원하는 유튜브 주소중 임베디드 주소를 복사하고 아래 주소 입력칸에 주소를 붙여 넣으시면 됩니다.
반응형으로 작동됩니다.(PC, 모바일)
1. 게시판에 아래 소스 붙여넣기
<div class="kp-responsive-video"> <iframe src=유튜브임메디드주소 붙여넣기; title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div>
위 소스를 게시판에 바로붙여 넣으시면 됩니다.
* 임베디드 주소 복사하기
가. 해당 영상 하단의 공유 버튼 클릭 후 팝업이 뜨면 맨 앞 퍼가기 클릭
나. 동영상 퍼가기 중 유튜브 주소 복사
2. CSS 추가하기 (아래 CSS를 해당 섹션이나 대시보드 > Custom CSS & JS에 추가하시면 됩니다.
.kp-responsive-video {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 비율 */
height: 0;
overflow: hidden;
}
.kp-responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
- 이미지 우클릭 방지 설정하고 싶어요.
-
홈페이지에 기재된 이미지의 무단 도용을 막기 위해, 이미지내 우클릭 해제 설정이 가능합니다.
관리자 로그인 > Custom CSS&JS > Add Custom JS로 이동하여 아래의 가이드에 맞게 붙임의 파일 업로드.
- Member 순서를 수정하고 싶어요.
-
member 순서를 수정하고 싶을 때
해당 페이지에서 엘리먼트 편집 > Posts 편집
콘텐츠 > Query 에서 Order By 부분 수정으로 순서 변경 가능합니다.
- Order By (정렬 기준) :
Title,Date등 선택 가능 - Order (정렬 방향) :
ASC(오름차순),DESC(내림차순) 선택 - 예시
- 이름순 → Order By: Title + Order: ASC
- 최근 등록순 → Order By: Date + Order: DESC
- 등 ..
- Order By (정렬 기준) :
- 아이폰에서 하단 푸터 글자색이 사용자가 정의한 색상이 아니라 다른 색으로 지정되는 경우
-
아이폰의 경우 모바일 버전에서 전화번호는 바로 전화걸기 링크가 활성화 되면서 색상이 사용자가 정의한 으로 나타나지 않습니다.
이 영우 푸터 편집기에서 <meta name="format-detection" content="telephone=no"> 를 전화번호 위에 추가시켜 주면 됩니다.
예시)
1. 비주얼 편집기에서 해당 영역을 지정하고 white로 색상지정
2. 텍스트 편집기에서 <meta name="format-detection" content="telephone=no"> 추가
위 태그를 넣을경우 클릭시 전화걸기 기능은 해제 됩니다. 작업시 참고 바랍니다.
- template 템플릿 유형 확인하고 싶을 때
-
메인 , 페이지, 게시판 템플릿을 확인하고 싶을때 아래 사이트를 참고한다.
http://template.snu.ac.kr/
- 서울대 관련 사진을 넣고싶은데 사진이 없어요.
-
서울대 포토갤러리 확인하여 마음에 드는 사진 이용신청.
https://photosnu.snu.ac.kr/
- 기관 UI를 만들고 싶어요.
-
서울대학교 UI가이드를 활용하여, https://identity.snu.ac.kr/ 기관UI 제작 안내로 로고 생성
https://identity.snu.ac.kr/guide/makelogo
- 화면에서 리스트가 '더보기(Load more)' 버튼 없이 한 번에 전체가 모두 표시되도록 하고 싶을 때
-
1. 엘리멘터 편집으로 접속
Item Per Page에 -1 or 값 지움 ( 현재 표시가 4라면, 화면에 4개까지만 표시된다는 의미)
2. 하단의 Load more 클릭하여 비활성화
- [기관용] 홈페이지 메인의 초록색 하이라이트선을 없애고 싶어요.
-
하이라이트선 삭제 및 색변경은
[엘리멘터편집] - [우측 섹션-컬럼-Slides ] 클릭 - [좌측 Slides 편집 - 고급 - Custom CSS] 부분에서 색 변경 or elmentor-slide-heading:after 라인 삭제하시면 됩니다.
컬러코드 참고사이트 (구글 검색) : HTML 컬러 코드
- 페이지의 메뉴 경로가 추가한 여러 개의 메뉴이름이 동시에 보일때,
-
위와 같이, 메뉴의 이름이 중복으로 표시되는 경우는,
- 메뉴당 페이지를 생성하지 않고, 하나의 페이지로 메뉴에만 추가할 경우 발생한다.
해결책
- 원본 페이지에 대한 메뉴만 남기고, 복사한 페이지는 삭제
- 메뉴별 페이지를 생성하여, 메뉴에 추가
- 페이지 컨텐츠[Edit with Elementor] 편집모드 시, 빈 공란으로 보일 경우
-
페이지를 수정하려고 편집모드로 입장 했을 때, 갑자기 빈 공란으로 보일 경우가 있다.
○ 이 경우 다음과 같은 이유들이 있다.
- 여러명이 동시에 편집 및 수정 진행할 경우에 컨텐츠들이 소실(스누CMS는 하나의 페이지를 한명의 편집자만 수정 가능)
- Edit with Elementor 수정 시, 자동 저장 등으로 인하여 컨텐츠들이 소실
○ 해결책
- 해당 페이지 편집( element 편집이 아님)에서 리비전을 확인
- 자동저장 복구 혹은 원하는 시점으로 복구
