するぷろで自分のブログのCSSを反映出来ない問題を解決

記事内に広告が含まれています。

最近では、iPhoneからブログの下書きを書く事が多いです。

その中でも便利に利用しているのが、するぷろなんですが、これらのアプリは、自分のブログのCSSを登録出来るのです。

設定する所があり、自分のブログのCSSを登録していたのですが、一部しか反映されていないなと思っていました。

やっと今日重大なことに気づいて解決したので、解決方法を紹介したいと思います。

僕が解決したかった事は、スマートフォンサイトのCSSをするぷろでも反映させたいということです。

そのためには、まず、FC2ブログのテンプレートから、スマートフォンサイトのhtmlとcssの確認を行いました。



▲どうも、h2タグとh3タグが上手く反映されないなと思っていました。h2タグとh3タグともに、黒太字のままだったので、はて、と困っていました。

濃い青になるようにしているのにと思っていました。

本文中のh2タグやh3タグは、テンプレートのhtmlに従って、
.entry_body h2{}や、.entry_body h3{}と指定していました。

スポンサーリンク
スポンサーリンク

実際におこなった事

Fc2 slpro css 1302172223
どうやらするぷろでは、h2やh3部分のスタイルが適用されていたようです。

Fc2 slpro css 1302172226 1
なので、本来の記事中の見出しであるentry_body h2やentry_body h3の内容を

Fc2 slpro css 1302172231
それぞれh2,h3に適用させました。


▲こうして新たに作成されたCSSのURLをこちらの方法で取得してするぷろのCSS入力欄に反映させた所、


▲h2タグとh3タグが見事に適用出来ました。

実行した後は元に戻す

するぷろでは上手く反映されましたが、このままでは、実際のブログのデザインが乱れてしまうと思います。

具体的には、記事タイトルなど、全てのh2タグが青い表示スタイルで反映されてしまってしまいました。

CSS取得後は、すぐに元の状態に戻しておきました。これでどちらも上手く行きました。

今回分かった事は、するぷろには、classを指定したcssは意味ないということです。

まとめ

CSSがよくわかっていないせいもありましたが、なんとか自分のブログのデザインをするぷろで反映させる事が出来ました。FC2ブログを運営していて、するぷろを利用している方は、参考になるかと思います。

するぷろ – 迅速かつ簡単にブログを投稿できるエディタ
価格: ¥600
ブログ用アプリ
スポンサーリンク
スポンサーリンク
スポンサーリンク

コメント