FeedWindでは、上級者の方に向けてカスタムCSSが設定できるようになりました。ご自身で作成したCSSを適用して、ブログやウェブサイトのデザインに統一感を持たせることが可能です。


◎カスタムCSSの設定方法
【1】CSSを作成する
まず、テキストエディタや専用ソフトなどで、CSSファイルを作成してください。なお、FeedWindは以下のようなhtmlで構成されています。
*htmlファイルの構成は予告なく変更する場合がございます。
**marginとpaddingはpx単位で行ってください。


【2】CSSをサーバにアップする
作成したCSSファイルをサーバにアップしてください。FeedWindでは、外部サーバからCSSを直接読み込みます。ご自身で使用しているレンタルサーバなどに、あらかじめアップをお願いします。


【3】CSSのURLを入力する
CSSのURLを指定します。「フレーム設定」の「もっと細かく設定する」をクリックして、カスタムCSSのURL入力欄に記入してください。プレビュー画面にデザインが反映されます。





＜注意事項＞
カスタムCSSのURLを入力すると、設定画面の一部がグレイアウトされて、設定ができなくなります。これは、FeedWindのデフォルトの設定と、カスタムCSSの設定が競合しないようにするためです。カスタムCSSを利用した場合は、そちらの設定が有効になります。

なお、FeedWindでは見出しと本文の最大文字数を設定する欄があります。設定された数値に合わせて、表示する記事数を自動的に調整する仕様になっています。そのため、line-heightなどCSSの設定によっては枠からはみ出してしまうことがあります。

その場合は、ご自身でCSSを調整していただくようお願いします。