カテゴリー: チュートリアル

記事のタイトルや本文の表示/非表示を設定する

FeedWindではRSS内の記事のタイトルと本文の表示/非表示を設定することができます。 「コンテンツ」→「表示内容」で表示する項目を設定します。 初期設定では記事のタイトルと本文の両方が表示されています。「タイトル+本文」が選択された状態になっています。 タイトルだけを表示したい場合は「タイトルのみ」を、本文だけを表示したい場合は「タイトルのみ」を選択します。  

RSSのタイトルとURLをカスタマイズする

FeedWindではブログパーツのタイトル部分のテキストとURLを変更することができます。 初期設定では、RSSのタイトルとURLが、ブログパーツのタイトルに自動表示されます。 RSSでは適切なタイトルやURLが指定されてないケースも多いので、この機能を使って自由に設定してください。 「タイトル」→「タイトルを表示」をOnに設定します。 「タイトル」と「リンク」を変更したい場合、新しいタイトルとURLをこちらに入力します。空欄の場合は、RSSで指定されているタイトルとリンクを自動的に取得して表示します。    

記事の順番を並べ替える

FeedWindでは記事の表示順=並び順を変更することができます。 「コンテンツ」で「詳細設定」をクリックします。 「記事の並び順」をOnにします。「新しい順」「古い順」「ランダム」から並び順を選択してください。 初期設定は「新しい順」になっています。 「古い順」はRSSの中に含まれている記事を上から古い順に並べ替えます。ウェブサイトやブログの訪問者に対して、記事を順番に見せたい場合などに便利です。 「ランダム」はRSSに含まれる記事をランダムに並べ替えます。過去のコラムなどを訪問者に見せたいときなどに便利かもしれません。また、あまり更新頻度の高くなとFeedWindの中身が代わり映えしませんが、ランダムに設定することで変化をつけることもできるでしょう。 アイデア次第で色々な使い方ができますので、ぜひご活用ください。

新着情報を自動スクロールさせる

FeedWindでRSSの情報を自動スクロールさせる方法をご紹介します。 RSSに含まれる全ての記事を表示することができるので、ブログパーツを表示するのに高さがあまり取れない場合などに有効です。また、動きをつけることてで、サイトの訪問者の目に止まりやすくなる効果もあります。 自動スクロールを有効にするには「基本設定」→「自動スクロール」をOnにします。 自動スクロールには「通常」と「クレジット」の二種類があります。 通常スタイル 「通常」を選択します。 「スクロール間隔」で、スクロールのスピードを調整します。数字が大きいほどゆっくり、小さいほど早く動きます。 「スクロール方向」を変更することで、下から上、あるいは上から下へ動きを変更できます。 クレジットスタイル 「クレジット」を選択します。 「スクロール速度」は「早い」「普通」「遅い」の3パターンから選択できます。 「スクロール方向」を変更することで、下から上、あるいは上から下へ動きを変更できます。

デザインや各種設定を保存する

FeedWindではブログパーツの各種カスタマイズが可能です。 作成したブログパーツのデザインや設定を保存するには、FeedWind IDを取得し、設定画面でブログパーツを作成します。設定が終わったら「保存」ボタンをクリックしてください。 保存されたブログパーツは「マイウィジェット」で管理することができます。 FeedWindにログインすると、マイウィジェットに移動しますので、後から編集するときはそこから選び出して変更を行います。 ログイン後に設定画面上で操作するだけですので、変更後に貼り付けコードを貼り変える必要がありません。 FeedWind IDを取得しなくてもFeedWindをご利用いただくことはできますが、デザインを移行したり、Pro版にバージョンアップすることはできません。 facebookやgoogleアカウントでもユーザー登録ができますので、ぜひご利用ください。  

表示する記事数を設定する

FeedWindで表示する記事数を設定するには「基本設定」→「高さ」で「記事数で指定」を選択します。1以上の数字を入力してください。 設定された最大文字数などを考慮して、高さが自動的に決定されます。 関連: 最大文字数を設定する 高さを数値で設定する

カスタムCSSを設定する

FeedWindでは、上級者向けにカスタムCSSの設定が可能です。 ご自身で作成したCSSを適用して、ブログやウェブサイトのデザインに統一感を持たせることが可能です。 カスタムCSSの設定方法 【1】CSSを作成する まず、テキストエディタや専用ソフトなどで、CSSファイルを作成してください。 なお、FeedWindは以下のようなhtmlで構成されています。 *htmlファイルの構成は予告なく変更する場合がございます。 **marginとpaddingはpx単位で行ってください。   【2】CSSをサーバにアップする 作成したCSSファイルをサーバにアップしてください。FeedWindでは、外部サーバからCSSを直接読み込みます。ご自身で使用しているレンタルサーバなどに、あらかじめアップをお願いします。 【3】CSSのURLを入力する 「基本設定」の「詳細設定」をクリックして、カスタムCSSの入力欄にCSSのURLを記入してください。プレビュー画面にデザインが反映されます。 ※CSSの設定内容によっては、サイトの他の場所のデザインに影響する可能性がございます。そのため、カスタムCSSの具体的な設定内容などについては、サポート対象外となっております。ご了承ください。

テキストの色を変更する

FeedWindでテキストの色を変更する方法をご紹介します。ブログパーツのタイトル部分、記事のタイトル、記事の本文のそれぞれのテキスト色を個別に設定することが可能です。 ブログパーツ タイトル部分のテキスト色の変更 「タイトル」の「詳細設定」をクリックし「色の設定」で「フォント」を変更します。カラーパレットから選ぶか、カラーコードを直接指定してください。 記事タイトルのテキスト色の変更 「コンテンツ」→「色の設定」で「タイトルの文字色」を変更します。カラーパレットから選ぶか、カラーコードを直接指定してください。 記事本文のテキスト色の変更 「コンテンツ」→「色の設定」で「本文の文字色」を変更します。カラーパレットから選ぶか、カラーコードを直接指定してください。

背景色を変える

FeedWindでは、ブログパーツのタイトル部分と記事部分の背景を個別に設定することができます。 タイトル部分の背景色を設定する 「タイトル」の背景色5色の中から選択できます。 別の色を選択したい場合は「タイトル」の「詳細設定」をクリックし、「色の設定」で「背景」で設定ができます。 カラーパレットから選ぶか、カラーコードを直接指定してください。 記事の背景を設定する 「コンテンツ」→「色の設定」の「背景色」で設定をします。カラーパレットから選ぶか、カラーコードを直接指定してください。

ブログパーツの枠線を消す

初期設定では周囲にグレーの枠線を表示しています。 この枠線を消して、サイトのデザインと調和させたい場合は、詳細設定で消すことが可能です。 枠線を消去するには、「基本設定」の「詳細設定」をクリックし、「枠線」をOffにします。