忍者画像RSSをCSSでカスタマイズする方法

忍者画像RSSをCSSでカスタマイズする方法

 河童戦術:note:
忍者画像RSSをCSSでカスタマイズする方法

note:
これ、やってもいいのかよくわからないので自己責任でお願いします。




こういう忍者画像RSSですけど、ある程度までは作成画面でカスタマイズできますよね。ただ、おしい!と言いますかもう少しCSSを使って自分で変更したいなあと思いまして、調べてみました。

なお、自分の場合は最初にタグコピーで出されるコードから
class="ninja-recommend-block"
の部分は削除しています。


画像を修正する場合
.ninja-recommend-article-image-box {

}


記事タイトルを修正する場合
.ninja-recommend-article-link {

}


公開日を修正する場合
.ninja-recommend-article-date {

}


で、自分の場合は記事の下に区切りのラインが欲しかったので
.ninja-recommend-article-content {
 background: #808080;
 height: 2px;
 width:100%;
 opacity:0.5;
}

.ninja-recommend-article {
 width:100%;
}


このように書いてみました。まあそのまま忍者画像RSSで用意されているカスタマイズ画面でもかなりの部分を調整できるわけですが、それで満足できないというときはこういう方法もあるよっていう記事でした。

©河童戦術 2014 | VeeThemes