무료 RSS Blog 위젯을 사용하여 웹 사이트에 검색 가능한 블로그를 추가하는 방법을 살펴봅니다.

1. RSS Blog 위젯 다운로드

Adobe Muse 위젯 디렉토리에서 RSS Blog 위젯으로 이동합니다. Get this Widget 버튼을 클릭하여 RSS_Blog.mulib 파일을 다운로드합니다. 다운로드한 파일을 두 번 클릭하면 라이브러리 패널에 자동으로 설치됩니다.

Get This Widget 버튼

2. 사이트 열기

nomad-dreamer-widget.zip을 다운로드하고 NomadDreamers-start.mu 파일을 엽니다. 디자인 모드로 전환하고 사이트에서 RSS Blog 위젯 영역 아래에 있는 흰색 섹션으로 스크롤합니다. 이 곳에 위젯을 추가해 봅니다.

NomadDreamers 파일 열기

3. 위젯 추가

라이브러리 패널을 열고(창 > 라이브러리) RSS Blog 폴더를 연 다음 RSS Blog 위젯을 캔버스로 드래그합니다.

RSS Blog 위젯에는 위젯과 텍스트 스타일이 포함되어 있습니다. 텍스트 스타일 상자를 사용하면 내장된 Adobe Muse 툴을 통해 원하는 스타일을 만들 수 있습니다. 텍스트 스타일 상자는 미리 보기 또는 게시할 때 표시되지 않습니다.

RSS Blog 위젯 드래그

4. 위젯의 크기 조정 및 배치

텍스트 스타일 상자를 선택하고 캔버스 밖으로 이동시킵니다. 그런 다음 위젯을 선택하고 모서리 핸들을 드래그하여 콘텐츠 영역의 폭에 맞게 위젯의 크기를 조정합니다.

위젯의 크기 조정 및 배치

5. RSS 피드 추가

블로그 위젯을 선택하고 파란색 옵션 버튼을 클릭하여 RSS Blog 옵션 패널을 엽니다.

RSS Feed URL 필드에서 기본 피드를 http://nomad-dreamer.tumblr.com/rss로 변경합니다. Give the feed an ID 필드에 "Nomad Dreamers"로 ID를 지정할 수 있습니다.

Content Options 섹션에서 Use Snippets를 활성화하고 Date & Time Options 섹션에서 Show Date가 활성화되었는지 확인합니다.

팁: RSS Feed URL이 있을 경우 모든 블로그를 위젯에 추가할 수 있습니다. 피드를 찾으려면 웹 페이지에서 주황색 RSS 피드 아이콘을 살펴보십시오.

RSS 피드 추가

6. 텍스트 스타일 지정

텍스트 스타일 상자를 두 번 클릭하고 Title 텍스트를 선택한 다음 텍스트 패널을 열고 글꼴을 Museo Sans > 100으로 변경합니다.

텍스트 스타일 지정

단락 스타일 패널(창 > 단락 스타일)을 열면 rss title + 스타일이 강조 표시되어 있습니다. 스타일 재정의 아이콘을 클릭합니다. 동일한 프로세스를 거쳐 날짜 및 단락 스타일을 새로운 글꼴로 변경합니다. 

수정하기 전까지 위젯이 업데이트된 스타일을 다시 렌더링하지 않으므로 블로그 영역의 크기를 약간 조정합니다.

단락 스타일 패널

7. 미리 보기

파일 > 브라우저에서 페이지 미리 보기를 선택하고 페이지 상단에 있는 News를 클릭하여 RSS Blog 위젯 섹션으로 이동합니다. 블로그에서 항목을 클릭하면 블로그 기사로 바로 이동합니다. 

브라우저에서 페이지 미리 보기

더 많은 블로그 위젯은 Adobe Muse 위젯 디렉토리를 참조하십시오.

 

이상입니다. 이제 모든 작업이 끝났습니다. 이 튜토리얼에 대한 여러분의 의견을 보내주십시오.

 

 

12/16/2016

Contributors: 123Muse.com, Chris Kellet, Ali Pordeli

이 페이지가 도움이 되었습니까?