はてなブログで文字のカスタマイズが捗る構成図をつくってみました2015-05-12はてなブログで文字のカスタマイズが捗る構成図をつくってみましたWeb制作スポンサーリンク最近ブログカスタマイズにはまっているゆきひーです。「またかよ!?」うっす。はてなブログの文字をカスタマイズする際に、こんなのがあったら便利だなあと思っていたので作ってみました。はてなブログ文字の構成図はてなブログのidとかclassとかを直感的に分かりやすいような構成図を作ってみました。今回は文字の編集用につくったので、文字に関するのを抽出しています。全部はないのですが...。下のキャプチャは、はてなブログの無料テーマの中でも最もシンプルだと思われる「blank」に、それぞれの文字に関するidやclassをふったものです。いやだいぶ見にくくてすみません...。今回は僕も使わせていただいている「blank」を元にやりましたが、どのテーマでもはてなブログならだいたい同じではないかと思います。間違いあったら教えてください。注意点としては、「.」「-」「#」「空白」などを忘れないようにしてください。「ぜんぜん反応しねー!」など無駄な時間を過ごしてしまう可能性があります。あまりに見にくいので何も書いていないまっさらな状態のも貼っておきます。具体的に文字の装飾をする具体的にどんな装飾ができるのかを簡単に書きたいと思います。する;}みたいな感じで書きます。全て半角英語にすることと、「{}」「:」「;」などを忘れると反応しません。上に書いたコードは、基本的に「どこの」の部分に該当します。以下では、「何を:どうする;」の部分のみ書いていきます。書く場所いつものことですが、書く場所は「デザインcss」の部分です。#000000;みたいに打ち込むとできます。リンクの色を変えたいときも使えます。#000000;みたいな感じです。文字の背景のみ変わります。20px;みたいな感じです。本文がだいたい14pxくらいです。(このブログは16)80%みたいにパーセントでもできます。boldみたいな感じです。ここで、bold...太い(数字だと700)normal...普通(数字だと400)数字...(100〜900まで)てな感じです。他にもいろいろとできそうです上の他にも、影をつけたり3Dっぽくしてみたりいろいろありますが、書くのが難しそうなのでやめておきます。上に書いたものだけでも、結構いろいろと変えたりできると思います!まとめカスタマイズは楽しいです。1日が一瞬で終わります。yukihy.hatenadiary.comに書いてあります。配置自体を変えたり、幅や高さを変えたりする際にはこちらの方をみてみてください。20:46関連記事2016-07-13CSSでスマホ画面で横スクロールするレスポンシブ対応のメニューを作るカスタマイズ最近よく見る、スマホのときに横スクロールをするメニュー。...2015-05-15コピペ1発+αではてなブログスマホ画面にトグルメニューをつけるカスタマイズ6/22追記:コピペコードを1つにしました。はてなブログPro都内に住む大学5年生だったのがこの春から社会人一年目になりました。データ分析職として働いております。Googleアナリティクス※メールでのブログカスタマイズのご依頼は現在受けておりません。@ftmaccho詳しいプロフィールはこちらから。広告依頼など重要っぽい連絡はこちらからお願いします。Life引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。