앱 만들기

사이트에 앱을 추가하려면 먼저 Livefyre Studio에서 앱을 만들어야 합니다.

새 앱을 만들려면:

  1. 앱 페이지에서 +New App 을 클릭하고 풀다운 메뉴에서 앱 유형을 선택합니다.
  2. New App 대화 상자가 나타납니다. App Title​을 입력하고 Site​을 선택한 다음 Create​를 클릭하여 앱 개요 페이지를 엽니다.

앱 요약 페이지에는 4개의 탭이 있습니다.

  • App Summary: 는 앱의 컨텐츠 및 상태에 대한 개요를 제공하며 사이트의 앱에 액세스하고 포함 코드를 생성하는 도구를 제공합니다.
  • Designer: 글꼴, 색상 구성표 및 앱별 구성 옵션을 포함하여 앱의 디자인 옵션을 선택할 수 있습니다.
  • Streams: 앱 컨텐츠에 대한 모든 스트림 소스를 나열합니다. 스트림 제목을 클릭하여 스트림 세부 사항 페이지를 열고 이 페이지를 편집할 수 있습니다.
  • Settings: 앱에 컨텐츠를 추가하는 규칙 및 표시할 컨텐츠 유형을 비롯하여 앱별 설정을 선택할 수 있습니다. 앱에 대한 네트워크 및 사이트 설정을 재정의하려면 Settings 탭을 클릭합니다.

앱 목록

앱 목록 페이지에서 기존의 모든 Livefyre 앱에 액세스할 수 있습니다.

Apps 목록 페이지에는 다음 정보가 표시됩니다.

  • Title: 앱의 제목을 나열하고 앱 유형을 나타내는 아이콘을 포함합니다.
  • Site: 앱의 위치를 사이트별로 나열합니다.
  • Content Count: 앱에 게시된 컨텐츠 개수를 나열합니다.
  • Date Modified: 앱 디자이너에서 앱을 마지막으로 변경한 시간을 나열합니다.
  • Embed Code (</>): 아이콘을 클릭하여 앱의 포함 코드를 생성합니다.

앱 사용자 지정

앱 디자이너 탭을 사용하여 StyleConfiguration 옵션을 선택하여 앱을 사용자 지정할 수 있습니다.

Style 모든 앱 유형에서 옵션이 일관됩니다. Configuration 옵션은 앱에 따라 다릅니다. StyleConfiguration 창의 맨 아래에 앱의 Livefyre 앱 버전이 나열됩니다.

스타일 옵션 선택

사이트의 브랜딩에 맞게 앱 스타일을 지정합니다. Style 옵션을 사용하여 앱의 색상 및 글꼴 스타일을 선택합니다.

  • Theme 구문을 사용하는 키-값 쌍으로 전달됩니다. 표시된 컨텐츠에 대한 배경색을 정의하려면 Light 또는 Dark 을 선택합니다. 이 설정에 대한 변경 내용은 오른쪽의 미리 보기에 즉시 반영됩니다. 이 설정은 앱에 대한 배경, 콘텐츠 텍스트, 사용자 핸들, 타임스탬프, 공유 단추 및 소셜 아이콘 색상 선택을 제어합니다.

  • Brand color 구문을 사용하는 키-값 쌍으로 전달됩니다. 앱의 색상을 선택합니다. 이 색상은 오른쪽의 미리 보기 창에 표시된 대로 해시 태그, URL, 사용자 이름, @mentions, 막대 차트 및 기타 앱별 구성 요소에 사용됩니다.

  • Font family 구문을 사용하는 키-값 쌍으로 전달됩니다. 앱에서 사용자가 생성한 콘텐츠의 글꼴을 선택합니다. Georgia 또는 Times New Roman을 선택하면 해당 글꼴이 컨텐츠에 할당되고 Helvetica Neue는 사용자 이름과 표시 이름에 할당됩니다. Helvetica, Verdana 또는 Trebuchet을 선택하면 해당 글꼴을 콘텐츠, 사용자 이름 및 표시 이름에 할당합니다.

  • Font size 구문을 사용하는 키-값 쌍으로 전달됩니다. 기본 글꼴 크기를 선택합니다. 이 설정은 앱에 표시되는 모든 사용자 생성 컨텐츠 및 제목에 영향을 줍니다.

