Facebook 좋아요 및 공유, 트윗, Google Maps, YouTube 등과 같은 소셜 컨텐트를 Adobe Muse 웹사이트에 간편히 추가하고 구성하는 방법에 대해 알아봅니다.

참고:

Adobe Muse는 더 이상 새로운 기능을 추가하지 않으며 2020년 3월 26일 목요일에 지원이 중단됩니다. 자세한 정보 및 지원은 Adobe Muse 서비스 종료 페이지를 참조하십시오.

Adobe Muse에서 소셜 위젯을 사용하면 웹사이트에서 SNS에 공유하고 팔로우하는 도구를 쉽고 빠르게 사용할 수 있습니다. 한 번의 클릭만으로 Facebook 좋아요, Google Maps, Twitter의 소셜 도구를 추가할 수 있습니다.  Adobe Muse는 다음과 같은 소셜 위젯을 지원합니다.

  • Adobe Muse 배지
  • Facebook 좋아요
  • Facebook 팔로우
  • Facebook 댓글
  • Google 지도
  • Google+
  • LinkedIn
  • PayPal
  • Pinterest
  • Twitter 팔로우
  • Twitter 트윗
  • Vimeo
  • Youtube

페이지에 위젯을 추가하려면 > 위젯 라이브러리 > 소셜에서 위젯을 끌어다 원하는 위치에 놓습니다. 다음 문서를 보고 소셜 위젯을 추가하고 구성하는 방법을 알아보십시오.         

소셜 위젯 추가

소셜 위젯은 사용자 정의 HTML을 구성하여 Adobe Muse 페이지에 포함시키는 쉬운 방법을 제공합니다. 대부분의 웹 위젯은 타사 웹 사이트의 HTML을 포함하여 사용할 수도 있는 기능을 제공합니다. 응용 프로그램 외부에서 코드를 생성하여 Adobe Muse에 포함된 HTML로 붙여넣지 않고, Adobe Muse 내에서 웹 컨텐트를 추가하고 구성하면 시간을 절약할 수 있습니다. 

Adobe Muse 페이지에 소셜 위젯을 추가하려면 다음 단계를 수행하십시오.

  1. 소셜 위젯을 추가하려는 페이지를 엽니다. > 위젯 라이브러리를 클릭한 후 소셜을 클릭합니다.

    소셜 위젯의 전체 목록이 표시됩니다.

    Adobe Muse의 소셜 위젯
    Adobe Muse의 소셜 위젯
  2. 추가하려는 소셜 위젯을 끌어온 후 선택 도구를 사용해 레이아웃 내부에 놓습니다.

    디자인 보기에서 소셜 위젯을 끌어다 놓습니다.
    디자인 보기에서 소셜 위젯을 끌어다 놓습니다.
  3. [선택] 도구를 사용하면 선택한 위젯의 핸들을 드래그하여 해당 위젯을 변환할 수 있습니다. 위젯의 가운데를 클릭한 채 드래그하여 다른 사이트 요소와 함께 다시 배치할 수도 있습니다.

  4. 위젯 오른쪽 위 모서리에 파란색 화살표가 보입니다. 이 화살표를 클릭하면 옵션 패널이 열립니다. 이 패널을 사용하면 소셜 위젯을 구성할 수 있습니다.

    위젯의 오른쪽 위 모서리에 있는 파란색 화살표를 클릭하면 언제든지 옵션 패널에 액세스할 수 있으며 해당 위젯이 선택됩니다.

    위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다.
    위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다.

    다음 절차를 읽고 소셜 위젯을 구성하는 방법을 자세히 알아보십시오.

소셜 위젯 구성하기

