2016.08.22アメブロのカスタマイズを自分でしたい!そんな方向けに必要最低限なカスタマイズ方法をご紹介します。【コピペで簡単】アメブロにおしゃれなヘッダーを設置するカスタマイズ方法アメブロヘッダーを自分で作って設置したい!ヘッダー画像の作り方から設置の方法までPCが苦手な方でもできるようにわかりやすく解説。fc-labo.design↑こちらの記事で、ヘッダー画像の編集が終わったら・・・あとは、サイドバーのタイトル文字やその下の線の色、記事タイトルの文字やその下の線の色を変更してみたいと思います。こちらも、ヘッダー画像の設置同様に、CSSの最後にコードを貼り付けるだけです!ちょっと大変なのは、色選びでしょうか?手順は以下となります。CSS編集可能デザインを設定するコードを貼り付けるカラーコードを指定するそれでは、順番にみていきましょう。目次CSS編集可能デザインを設定するコードを貼り付けるカラーコードを貼り付ける記事のタイトルと下線を変更する下線の太さや種類を変更まとめCSS編集可能デザインを設定する管理画面からCSS編集可能デザインの設定をします。詳しい方法は、こちらの記事の手順をご覧ください。【コピペで簡単】アメブロにおしゃれなヘッダーを設置するカスタマイズ方法アメブロヘッダーを自分で作って設置したい!ヘッダー画像の作り方から設置の方法までPCが苦手な方でもできるようにわかりやすく解説。fc-labo.designコードを貼り付ける1管理画面から「デザインの変更」ー「CSSの編集」2以下のコードをCSSの一番下に貼り付けてください。「プロフィール」と「カレンダー」は別のため、それぞれ表示させているものを追加してください。solid#DC4748;→線は、1ピクセルの実線でカラーコードは#DC4748ということ。色を変えたい場合、この#で始まるコードを指定していきます。カラーコードを貼り付けるでは、カラーコードを変更してみますね。#61C41F;}このようにカラーコードを変えたとすると・・・と、このように変わります。↓こちらの記事を参考にしてください。アメブロカスタマイズに必須!色に関する便利ツールホームページやブログをカスタマイズするときに、必要となってくるのが色の指定方法。Web上で色ってどんな風に表現してるの?どうやって指定するの?色の組み合わせがうまくいかない・・そんな時に使える、便利ツールの...fc-labo.design記事のタイトルと下線を変更する記事タイトルと下線の色を変更する場合も同じです。コードは以下となります。#d68fd6;}同じようにカラーコードを設定してください。このままだと、タイトルの文字色は黒、下線はパープルです。サイドバーと同じ配色にするとよいと思います。慣れてきたら、下線の太さや種類も変更してみましょう。#F0435A;}このように表示されます。下線の種類を変える下線の種類は、solidを変更します。solid→1本線double→2本線dashed→破線dotted→点線サイドバー、記事タイトルも同じ設定なので、ヘッダーに合わせてお好みを見つけくださいね。以上です!まとめアメブロカスタマイズでサイドバーや記事の文字色、下線の種類は、それぞれ指定したコードをCSSの最後に貼り付けるだけで変更が可能です。線の種類も点線や破線に変更が可能です。色の指定はカラーコードで設定します。ビジネス&デザインサービスF-Labo代表。・女性向けマーケティングアドバイザーわかりやすく説明するのが得意。シンプルなものが好き。f-labo.ホーム学ぶHP制作タイトルとURLをコピーしました。