앱 업데이트

앱의 최신 버전이 있는 경우 Update 단추가 표시됩니다.

버튼을 클릭하여 최신 릴리스 버전으로 업데이트합니다. 사용 가능한 모든 기능 개선 사항 및 버그 수정을 사용하려면 앱을 새로 고치십시오. 업데이트되면 앱에 대한 변경 사항을 미리 보고(있는 경우) 업데이트를 승인하거나 거부합니다.

앱에 클릭유도문안 단추 추가

UGC에서 전환을 유도하는 클릭유도문안 단추를 추가합니다.

앱에 클릭유도문안 단추를 추가하려면:

  1. Mosaic 또는 Media Wall 앱을 만듭니다.

    Mosaic 또는 Media Wall에서 사용할 수 있는 사용자 정의에 대한 자세한 내용은 Mosaic Customizations 또는 Media Wall Customizations를 참조하십시오.

  2. 앱용 디자이너를 엽니다.

  3. 디자이너의 Call-to-Action Button 섹션으로 스크롤합니다.

  4. Call-to-Action Buttonon(으)로 전환합니다.

  5. 클릭유도문안 단추 옵션을 구성합니다.

앱 미리 보기

앱 디자이너를 사용하면 앱을 여러 게재 형식으로 미리 보고, 사용자 지정 또는 샘플 데이터를 표시할 수 있습니다.

디자인 모드로 돌아가려면 Exit Preview 을 선택합니다.

미리 보기 모드는 다음 옵션을 제공합니다.

  • Preview Options: 풀다운 메뉴를 사용하여 미리 보기 형식(모바일, 태블릿 또는 데스크탑) Sample Data 과 앱 스트림 데이터를 표시할지 여부를 선택합니다.

    노트

    Sample Data 을 선택 취소하고 앱에 대해 스트림을 활성화하지 않으면 미리 보기 모드에 콘텐츠가 표시되지 않습니다.

  • Share: 새 브라우저 탭에서 앱을 열고, URL을 생성합니다. 이 URL은 친구, 동료 또는 Studio가 아닌 사용자가 앱을 검토하고, 다양한 브라우저 및 장치에서 테스트하는 데 사용할 수 있습니다.

    노트

    앱의 검토 버전에 게시된 모든 컨텐츠가 앱에 추가됩니다. 이 컨텐츠가 게시된 앱에 나타나지 않게 하려면 게시​를 클릭하기 전에 이 컨텐츠를 삭제해야 합니다.

  • Exit Preview: 편집 모드로 돌아갑니다.

노트

미리 보기 모드는 완전한 대화형 이므로 앱에 대한 사용자 경험을 테스트할 수 있습니다. Allow user posts​을 활성화하면 미리 보기 링크가 있는 사용자가 What’s on your mind 버튼을 클릭하고 컨텐츠를 테스트 버전에 게시할 수 있습니다. Studio에는 게시되는 대로 컨텐츠가 나열됩니다.

앱 게시

변경한 후에 앱 디자이너가 앱을 자동으로 저장합니다. Publish 을 사용하여 포함 코드를 생성하거나 이전에 게시된 이 앱 버전을 현재 버전으로 업데이트할 수 있습니다.

노트

Publish 을(를) 클릭하면 앱에 대한 포함 코드가 생성되고, 이전에 게시된 경우 앱의 모든 기존 인스턴스가 업데이트됩니다.

앱 내역 검토