페이지에 소셜 위젯을 구성하고 나면 다음 단계는 자신의 요구 사항에 맞게 위젯을 구성하는 것입니다. 다음 절차를 살펴보며 Adobe Muse에서 소셜 위젯을 하나하나 구성하는 방법을 알아보십시오.

  1. Adobe Muse 배지를 구성하려면 위젯 라이브러리 > 소셜에서 소셜 위젯을 끌어다 놓습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다. 색 구성표 필드에서 밝게 또는 어둡게를 선택합니다.

    Adobe Muse 배지 위젯 구성
    Adobe Muse 배지 위젯 구성
  2. Facebook 좋아요 위젯을 사용하면 방문자가 사이트와 관련된 Facebook 페이지를 보고 방문할 수 있는 좋아요 상자를 추가할 수 있습니다. 이 위젯을 구성하려면 위젯 라이브러리 > 소셜에서 Facebook 좋아요 위젯을 끌어다 놓습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다. 다음과 같은 옵션을 구성할 수 있습니다.

    • 동작: 이 필드에서 좋아요 또는 추천을 선택합니다. 선택에 따라 좋아요 개수 또는 추천 개수가 표시됩니다.
    • 레이아웃: 이 필드에서 표준, 버튼형 카운트 또는 상자형 카운트를 선택할 수 있습니다. 표준 레이아웃을 선택하면 사용자에게 가입하도록 권장하는 단어와 함께 좋아요 개수가 표시됩니다. 버튼형 카운트를 선택하면 좋아요 또는 추천 개수만 표시됩니다. 상자형 카운트 레이아웃은 좋아요 또는 추천 개수를 정사각형 상자로 표시합니다.
    • 색 구성표: 이 위젯에 대해 밝은 색 구성표 또는 어두운 색 구성표를 선택합니다.
    • 좋아요를 누를 URL: 방문자가 원하는 URL을 입력합니다. 사이트 방문자가 라이브 사이트의 현재 페이지를 좋아하게 하려면 현재 페이지 확인란을 선택합니다.
    • 보내기 표시: 좋아요 또는 추천 외에도 공유 버튼을 표시하려면 이 확인란을 선택합니다.
    Facebook 좋아요 위젯 구성
    Facebook 좋아요 위젯 구성
  3. Facebook 팔로우 위젯을 구성하려면 위젯 라이브러리 > 소셜에서 위젯을 끌어다 놓습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다. 다음과 같은 위젯을 구성할 수 있습니다.

    • 레이아웃: 사이트에서 위젯을 표시하는 방법을 구성하려면 표준, 버튼형 카운트 또는 상자형 카운트를 선택합니다.
    • 색 구성표: 위젯에 대해 밝은 테마 또는 어두운 테마를 선택합니다.
    • 프로필 URL: 사이트 방문자가 팔로우해야 하는 Facebook 프로필 URL을 지정합니다.
    Facebook 팔로우 위젯 구성
    Facebook 팔로우 위젯 구성
  4. Facebook 댓글 위젯을 구성하려면 위젯 라이브러리 > 소셜에서 위젯을 끌어다 놓습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다. 옵션 패널에서는 다음 옵션을 구성할 수 있습니다.

    • 모바일 UI 표시: 모바일 화면에 적합한 위젯의 다른 레이아웃을 표시하려면 이 확인란을 선택합니다.
    • 색 구성표: 이 위젯에 대해 밝은 색 구성표 또는 어두운 색 구성표를 선택합니다.
    • 정렬 기준: 날짜(가장 오래된 날짜 또는 최신 날짜) 또는 소셜 랭킹에 따라 댓글을 정렬하려면 정렬 기준 옵션을 선택합니다.
    • 게시물 개수: 사이트에 표시할 게시물 개수를 지정합니다.
    • 댓글을 남길 URL: 사이트 방문자가 댓글을 게시하는 URL을 지정합니다. 현재 Adobe Muse 페이지를 URL로 사용하려면 현재 페이지 확인란을 선택합니다.
    Facebook 댓글 위젯 구성
    Facebook 댓글 위젯 구성
  5. Google Maps를 구성하려면 위젯 라이브러리 > 소셜에서 Google Maps 위젯을 끌어다 놓습니다. Google Maps 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다. 옵션 패널에서는 다음 설정을 구성할 수 있습니다.

    • 주소: 주소를 추가해 표시할 영역을 지정합니다. 
    • 맵 종류: 로드맵 또는 위성을 선택해 도로 지도로 보거나 Google Earth 위성으로 봅니다. 맵 종류로 하이브리드 또는 지형을 선택할 수도 있습니다.
    • 핀 정보 펼치기: 사용자가 맵에서 마커를 클릭할 때 정보 창을 표시하려면 이 확인란을 선택합니다.
    • 확대/축소 수준: Google Maps의 확대/축소 수준을 설정합니다.
    Google Maps 위젯 구성
    Google Maps 위젯 구성
  6. Google + 위젯을 구성하려면 디자인 보기에 위젯을 끌어다 놓습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭하여 옵션 패널을 엽니다. 다음과 같은 옵션을 구성할 수 있습니다.

    • 크기: 위젯의 크기, 라이브 사이트에서의 표시 방법을 선택합니다. 소, 중 또는 표준 크기를 선택합니다.
    • 주석: 이 위젯과 연결된 주석 텍스트를 표시할 위치를 선택합니다. 주석을 인라인 또는 알림 풍선으로 배치하거나, 주석을 표시하지 않도록 선택할 수 있습니다.
    • URL: 방문자가 이 위젯을 클릭할 때 이동할 URL을 지정합니다. 이 필드에 대상 URL을 입력하거나 대상을 현재 페이지로 만들려면 현재 페이지 확인란을 선택합니다.
    Google Plus 위젯 구성
    Google Plus 위젯 구성
  7. LinkedIn 위젯을 구성하려면 디자인 보기에 위젯을 끌어다 놓습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭하여 옵션 패널을 엽니다. 다음과 같은 옵션을 구성할 수 있습니다.

    • 공유할 URL: 방문자가 위젯을 클릭할 때 이동하는 URL을 지정합니다. 필드에 URL을 입력하거나 현재 페이지 확인란을 선택할 수 있습니다.
    • 개수: 연결 개수를 지정합니다. 표시 속성을 선택하려면 오른쪽 또는 위쪽을 선택합니다. 없음을 선택하여 연결 개수를 표시하지 않을 수도 있습니다.
    LinkedIn 위젯 구성
    LinkedIn 위젯 구성
  8. PayPal 위젯을 사용해 온라인 지불 거래를 설정합니다. 단추를 페이지에 추가한 다음 계정의 이메일 주소를 통해 지정된 PayPal 계정으로 전송할 관련 요금을 설정할 수 있습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭해 다음 설정을 구성합니다.

    • 유형: 필드에서 단추 유형 가운데 하나를 선택합니다. 예를 들어 바로 구입, 장바구니 보기, 장바구니에 추가 등이 있습니다.
    • 단추 이미지: 단추에 적용할 이미지 파일을 추가합니다. 파일 추가를 클릭해 로컬 컴퓨터에 있는 이미지 파일을 엽니다. 이 필드에서는 구입 사용자 정의, 기부 사용자 정의, 장바구니에 추가 사용자 정의 및 장바구니 보기 사용자 정의 단추 유형을 활성화합니다.
    • 크기: 라이브 사이트에 표시될 단추의 크기입니다. 소형 또는 대형 가운데 선택할 수 있습니다.
    • 지불 이메일: 수신자의 이메일 주소입니다.
    • 수량: 이 필드에 숫자로 표시되는 수량입니다.
    • 통화: 거래를 진행하기 원하는 통화입니다.
    • 항목 이름: 지정할 수 있는 항목에 사용자가 입력하는 이름입니다.
    • 항목 번호: 항목에 설정하는 숫자 또는 코드입니다.
    • 세율: 항목에 부과하는 세액입니다.
    • 배송료: 항목에 부과하는 배송료입니다.
    Adobe Muse에서 PayPal 위젯 구성하기
    Adobe Muse에서 PayPal 위젯 구성하기
  9. Pinterest 위젯을 구성하려면 레이아웃에 위젯을 끌어다 놓습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭해 옵션 패널을 엽니다. 이 패널에서 다음과 같은 옵션을 구성할 수 있습니다.

    • 버튼 유형: 사이트에 표시할 버튼 유형을 선택합니다. 이 드롭다운 필드에서 핀하기 또는 팔로우하기를 선택합니다.
    • Pinterest 사용자 이름: 이 필드에서 Pinterest 사용자 이름을 지정합니다. 버튼 유형 필드에서 팔로우하기를 선택한 경우에만 이 필드가 활성화됩니다.
    • 레이블: 버튼 유형 필드에서 팔로우하기를 선택할 때 표시되는 이름 또는 레이블 이름을 지정합니다.
    Pinterest 위젯 구성
    Pinterest 위젯 구성
  10. Twitter 팔로우 위젯을 구성하려면 레이아웃에 위젯을 끌어다 놓습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다. 옵션 패널을 사용하여 다음 옵션을 구성합니다.

    • 팔로우 @: 이 필드에서 Twitter 핸들을 지정합니다. 기본적으로 값이 위젯에 표시됩니다.
    • 크기: 선택한 크기로 위젯을 표시하려면 또는 를 선택합니다. 
    • 사용자 이름 표시: 위젯에 지정한 사용자 이름을 표시하려면 이 선택란을 선택합니다.
    Twitter 팔로우 위젯 구성
    Twitter 팔로우 위젯 구성
  11. Twitter 트윗 위젯을 구성하려면 Adobe Muse 페이지에 위젯을 끌어다 놓습니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다. 옵션 패널에서 다음 옵션을 구성할 수 있습니다.

    • 공유 URL: 방문자가 위젯을 클릭할 때 이동하는 URL을 지정합니다. 라이브 사이트의 현재 페이지를 대상으로 사용하려면 현재 페이지 확인란을 선택합니다.
    • 크기: 또는 를 위젯 크기로 선택합니다.
    • 트윗 텍스트: 이 필드에 사용자 정의 트윗 텍스트를 지정합니다.
    • 추천 @: 이 필드에 Twitter 핸들 또는 사용자 이름을 지정합니다.
    • 카운트 표시: 트윗과 관련된 개수를 표시하려면 이 확인란을 선택합니다.
    Twitter 트윗 위젯 구성
    Twitter 트윗 위젯 구성
  12. Vimeo 위젯을 구성하려면 위젯 라이브러리 > 소셜에서 해당 위젯을 추가합니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다. 옵션 패널에서는 다음 설정을 구성할 수 있습니다.

    • 비디오 ID: 여기에서 비디오 파일에 필요한 ID를 지정합니다. 
    • 비디오 컨트롤 색상: 16진수 코드를 입력하거나 필드에서 비디오 컨트롤 색상으로 원하는 색상을 선택합니다.
    • 사진 표시: 비디오 재생 시 배경으로 사진이 표시되게 하려면 이 옵션을 선택합니다.
    • 제목 표시: 비디오의 제목을 표시하려면 이 옵션을 선택합니다.
    • 바이라인 표시: 비디오에 바이라인이 표시되게 하려면 이 옵션을 선택합니다.
    • 자동 재생: 라이브 사이트에서 비디오가 자동 재생되게 하려면 이 옵션을 선택합니다.
    • 루프: 라이브 사이트에서 비디오가 반복 재생되게 하려면 이 옵션을 선택합니다. 
    Vimeo 위젯 구성
    Vimeo 위젯 구성
  13. Youtube 위젯을 구성하려면 위젯 라이브러리 > 소셜에서 해당 위젯을 추가합니다. 위젯 오른쪽 위 모서리에 있는 파란색 화살표를 클릭합니다. 옵션 패널에서는 다음 설정을 구성할 수 있습니다.

    • 비디오 ID: 사이트에 추가하려는 비디오의 ID를 입력합니다.
    • 테마: 이 위젯의 테마로 밝게 또는 어둡게를 선택합니다. 
    • 진행 색상: 진행표시줄 색상으로 흰색 또는 빨간색을 선택할 수 있습니다.
    • 시작 시간: 사이트에서 비디오가 재생을 시작할 시간을 지정합니다.
    • 컨트롤 표시: 사이트에서 Youtube 비디오의 컨트롤 옵션을 표시하려면 이 옵션을 선택합니다.
    • 전체 화면 허용: 사용자가 이 비디오를 전체 화면 모드로 볼 수 있게 하려면 이 확인란을 선택합니다.
    • 정보 표시: 비디오 아래에 정보를 표시하려면 이 옵션을 선택합니다.
    • 애니메이션 표시: 비디오에 애니메이션 또는 텍스트 레이어를 표시하려면 이 옵션을 선택합니다.
    • 자동 재생: 라이브 사이트에서 비디오를 자동 재생하려면 이 옵션을 선택합니다.
    • 관련 항목 표시: Youtube 비디오의 관련 항목을 표시하려면 이 옵션을 선택합니다.
    • 루프: 라이브 사이트에서 비디오가 계속 재생되게 하려면 이 옵션을 선택합니다.
    Youtube 위젯 구성
    Youtube 위젯 구성

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책