DropboxでカスタムCSSを保存・利用する方法

• Created : Apr, 23, 2020
• Last Updated: Apr, 28, 2020

FeedWindでは、デザインをもっとカスタマイズしたい方のために、カスタムCSSを利用できることはご存知でしょうか？

CSSを利用するには、コーディングやウェブデザインについての知識が必要になりますが、デフォルトの設定では物足りないという方はぜひチャレンジしてみてください。

• カスタムCSS 設定手順

ところが、「さっそくカスタムCSSを使ってみよう」と思っても、アメーバブログなど国内の主要ブログではカスタムCSSが利用できないケースが多いのです。そのため、これまではカスタムCSSの利用には、自分でレンタルサーバを借りる必要があり、設定の手間やコストがかかってしまいました。

しかし、その課題もDropboxを利用することで解決することができます。
レンタルサーバを借りることなく、カスタムCSSを保存・公開することができるのです。

ご存知の方も多いと思いますが、Dropboxとはファイルをクラウドに保存・共有するためのオンラインストレージサービスです。

ファイルはデフォルトでは非公開になっていますが、共有リンクを発行することで静的なURLが発行されます。以下で説明するように多少のカスタマイズが必要ですが、発行URLをFeedWindのカスタムCSSの欄に記述すればOKです。言わば、Dropboxを簡易のWebサーバのように利用するようなイメージです。

Dropboxでの共有リンク発行方法

以下に簡単な動画を用意しました。日本語字幕でご覧ください。

 
 
Dropboxを活用してカスタムCSSを設定する手順は以下のとおりです。

1. CSSを作成してDropboxにアップロードする
2. ファイルを共有し「リンクを作成」でURLを発行する
3. wwwをdlに書き直したらFeedWindの設定画面の「カスタムCSS」入力欄に貼り付け
4. プレビューが正しく機能しているかを確認し適宜CSSを調整する