カスタムCSS 設定手順

  • Created : Aug, 8, 2016
  • Last Updated: Dec, 11, 2023

FeedWindではPro版/Plus版をお使いの上級者向けにカスタムCSS機能を提供しています。自作のCSSを使って、サイトのデザインに統一感を持たせることが可能です。

カスタムCSSの設定手順

1. CSSを作成する

最初にテキストエディタや専用ソフトなどでCSSファイルを作成します。ウィジェットのHTML構造やCSSのクラスは、利用するサービスによって異なります。利用したいサービスの詳細は下記のページで確認してください。

2. CSSをサーバにアップする

作成したCSSファイルをサーバにアップしてください。FeedWindでは外部サーバからCSSを直接読み込みます。レンタルサーバや専用サーバなどに事前にアップをお願いします。(別のチュートリアルでDropboxにCSSをアップする方法を紹介しています。)

3. CSSのURLを入力する

基本設定」の「詳細設定」をクリックしてカスタムCSSの入力欄にCSSのURLを記入してください。プレビュー画面にデザインが反映されます。

サイトに埋め込むだけで更新情報を簡単表示 今すぐブログパーツを使ってみる

FeedWind14日間の無料トライアル

初めてご登録の方はPlus版の無料トライアルをご利用いただけます。

今すぐウィジェットを作成してみる