カスタマイズ000106早いものでブログを書き始めてから1週間以上が経ちました。記事を書きながら、時間を見て「Simplicity」をカスタマイズ。カスタマイズにのめり込んでしまうので、カスタマイズをやっていいのは「記事を書いたあと」と心に決めてます(笑)カスタマイズは素人同然なので、やり出したら時間かかっちゃうんです。それでも何とか目指したい形になってきました!ブログ開設初日のカスタマイズの面影はもうどこにもありません...wブログ開設日にやったSimplicityカスタマイズのまとめこんばんは。(@verdad0619)です。昨日開設したばかりのこのブログ。Simplicityのカスタマイズが楽しすぎて、1日でいろいろ変えてしまいました。シンプルだった部分がなくなってしまっているのが難点ですが・・・(笑)mattarilog.com今回は、ブログ開設後1週間で行った「Simplicity」のカスタマイズを5つ紹介します。Fontsを使ってフォントを大きくすることでロゴっぽく見せていたんですが、きちんとロゴを作成することにしました。Logo」でロゴを作成しました。狭くして、サイトロゴを左寄せに。グローバルメニューの左端と位置が合うようにしました。したことなんですけどね。なんか気になっちゃっていろいろ試してこうなりました。{margin-left:0;}#site-description4行目からの#site-descriptionがキャッチフレーズ(サイト概要文)の位置についてです。margin-topを「-15px;」にすることで、サイトロゴとの余白を狭めました。本当はもっといい方法があるのかも。ロゴのサイズによってmarginの値は変わってくると思うので、調整して下さいね。.alignleft11行目でmargin-leftを「0」にすることで、ロゴが左寄せになります。変更前と比べて、ロゴ左の余白もなくなってますよね?この辺りは、ヘッダーの背景画像を何にするかによって、左寄せにするか、そのままがいいかが変わってくると思うので、変更しながらしっくりくる位置を探してみて下さい。カラー変更サイトのイメージカラーを「グレー+グリーン」から「グレー+ブルー」に変更したいなぁーと思い、リンク色や見出しタグ(h2,h3)の変更を行いました。リンク色の変更リンク色は、Simplicityのカスタマイザーの設定で、「色」→「リンク色」で簡単に変更できます。見出しタグ(h2,h3)の変更h2,h3タグ共に下記のサイトを参考にしてカスタマイズしました。#3」を参考にカスタマイズ。本当はリボンの部分を記事枠内からはみ出させて囲っているように表示させたかったんですが、わたしの技量じゃムリでした(>人<;)なので、折り返し部分を無くして、ステッチ要素だけ残しました。リボン要素はどこへ?(笑)カラーを青(#1789BE)にして、ステッチを白に。ステッチだけなら、このコードじゃなくて、もっとシンプルに出来るのかも。CSSはもっと勉強しなきゃダメですね。#fff;}追記べるだ青(#1789BE)では、ちょっとサイト全体の色が暗くなりがちだったので、シアン系の色に変更しました。#1789BE;」の部分で好きな色を指定してみてくださいね!ピョコボ変えすぎじゃない?べるだだってカスタマイズ楽しいんだもーん。#1」を使わせてっもらってます。