카테고리
이미지/텍스트/버튼/아이콘 위젯
갤러리 위젯으로 인스타그램 연동하기
갤러리 위젯으로 인스타그램 연동하기 갤러리 위젯에 사용자의 인스타그램 계정을 연동하여 인스타그램 포스트를 불러올 수 있습니다. 연동 완료 후 새로운 인스타그램 포스트를 올리면 갤러리 위젯에도 따라서 올라갑니다. 참고: 인스타그램에 올린 새 포스트가 웹사이트의 갤러리 위젯에 표시되기 까지 약간의 시간이 소요될 수 있으며, 공동게시물은 갤러리 위젯에 연동되지 않습니다. 설정방법 1. 디자인 모드에 접속합니다. 2. 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭하고, 갤러리 위젯을 추가합니다. 3. 갤러리 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다. 4. 위젯 컨텍스트 메뉴가 나타나면 갤러리 설정을 클릭합니다. 5. 갤러리 연동 항목에서 이름 없는 갤러리를 클릭합니다. 6. 드롭다운 메뉴에서 인스타 계정에서 가져오기를 클릭합니다. 7. 설정 창 상단에 인스타그램 연동하기를 클릭합니다. 8. 인스타그램 계정으로 로그인합니다. 디자인 모드를 사용 중인 브라우저(예: Googl인스타그램(instagram) 연동 갤러리가 자꾸 연동이 풀려요.
인스타그램(instagram) 연동 갤러리가 자꾸 연동이 풀려요. 캠페이너스의 갤러리 위젯에서는 Instagram 특정 계정에 등록된 이미지를 불러올 수 있는 기능을 제공하고 있습니다. 불특정한 주기로 이 연동이 해제되는 현상이 발생할 수 있으나 이는 Instagram API 정책에 의한 것이므로 사이트 운영자 또는 캠페이너스측이 조치할 수 있는 사항이 없습니다. 인스타그램 API는 인증을 필요로 합니다. 인증된 요청에는 액세스 토큰을 필요로 합니다. 이 액세스 토큰은 사용자별로 고유하고 안전하게 저장되어야 합니다. 액세스 토큰은 언제든지 만료될 수 있습니다. The Instagram API requires authentication - specifically requests made on behalf of a user. Authenticated requests require an access_token. These tokens are unique to a user and shoul이미지가 표시되는 방식 맞춤설정하기
이미지가 표시되는 방식 맞춤설정하기 페이지에 이미지를 추가한 후 다음과 같이 이미지의 크기나 원형 처리, 설명 표시 등을 변경할 수 있습니다. 먼저 관리자 모드에서 디자인 모드를 클릭하여 디자인 모드에 진입합니다. 1. 이미지가 있는 페이지로 이동합니다. 2. 맞춤설정할 이미지에 마우스 커서를 올린 후 오른쪽 버튼을 클릭합니다. 3. 컨텍스트 메뉴에서 이미지 설정을 클릭합니다. 4. 이미지가 그리드 영역에 의해 잘리는 것을 원치 않으면 효과 항목에서 원본 크기로 체크합니다. 5. 이미지를 클릭하면 원본 크기로 확대되어 보이길 원할 경우 라이트 박스를 체크합니다. 6. 이미지를 원형으로 표시하고 싶으면 원형 썸네일을 체크합니다. 이미지 영역의 크기는 다음과 같이 변경할 수 있습니다. - 이미지 영역의 높이를 조절하려면 이미지 하단에 커서를 올린 후 위쪽 또는 아래로 드래그 합니다. - 이미지를 본문 폭이 아닌 브라우저 폭에 맞게 확장 하려면 마우스 오른쪽 버튼을 클릭하여 가로 영역 확사이트에 이미지 추가하기
사이트에 이미지 추가하기 컴퓨터에 있는 이미지나 캠페이너스에서 제공하는 이미지를 추가하여 시각적인 정보를 전달하거나 꾸밀 수 있습니다. 1. 이미지를 삽입할 메뉴(페이지)로 이동합니다. 2. 위젯 추가 버튼을 클릭하거나 그리드 사이에 마우스 커서를 올리면 나타나는 [+] 버튼을 클릭합니다. 3. 이미지 위젯을 선택합니다. 4. 이미지 위젯이 페이지에 추가되면, 추가된 위젯에 마우스 오른쪽 버튼을 클릭합니다. 5. 컨텍스트 메뉴에서 이미지 설정을 클릭합니다. 6. 업로드 버튼으로 내 컴퓨터에 저장된 이미지를 올리거나 무료 이미지 버튼으로 캠페이너스에서 제공하는 무료 이미지를 사용할 수 있습니다. 7. 어두워진 영역을 클릭하면 이미지 속성 레이어가 닫히면서 올려진 이미지를 확인할 수 있습니다.이미지의 적절한 해상도와 용량은?
1. 적절한 이미지 해상도? 캠페이너스는 반응형 솔루션이기 때문에 PC/태블릿/모바일 기기 해상도에 따라 이미지 크기가 달라집니다. 그렇기 때문에 적절한 이미지 해상도를 말하기는 참 어렵습니다. 하지만 캠페이너스 그리드 기준에 따른 사이즈를 안내드립니다. - 공통 디자인 그리드 기준 본문 폭 : 1280 px - 가로영역 확장 시 : 1920 px - 모바일 전용 가로 크기: 640px 위에서 말씀드렸듯이 해상도에 따라 보여지는 이미지 사이즈는 달라지므로 위에 안내드린 픽셀을 기준으로 적절한 사이즈를 찾으시기 바랍니다. 또한, 이미지 용량 최대 10MB, 해상도 8000 x 8000px 이상 업로드 불가한 점 참고 부탁드립니다. 2. 위젯 또는 섹션에 업로드할 이미지의 적절한 크기? 이미지 위젯, 이미지맵 위젯, 섹션 배경 등에 업로드할 이미지 파일의 크기(용량)에 대한 제한은 따로 없습니다. 단, 이미지의 용량은 사이트 속도에 영향을 미치는 부분이므로 큰 용량의 사용은 권장하지 않텍스트 위젯에서 표(테이블)의 디자인을 변경하고 싶습니다.
텍스트 위젯에서 표(테이블)의 디자인을 변경하고 싶습니다. 표(테이블)는 각종 데이터를 표시하기에 적합한 요소입니다. 데이터를 표시하는 것 외에도 레이아웃 구성을 위해서도 사용이 가능합니다. 하지만 테이블로 레이아웃을 구성하게 되면 모바일 기기에서 의도와 다르게 표시되기 때문에 권장하는 방법은 아닙니다. 텍스트 위젯에서 테이블 추가하기 1. 내 사이트의 디자인 모드에 접속합니다. 2. 텍스트 위젯을 추가합니다. 이미 텍스트 위젯이 원하는 위치에 삽입되어 있는 경우 이 과정은 생략합니다. 3. 텍스트 위젯을 더블클릭하여 편집 모드로 진입합니다. 4. 텍스트 위젯의 툴바에서 테이블 버튼을 클릭합니다. 5. 생성할 테이블의 행과 열을 선택합니다. 6. 테이블이 삽입된 모습을 확인할 수 있습니다. 테이블을 다양한 스타일로 꾸미기 텍스트 위젯의 테이블에서 셀을 클릭하면 위 이미지처럼 테이블 관련 도구모음이 나타납니다. 도구모음에서 [붓 모양 아이콘]을 클릭하여 옵션 선택으로 테이블 스타일을페이지에 텍스트 추가하기
페이지에 텍스트 추가하기 디자인 모드에서 내 사이트에 텍스트를 자유롭게 추가할 수 있습니다. 텍스트 추가 1. 텍스트를 추가할 위치에 마우스를 올리고 (+) 버튼을 클릭합니다. 또는 좌측 메뉴에서 + 버튼(위젯 추가)을 클릭합니다. 2. 위젯 선택창에서 '텍스트'를 선택합니다. 3. 텍스트 위젯이 추가되면 마우스로 더블 클릭하여 수정 모드로 진입합니다. 4. 원하는 텍스트를 입력합니다. 5. 필요에 따라 텍스트 크기(단락) 변경, 색상 변경, 링크 추가, 표 삽입 등을 할 수 있습니다. 6. 편집을 마쳤으면 텍스트 위젯 바깥 영역을 클릭하여 편집을 종료합니다. 텍스트 수정 1. 수정할 텍스트가 있는 곳에 마우스로 더블 클릭합니다. 2. 텍스트를 수정합니다. 3. 편집을 마쳤으면 텍스트 위젯 바깥 영역을 클릭하여 편집을 종료합니다.비주얼섹션 버튼추가하기
비주얼섹션 버튼추가하기 비주얼 섹션 설정에서 버튼 추가하기 1. 텍스트 에디터에 버튼명을 작성합니다.(예: 알아보기) 2. 입력한 텍스트를 마우스로 드래그해서 선택합니다. 3. 텍스트가 선택된 상태에서, 텍스트 도구의 링크 를 클릭합니다. 4. 이동할 URL(주소)를 입력하고, 삽입을 클릭합니다. 5. 링크 추가 완료 직후 아래 그림처럼 링크 옵션이 나타납니다. 6. 링크 옵션에서 스타일 를 클릭합니다. 7. 큰 버튼, 작은 버튼, 아주 작은 버튼 중 하나를 선택합니다. 8. 텍스트 에디터에 버튼이 생성됩니다. 버튼 수정하기 1. 버튼명을 마우스로 클릭합니다. 2. 링크 수정 아이콘을 클릭합니다. 3. URL 또는 텍스트를 수정합니다. 4. 삽입을 클릭해 수정을 완료합니다.FTP 접속을 지원하나요?
FTP 접속을 지원하나요? 캠페이너스는 FTP 방식을 지원하지 않습니다. 대량의 파일을 올리거나, 올린 파일들을 관리할 때 FTP가 필요할 수 있지만, 캠페이너스의 경우 몇 가지 이유로 FTP를 제공하지 않고 있습니다. 왜 지원하지 않나요? 타사 솔루션들은 웹호스팅 방식의 독립된 공간과 분리된 소스코드로 동작하는 반면, 캠페이너스는 중앙 집중식으로 관리하고 있습니다. 즉, 사이트별로 동일한 소스코드를 사용하여 동일한 기능이 동작되는 셈입니다. FTP를 지원하지 않는 대신 캠페이너스의 업데이트 사항이 사이트별로 자동으로 반영되어, 관리자들이 별도의 조치를 하지 않아도 항상 최신의 상태를 유지할 수 있도록 합니다. 단, 사이트별로 나뉘어진 영역이 존재하지 않기에 FTP를 제공하기 어려운 측면이 있습니다. 대안은 무엇인가요? 대량의 파일 업로드가 필요한 상황은 주로 상품 이미지 등록이나, 타사에서 사용하던 게시물에 연결된 첨부 파일(이미지)이 대부분일 것이며 아래와 같은 대안을 제공하고텍스트 위젯을 사용한 카드 디자인
텍스트 위젯을 사용한 카드 디자인 언제 사용하면 좋을까요? - 배경 이미지 가운데 글자 작성하고자 할 때 - 카드 디자인을 색다르게 하고 싶을 때 활용 예시 - 제작 방법 - 텍스트 위젯을 만든다 - 텍스트 위젯 설정에서 높이를 500px 정도로 조정 - 내부 좌우 상하 여백을 30px 정도로 조정 - 테두리를 실선을 지정 - 적절한 배경이미지를 설정 - 가운데 원하는 텍스트나 버튼을 설정하고 디자인 완료특정 섹션으로 이동하도록 링크 연결이 가능한가요? (앵커, Anchor)
특정 섹션으로 이동하도록 링크 연결이 가능한가요? (앵커, Anchor) 방문자가 버튼 또는 링크 클릭 시 페이지 내 특정 섹션으로 이동하도록 설정할 수 있습니다. 모든 섹션마다 고유의 ID를 가지고 있으며, 링크할 주소 끝에 섹션 ID를 입력하는 것으로 설정이 가능합니다. 설정방법 본 도움말에서는 버튼 위젯을 사용합니다. 버튼 위젯 외에도 링크를 삽입할 수 있는 위젯이라면 모두 사용 가능합니다. 1. 디자인 모드에 접속합니다. 2. 왼쪽 상단의 ＋ 아이콘을 클릭합니다. 3. 버튼 위젯을 클릭합니다. 4. 버튼 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다. 5. 컨텍스트 메뉴가 나오면, 버튼 설정을 클릭합니다. 6. 링크 방식을 링크 또는 코드로 선택합니다. 7. 오른쪽 링크 주소 입력란에 /메뉴URL를 입력하고 #섹션ID를 붙여서 입력합니다. 예시: /about#s201910224dc7406405bc4 --- 섹션 ID는 어떻게 알아내나요? 섹션 ID란 각