이미지, PDF 파일, 비디오 및 기타 객체 삽입
EasyWebshop CMS 편집기는 웹사이트에 모든 종류의 객체를 추가할 수 있는 많은 유연성을 제공합니다. 이 페이지는 추가할 수 있는 객체를 요약합니다. 객체는 다음 섹션에 삽입할 수 있습니다:
참조
- 사진, 이미지 및 로고
- 하이퍼링크, 배너 및 버튼
- PDF 파일 및 카탈로그
- MP3 및 OGG 오디오 파일
- 비디오 또는 영화
- 성인 콘텐츠 경고
- 애니메이션 GIF
- 배경 음악
- 블로그 (RSS 피드 포함), 포럼 및 방명록
- 텍스트 주위의 테두리
- 채팅 상자 또는 외침 상자
- 열 및 표
- 쿠키 경고
- 고객 피드백 및 리뷰
- 웹 양식
- POI가 있는 지도
- 사진 갤러리 또는 슬라이드쇼
- 인쇄 버튼
- 외부 검색 상자
- Robots.txt 및 XML 사이트맵
- 좋아요 버튼 및 소셜 플러그인
- 방문자 카운터
- 웹캠
- HTML, CSS 및 JavaScript 코드
KISS 원칙
더 많은 객체를 삽입할수록 웹사이트가 더 복잡해 보이고 느려질 것입니다.
따라서 웹사이트를 간단하게 유지하는 것을 권장합니다.
사진, 이미지 및 로고 삽입하기
이미지 아이콘을 클릭하여 이미지를 업로드하고 삽입합니다.
- 상단 메뉴에서 업로드 링크를 클릭합니다.
- 파일 업로드 버튼을 클릭하여 장치에서 파일을 선택합니다.
하위 폴더(또는 하위 디렉토리)가 있는 경우 이미지를 업로드할 하위 폴더를 선택할 수 있습니다. 파일이 많은 경우 하위 폴더를 만드는 것이 좋습니다. 파일 개요에서 새 폴더 아이콘을 클릭하여 이를 수행할 수 있습니다.
이미지 파일을 선택한 후 크기를 조정할 수 있습니다. 빠른 로딩을 위해 최대 800x600 픽셀을 권장하지만, 더 높은 해상도를 원하면 더 큰 사진을 업로드할 수 있습니다.
- 업로드 버튼을 클릭하여 이미지를 업로드합니다.
- 업로드 후, 이미지 아래의 삽입 아이콘을 클릭합니다.
내 이미지 개요에서도 이미지를 찾을 수 있습니다. 따라서 다른 페이지에 동일한 이미지를 삽입하려면 이미지를 다시 업로드할 필요가 없습니다.
스마트폰에서는 이미지가 해상도에 관계없이 화면의 최대 너비로 축소됩니다. 이것은 수평 스크롤바가 나타나는 것을 방지합니다.
하이퍼링크, 배너 및 버튼 삽입하기
- 삽입 아이콘을 클릭하고 링크로 스크롤합니다.
- 하이퍼링크의 경우 하이퍼링크를 선택합니다.
- 버튼 또는 행동 촉구의 경우 하이퍼링크 버튼을 선택합니다.
- 배너, 이미지 또는 사진의 경우 하이퍼링크 사진을 선택합니다.
- 웹 주소(URL)를 입력합니다. 이는 내부 또는 외부 페이지일 수 있습니다.
선택적으로 방문자가 링크를 클릭할 때 새 브라우저 창을 열도록 선택할 수 있습니다.
PDF 파일 또는 카탈로그 업로드하기
업로드 아이콘을 클릭하여 PDF 파일을 업로드하고 삽입합니다.
- 상단 메뉴에서 업로드 링크를 클릭합니다.
- 파일 업로드 버튼을 클릭하여 장치에서 파일을 선택합니다.
- 업로드 후, 삽입 아이콘을 클릭합니다.
저작권이 있는 콘텐츠나 감염된 파일을 업로드하면 사전 경고 없이 웹샵이 즉시 삭제됩니다.
MP3 및 OGG 오디오 파일 삽입하기
업로드 아이콘을 클릭하여 MP3 또는 OGG 오디오 파일을 업로드하고 삽입합니다. MP3는 독점적이며, OGG는 개방형 및 특허가 없는 오디오 형식입니다.
- 상단 메뉴에서 업로드 링크를 클릭합니다.
- 파일 업로드 버튼을 클릭하여 장치에서 파일을 선택합니다.
- 업로드 후, 삽입 아이콘을 클릭합니다.
비디오 또는 영화 삽입
업로드 아이콘을 클릭하여 MP4 비디오 파일을 업로드하고 삽입합니다.
- 상단 메뉴에서 업로드 링크를 클릭합니다.
- 장치에서 파일을 선택하려면 파일 업로드 버튼을 클릭합니다.
- 업로드 후 삽입 아이콘을 클릭합니다.
파일 크기 제한은 25MB입니다. 비디오 파일이 더 크면 비디오 편집 소프트웨어로 압축하거나 비디오 웹사이트에 업로드해야 합니다.
또는 Bitchute, PeerTube, Rumble, Vimeo 및 YouTube와 같은 비디오 플랫폼에서 비디오를 삽입할 수 있습니다.
- 삽입을 클릭하고 유튜브 비디오를 선택합니다.
- 유튜브 비디오의 URL(주소 표시줄에서 복사)을 입력합니다.
비디오를 공유하기 위해 HTML 코드를 복사하여 삽입할 수도 있습니다. 아래에서 HTML 코드 삽입 방법을 설명합니다.
성인 콘텐츠 경고 삽입
- 설정 > 추가 옵션 > 연결으로 이동합니다.
- 위젯으로 스크롤합니다.
- 성인 콘텐츠 경고 위젯을 선택하고 확인합니다.
위젯에 대한 모든 문서는 위젯 연결 위키에서 찾을 수 있습니다.
애니메이션 GIF 삽입
90년대 팬이라면 웹사이트에 애니메이션 GIF 이미지를 추가할 수 있습니다.
- 이미지 업로드에 대해 설명한 것과 동일한 절차를 따릅니다.
- 이미지를 크기 조정하지 않도록 선택합니다.
이미지 크기를 조정하면 GIF 프레임이 깨져 이미지가 애니메이션 없이 표시됩니다.
배경 음악 삽입
배경 음악 사용을 권장하지 않습니다. 대부분의 방문자는 자동으로 시작되는 배경 음악에 짜증을 낼 것입니다. 이는 웹사이트 디자인의 나쁜 관행입니다.
이러한 이유로 소프트웨어에 포함되어 있지 않습니다. 그러나 가능하고 꽤 쉽습니다. 좋아하는 검색 엔진에서 "웹사이트에 배경 음악 추가"를 검색하여 튜토리얼을 찾으세요. 아래에서 HTML 코드 삽입 방법을 설명합니다.
블로그(RSS 피드 포함), 포럼 또는 방명록 삽입
블로그
EasyWebshop에는 내장된 블로그 기능이 있습니다. 블로그를 활성화하면 블로그라는 새 페이지가 추가되며, 그 페이지에는 [WEBSHOP_BLOG]라는 키워드가 포함됩니다. 웹사이트에서 이 키워드는 블로그로 대체됩니다.
포럼
EasyWebshop에는 포럼 기능이 없으며, 우리는 웹샵 소프트웨어에 집중합니다. 포럼이 필요하다면 외부에서 포럼을 만드는 것이 가장 좋은 방법입니다. 그런 다음 포럼에 대한 하이퍼링크를 만들 수 있습니다.
방명록
EasyWebshop에는 내장된 방명록 기능이 있습니다. 방명록을 활성화하면 방명록이라는 새 페이지가 추가되며, 그 페이지에는 [WEBSHOP_GUESTBOOK]라는 키워드가 포함됩니다. 웹사이트에서 이 키워드는 방명록으로 대체됩니다.
텍스트 주위에 테두리 삽입
텍스트 주위에 테두리를 배치하려면 삽입을 클릭하고 테두리를 선택합니다.
테두리 크기, 색상 및 배경 색상을 설정할 수 있습니다. 이러한 설정을 편집하려면 HTML 보기로 전환하여 소스 코드에서 편집할 수 있습니다.
채팅 상자 또는 외치기 상자 삽입
이를 위해 실시간 채팅을 사용하세요.
열 및 테이블 삽입
열은 텍스트와 이미지를 나란히 표시하는 데 사용할 수 있습니다. 작은 화면에서는 열이 수직으로 표시됩니다. 삽입을 클릭하고 열을 선택하세요.
테이블은 삽입을 클릭한 다음 테이블을 클릭하여 삽입할 수 있습니다.
넓은 테이블은 작은 화면에서 문제를 일으킬 수 있으며, 수평 스크롤바가 생길 수 있습니다. 따라서 반응형인 열을 사용하는 것을 권장합니다.
열과 테이블의 매개변수를 설정할 수 있습니다. 편집하려면 HTML 보기로 전환하여 소스 코드에서 편집할 수 있습니다.
쿠키 경고 삽입
- 설정 > 추가 옵션 > 연결로 이동하세요.
- 위젯까지 스크롤하세요.
- 쿠키 경고 위젯을 선택하고 확인하세요.
위젯에 대한 모든 문서는 위젯 연결 위키에서 확인할 수 있습니다.
고객 피드백 및 리뷰 삽입
이를 위해 고객 피드백 및 리뷰를 사용할 수 있습니다.
웹 양식 삽입
연락처 페이지에는 스팸 보호가 있는 웹 양식이 있습니다. 이 양식을 통해 전송된 메시지는 귀하의 이메일로 전송됩니다.
POI가 있는 지도 삽입
웹사이트에 회사 정보 또는 개인 데이터 표시가 활성화된 경우 정보 페이지에 기본적으로 지도가 표시됩니다. 기본 지도가 잘못되었거나 불충분한 경우 이 지도를 비활성화하고 다른 지도와 교체할 수 있습니다.
관심 지점(POI)이 있는 개인화된 지도도 삽입할 수 있습니다.
- 픽업 지점의 위치가 있는 지도
- 귀하의 매장 위치가 있는 지도
지도는 다음을 사용하여 생성할 수 있습니다:
- OpenStreetMap (오픈 소스)
- Google Maps (독점)
웹 주소(URL)가 있는 경우:
- 삽입 아이콘을 클릭하고 페이지 콘텐츠까지 스크롤하세요.
- 지도 표시를 클릭하세요.
- URL을 붙여넣고 삽입을 클릭하세요.
HTML 코드가 있는 경우:
- HTML 아이콘을 클릭하여 HTML 보기로 전환하세요.
- 지도를 삽입할 위치에 HTML 코드를 붙여넣으세요.
사진 갤러리 및 슬라이드쇼 삽입
슬라이드쇼 기능이 제공되지만 사진 갤러리는 없습니다.
- 하나 이상의 슬라이드쇼를 사진 갤러리로 사용할 수 있습니다.
- 가격 및 구매 버튼 없이 제품으로 카테고리를 채우고 이를 사진 갤러리로 사용할 수 있습니다.
- 사진을 직접 삽입할 수 있습니다.
- 새 페이지에 외부 사진 갤러리 스크립트를 삽입할 수 있습니다.
인쇄 버튼 삽입
- 삽입을 클릭하고 링크까지 스크롤한 다음 인쇄 아이콘을 선택하거나 인쇄 버튼을 선택하세요.
외부 검색 상자 삽입
- 설정 > 추가 옵션 > 연결로 이동하세요.
- 위젯까지 스크롤하세요.
- DuckDuckGo 위젯을 선택하고 확인하세요.
위젯에 대한 모든 문서는 위젯 연결 위키에서 확인할 수 있습니다.
Robots.txt 또는 XML 사이트맵 삽입
robots.txt 파일과 XML 사이트맵이 자동으로 생성됩니다. 도메인 이름 뒤에 /robots.txt 및 /sitemap.xml을 입력하여 찾을 수 있습니다.
자신의 파일을 업로드하는 것도 가능하지만 .txt 및 .xml 파일만 업로드할 수 있으며 기본 robots.txt 및 sitemap.xml을 교체하는 것은 불가능합니다.
좋아요 버튼 및 소셜 플러그인 삽입
이를 위해 소셜 네트워크를 사용할 수 있습니다.
HTML 코드를 삽입하여 웹사이트에 외부 소셜 플러그인을 설치하는 것은 권장하지 않습니다. 이러한 코드에는 종종 방문자의 개인 정보에 해로운 추적기가 포함되어 있습니다. 대신 소셜 네트워크 인터페이스를 사용하여 추적기 없이 소셜 네트워크의 페이지 링크를 제공합니다.
추가 방문자 카운터 삽입
EasyWebshop는 Easy Analytics 애플리케이션을 제공하며, 이는 대시보드 > 방문자 분석에서 찾을 수 있습니다.
추가로 외부 방문자 카운터를 설치할 수 있습니다.
라이브 웹캠 삽입
웹캠 스트림 제공자로부터 HTML 코드를 가져오세요. 아래에서 HTML 코드 삽입 방법을 설명합니다.
HTML, CSS 및 JavaScript 코드 삽입
HTML 편집 아이콘을 클릭하거나 삽입 > HTML 편집을 클릭하세요. 이제 텍스트 편집기가 HTML 보기로 전환됩니다.
HTML, CSS 및 JavaScript 코드를 추가, 편집 및 삭제할 수 있습니다. 내부 또는 외부 소스에서 코드를 복사하고 붙여넣을 수도 있습니다. 다른 페이지에서 HTML 코드를 복사하면 레이아웃이나 마크업이 유지됩니다.
- HTML
- HTML(하이퍼텍스트 마크업 언어)은 웹 페이지 및 웹 애플리케이션을 만들기 위해 사용되는 표준 마크업 언어입니다. 웹 페이지의 구조를 정의하기 위해 소문자로 된 <태그>를 사용합니다. 배우기 쉽고 간단한 언어이기 때문에 대부분의 HTML 코드는 비기술자에 의해 자유롭게 변경될 수 있습니다.
- CSS
- CSS(캐스케이딩 스타일 시트)는 웹 페이지의 레이아웃, 색상, 글꼴 및 기타 시각적 측면을 제어하는 데 사용되는 스타일 시트 언어입니다. CSS 코드는 <style>와 </style> 태그 사이에 위치하며 배우고 편집하기 쉽습니다.
- JavaScript
- JavaScript는 상호작용적이고 동적인 웹 페이지를 만들기 위해 사용되는 스크립팅 언어입니다. 클라이언트 측 언어로, 이는 웹 브라우저가 클라이언트 측에서 실행한다는 것을 의미합니다. 서버 측에서 실행되는 것이 아닙니다. 코드는 <script>와 </script> 태그 사이에 위치합니다.
JavaScript는 강력한 언어이지만 불행히도 무능한 웹 개발자에 의해 종종 잘못 사용됩니다. 이로 인해 성가신 광고, 팝업, 추적기, 높은 CPU 소비 및 느린 로드 시간과 같은 나쁜 웹사이트가 발생합니다.
EasyWebshop 사용자는 웹 페이지에 대한 완전한 제어권을 가지지만, 제어권에는 책임이 따릅니다. 이 기능을 신중하게 사용해 주십시오.
외부 스크립팅은 웹샵의 기존 코드와 충돌 및 오류를 일으킬 수 있습니다. 이로 인해 쇼핑 카트 및 체크아웃과 같은 기능이 더 이상 작동하지 않을 수 있습니다. 또한 보안 인증서와 관련된 경고를 유발할 수 있습니다.
외부 스크립팅은 외부 소스에 연락하고, 집으로 전화하며 방문자를 추적할 수 있습니다. 이는 방문자의 개인 정보에 해로울 수 있습니다. 개인 정보를 침해하는 코드를 구현해야 하는 경우, 개인 정보 보호 성명을 적절히 업데이트하십시오.
외부 소스에서 스크립팅이 로드될 때 웹사이트가 느려질 수 있습니다. 따라서 외부 소스에 연결되는 JavaScript를 제한하십시오.
2009년 출시 이후 EasyWebshop는 지속적으로 개선되고 있습니다. 모든 새로운 업데이트와 함께 모든 것이 이전 버전과 호환되도록 보장합니다. 사용자 정의 스크립팅의 경우, 향후 업데이트가 귀하의 코드와의 호환성을 깨뜨릴 수 있습니다. 따라서 EasyWebshop 업데이트 후 코드를 업데이트해야 할 수도 있습니다.
외부 스크립트에 대해서는, 저희 헬프 데스크에서 지원을 제공할 수 없습니다. 항상 스크립트 제공업체에 기술 지원을 요청하십시오.
웹샵을 사용자 정의하고 이국적인 기능을 추가할 수 있는 스크립트 모음은 EasyWebshop 스크립트에서 찾을 수 있습니다:
편집기 보기로 돌아가려면 HTML 아이콘을 다시 클릭하십시오.
HTML 보기에서 저장할 때, 코드는 CMS HTML 정리기를 통과하지 않습니다. 이로 인해 코드가 웹 페이지를 망칠 위험이 있지만, 코드를 직접 삽입할 수 있는 더 많은 자유를 제공합니다.
다음 페이지: 이미지 편집 및 워터마크 적용
- 소개
- 제품 관리
- 온라인 상점 구성
- 아름다운 레이아웃 디자인
- 디자이너
- 텍스트 및 웹페이지 편집 (CMS)
- 새 웹페이지 만들기
- 이미지, PDF 파일, 비디오 및 기타 객체 삽입
- 이미지 편집 및 워터마크 적용
- 주문 관리
- 마케팅
- 모듈
- 헬프데스크에 문의