변경한 후에 앱 디자이너가 앱을 자동으로 저장하고 변경 때마다 새 버전을 생성합니다. History 을 사용하여 앱의 모든 버전을 나열하는 패널을 열 수 있습니다. 나열된 버전은 각 버전의 편집기와 해당 페이지를 보여줍니다.

앱 내역을 검토하려면:

  1. 버전을 클릭하여 선택합니다.
  2. 미리 보기 표시를 새로 고칩니다.
  3. Restore Version 을 클릭하여 선택한 버전을 복제하고 이 버전에서 작업합니다.
  4. Version History​의 뒤로 단추를 클릭하여 작업 초안으로 돌아갑니다.
  5. 미리 보기용 URL을 생성하려면 Share 을 클릭하십시오.
노트

Version History 창이 열려 있는 동안에는 앱을 편집할 수 없습니다.

브라우저 창이 열려 있는 동안 다른 편집기에서 변경하는 경우 Livefyre에서 앱을 편집하려고 할 때(이전) 초안 버전으로 돌아갈 것인지 묻는 경고 메시지를 표시합니다. 이렇게 하면 여러 명의 동시 편집자가 서로의 변경 내용을 실수로 무시하는 것을 방지할 수 있습니다. 최신 버전에서 작업을 시작하려면 Update to Latest 을 클릭하십시오. Overwrite 을 클릭하여 (이전) 작업 상태로 돌아가서 최신 버전에서 버전 번호를 증가시키고 작업을 계속합니다.

앱 요약 탭

앱 요약 탭을 사용하여 개별 앱에 대한 정보를 관리합니다.

앱 요약 탭에서는 다음 작업을 수행할 수 있습니다.

  • See on Site: 사이트에서 앱을 엽니다.

  • Embed code: 게시된 앱에만 사용할 수 있는 는 게시된 모든 앱에 대한 포함 코드를 생성하기 위한 클릭 가능한 링크를 제공합니다.

    노트

    이 포함 코드를 사용하여 댓글 또는 라이브 블로그 앱에 투표를 추가합니다. 자세한 내용은 사용자 지정 상호 작용 > 사용자 지정 HTML을 참조하십시오.

  • View Content: 앱에 게시된 모든 컨텐츠를 나열하는 컨텐츠 페이지를 엽니다.

  • Moderate: ModQ를 열어 앱에 대한 조정을 기다리는 모든 콘텐츠를 나열합니다.

  • Developer Info: 앱의 컬렉션 ID, 문서 ID 및 사이트 ID를 제공합니다.

Studio를 사용하여 사이트에 앱 포함

포함 코드를 생성합니다.

앱이 게시되면 Livefyre에서 포함 코드를 생성하여 표시합니다. 포함 코드는 네트워크의 페이지에 앱을 포함하는 데 사용할 수 있습니다. 페이지에 앱을 포함하는 데 사용되는 HTML 코드 조각을 다시 생성하려면:

  1. 앱 개요 화면에서 </> Embed Code 버튼을 클릭합니다.

  2. 열려 있는 Embed Code 패널에서 웹 페이지에 표시된 HTML 코드 조각을 복사하여 붙여넣습니다.

    사용자 인증이 필요한 앱의 경우 포함 코드를 추가하기 전에 사용자 인증을 위한 통합이 완료되어 페이지에 있어야 합니다.

앱 삭제

Livefyre Studio의 앱 목록에서 앱을 삭제할 수 있습니다. Studio에서 앱을 삭제하면 앱이 보기에서 숨겨지며, 삭제하거나 중지되지 않습니다.

  • 사이트에서 앱이 계속 작동하지 않습니다.
  • 연결된 스트림.
  • Livefyre의 연결된 컬렉션.

앱을 삭제하려면 다음을 수행하십시오.

  1. 클릭 Apps.
  2. 삭제할 앱 이름의 오른쪽에 있는 줄임표를 클릭합니다.
  3. Delete App 을 클릭하여 앱을 삭제합니다.

이 페이지에서는