AmebaOwndテーマ「NEMI」のブログ記事タイトルをCSSでカスタマイズするには？？

こんにちは。
Webクリエイター加藤です。

AmebaOwndの講座が、いよいよ明後日１１日になりました。。
参加してくださる方、皆さんにお会いできることだけが楽しみですね。。

さてさて、AmebaOwndのテーマ「NEMI」ですが、私も以前使ったことがあります。シンプルで好きなデザインですね。。

このテーマのブログ記事タイトルも、CSSを使ってカスタマイズしてみたいと思いますです。

まずは。。。

「ビフォ～」


まだ、なにもありません。。
カスタマイズ前ですねぇ～～！！

ではここからですよぉ～～！！


１．AmebaOwndのダッシュボードへログインしていただいて、デザイン編集＞CSSカスタマイズへとアクセスしてください。

アクセスしていただいたら、下記に記載しているCSSを、PCようのCSSエディタ「全体」へコピーして、ペースト（貼り付けて）くださいませ。

貼り付けたあと、必ず「保存」（緑色のボタン）をクリックして、保存してくださいぃ～！！


h1.blog-title__text {
    border-left: 5px solid #ffcccc;
    border-bottom: 1px solid #ffcccc;
    padding-left: 10px;
}

※ボーダーの色を変更する場合には、「#ffcccc」の所をお好きなカラーコードに変更してくださいませぇ～！！







２．実際にブログ記事をつくってみましょう。。
こんな感じで、タイトルと、本文を入力してみましたよぉ。。


３．記事をプレビューしてみましょう。。



どうでしょうか？？
AmebaOwndのブログ記事タイトルに、ボーダー(border)が追加されましたよぉ～～！！


操作、設定は、ここまでになりますね。。



実際に、CSSを追加するときっと、こうなると思いますです。^_^;
きっと。。

たぶん。。。

いや、なるはず。。。。^_^;








ではまた。
加藤でした。


私のSmilefactorytenのAmebaOwndサイトはこちらでーす！！
kato AmebaOwnd site