カスタムCSS 設定手順
このチュートリアルで紹介するのはPro版／Plus版限定の機能です。
FeedWindではPro版／Plus版をお使いの上級者向けにカスタムCSS機能を提供しています。自作のCSSを使って、サイトのデザインに統一感を持たせることが可能です。
注意：HTML構造やCSSのクラスは変更される場合があります。また、CSSの具体的な設定についてはサポートの対象外となっています。CSSの設定の内容によってはお客様のサイトデザイン全体に影響を与える可能性があります。事前にウェブサイト制作のご担当者に詳細をご確認ください。
カスタムCSSの設定手順
1. CSSを作成する
最初にテキストエディタや専用ソフトなどでCSSファイルを作成します。ウィジェットのHTML構造やCSSのクラスは、利用するサービスによって異なります。利用したいサービスの詳細は下記のページで確認してください。
- RSSウィジェットHTML・CSS
- FacebookウィジェットHTML・CSS
- XウィジェットHTML・CSS
- InstagramウィジェットHTML・CSS
- Googleカレンダー ウィジェットHTML・CSS
2. CSSをサーバにアップする
作成したCSSファイルをサーバにアップしてください。FeedWindでは外部サーバからCSSを直接読み込みます。レンタルサーバや専用サーバなどに事前にアップをお願いします。（別のチュートリアルでDropboxにCSSをアップする方法を紹介しています。）
3. CSSのURLを入力する
「基本設定」の「詳細設定」をクリックしてカスタムCSSの入力欄にCSSのURLを記入してください。プレビュー画面にデザインが反映されます。