Cocoonテーマ編集② 記事

なんか桃フラペ注文するとコースターもらえるようになるらしいですね。新商品出るしもう飲めないかもと思って急いで買いに行ったのにな……コースター欲しかった(もらえるものはとりあえず欲しい)
にしてもめっちゃ美味しかった!桃最高かよ。味薄いからスイーツあんま美味しくないんだよねっていう考えは改めないといけないな……タルトもめっちゃうま……!あの店の中にいるとケーキにしては安いね?(安くない)って思い始めるからすごい。店内マジック。ドリンクより安いせいでケーキがとてもお得なのでは?っていう勘違いをする

記事のとこ編集した

思ったのは、ちゃんど.articleつけないとほかも変わっちゃうってこと……そっか……他でもh1とか使われてるか……(当たり前)

h1編

h1は記事タイトルのとこ。見た目華やかでいいなー!って感じで!以下の「[1]カラフルな斜線で装飾」の色を弄った

コピペでOK!CSSで見出しをオシャレにカスタマイズしよう!
先日自分で過去の記事を見ていたら、記事中に出てくる見出しがあまり視認性が良くないと感じたのでちょっと変えてみました。適切な見出しの使い方をするのはSEOにも良い事で、ちゃんと使えばユーザー(ブログを見てくれている読者)の記事全体の可読性も上

h2編

青くしたいよね!ってことで。最初ラインしかなかったけど、h3作ってからこれh3に見劣りしてね……?ってなって変えた。以下の「背景に大きな円が2つある見出し」参照。てかどれもめっちゃ可愛くてしんどい
弄ってみて思ったのは、円に色つけるのはやめた方がいいってことです、もしも文字色を白にするなら。黒なら問題なさそうだけど……円が文字の上にかかってるらしく、色付けちゃうと、文字色白の場合は文字色がそこだけ円の色かかってちょっと変になった。なんか回避方法あるかもだけどまあ白円が無難かなってことでこのまま。opacityは文字にかかるとこ(白円の)ちょっと下げた、なんか白円が白すぎると文字見えにくいし……2個目の円は透明度そのままにしちゃったな、まあそんな長いタイトルかかないでしょきっと、あとなんだかんだで読めるし

CSSコピペで出来るシンプル可愛い見出しデザイン【女性向け】 | 第0版
ブログをお持ちの方必見! スタイルシートをコピペするだけでOKな、シンプル可愛い見出しを作成しました。 ※アイキャッチ画像では10個になってますが、徐々に増えて現在18個あります。...

h3編

以下の一番下のやつ。ボーダーは正義。ほとんどh3に書いたけど問題なかった

HTMLとCSSのコピペですぐに実装できる見出しデザイン14選
WEB制作で必ずと言っていいほど登場するものの1つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新…

h4編

以下の「途中で色の変わる線」。afterで重ねてるのか……かっこいい……

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選
h1〜h6タグの美しくおしゃれなデザインサンプルをたくさん紹介します。どれもコピペで使うことができます。

目次編

これどうしよーって感じだったけど……どうすればいいのかわからなかった……最初、○背景の文字にしようとして番号振りがおかしくなって、表示される番号はそのまま使おうということになった結果、以下の数字リストにすることに。いや、部分的にフォント変えるとか発想天才すぎでは?WebFontさまさまだな!かっこいー!!!

Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションを

コメント

タイトルとURLをコピーしました