無料のRSS Blogウィジェットを使用して、Webサイトに検索可能なブログを追加します。

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ウィジェットには、ウィジェットとテキストスタイルの2つが含まれています。テキストスタイルを使用すると、内蔵の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 and Time Options」セクションの「Show Date」が有効になっていることを確認します。

ヒント:RSSフィードのURLがあれば、どんなブログでもウィジェットに追加できます。Webページ上でオレンジ色のRSSフィードアイコンを探し、フィードを特定してください。

RSSフィードを追加する

6. テキストのスタイルを設定する

テキストスタイルをダブルクリックして「Title」のテキストを選択し、テキストパネルを開いてフォントを「Museo Sans > 100」に変更します。

テキストのスタイルを設定する

段落スタイルパネル(ウィンドウ/段落スタイル)を開き、「rss title + 」スタイルがハイライトされていることを確認します。 スタイル再定義アイコンをクリックします。同じ手順で、日付と段落スタイルも新しいフォントに変更します。

ウィジェットは変更されるまで更新後のスタイルで再表示されないため、ブログ領域を少しサイズ変更します。

段落スタイルパネル

7. プレビューする

ファイル/ブラウザーでページをプレビューを選択して、ページ上部の「最新情報」をクリックし、RSS Blogウィジェットセクションに移動します。ブログ内のアイテムをクリックすると、ブログ記事に直接移動できます。

ブラウザーでページをプレビューする

ブログのウィジェットについて詳しくは、Adobe Museウィジェットディレクトリを参照してください。

 

これですべての作業が終わりました。チュートリアルをさらに役立つものにするために、アンケートにご協力ください。

 

 

03/15/2017

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

このページは役に立ちましたか。