シェリーさんちの妊活

30代前半の主婦が綴る妊活体験記。時々ブログカスタマイズもしてます。

今日妊娠したら出産はいつ頃になるの?出産季節と妊活タイミングまとめ

f:id:family-blog:20180918143827j:plain

こんにちは、シェリーです!

私はこれまで妊活をしてきた中で、「今クールもし妊娠したとしたら出産はどの季節になるんだろう」と疑問に思うことが何回もありました。同じ妊娠&出産でも、季節によってだいぶ過ごし方が変わってくるからです。

でも、いちいち調べるのが面倒になってきた今日この頃…。そこで、出産季節ごとに妊活のタイミングを逆算して、まとめることにしました。

出産季節別☆妊活タイミング

春の出産

f:id:family-blog:20180918150252j:plain

春の出産の場合、妊活のタイミングは夏の季節(6月8日〜9月7日)です。

下記は、月別の妊活タイミングです。

  • 3月の出産:6月8日〜7月8日
  • 4月の出産:7月9日〜8月7日
  • 5月の出産:8月8日〜9月7日

 

夏の出産

f:id:family-blog:20180918151114j:plain

夏の出産の場合、妊活のタイミングは秋の季節(9月8日〜12月8日)です。

下記は、月別の妊活タイミングです。

  • 6月の出産:9月8日〜10月7日
  • 7月の出産:10月8日〜11月7日 
  • 8月の出産:11月8日〜12月8日

 

秋の出産

f:id:family-blog:20180918150650j:plain

秋の出産の場合、妊活のタイミングは冬の季節(12月9日〜3月9日)です。

下記は、月別の妊活タイミングです。

  • 9月の出産:12月9日〜1月7日  
  • 10月の出産:1月8日〜2月7日 
  • 11月の出産:2月8日〜3月9日

 

冬の出産

f:id:family-blog:20180918150751j:plain

冬の出産の場合、妊活のタイミングは春の季節(3月10日〜6月7日)です。

下記は、月別の妊活タイミングです。

  • 12月の出産:3月10日〜4月9日
  • 1月の出産:4月10日〜5月10日
  • 2月の出産:5月11日〜6月7日(うるう年は、6月8日)

 

生まれ月別☆赤ちゃんガイド 

こちらの「赤ちゃんガイド」という本には、生まれ月別に赤ちゃんの出産準備や出産後必要なものについて書かれています。持ち歩きもできる手帳大のコンパクトサイズです。

もし妊娠して予定日が分かったら、すぐに買いたい本の一つです。

1月生まれの赤ちゃんガイド

1月生まれの赤ちゃんガイド

 
2月生まれの赤ちゃんガイド

2月生まれの赤ちゃんガイド

 
3月生まれの赤ちゃんガイド

3月生まれの赤ちゃんガイド

 
4月生まれの赤ちゃんガイド

4月生まれの赤ちゃんガイド

 
5月生まれの赤ちゃんガイド

5月生まれの赤ちゃんガイド

 
6月生まれの赤ちゃんガイド

6月生まれの赤ちゃんガイド

 
7月生まれの赤ちゃんガイド

7月生まれの赤ちゃんガイド

 
8月生まれの赤ちゃんガイド

8月生まれの赤ちゃんガイド

 
9月生まれの赤ちゃんガイド

9月生まれの赤ちゃんガイド

 
10月生まれの赤ちゃんガイド

10月生まれの赤ちゃんガイド

 
11月生まれの赤ちゃんガイド

11月生まれの赤ちゃんガイド

 
12月生まれの赤ちゃんガイド

12月生まれの赤ちゃんガイド

 

まとめ

妊活をしていると、もしも今日妊娠したとしたら出産の時期がいつになるのか気になりますよね。

今回調べた結果、出産する季節は、妊活(妊娠)した季節の一つ前の季節になることが分かりました。例えば、今秋に妊娠したら来夏に出産予定ということになります。

このまま妊娠しない可能性も、今日妊娠する可能性もある妊活生活。時々、今日妊娠したら出産はいつ頃になるのか考えながら(妄想しながら笑)頑張りたいと思います。

※出産月別の妊活タイミングはあくまで目安のため前後する可能性があります。尚、日程は以下のアプリ「産みたい日チェッカー」より計算しました。

産みたい日チェッカー-計画的な妊活、妊娠、出産を支援する子作り応援アプリ-
産みたい日チェッカー-計画的な妊活、妊娠、出産を支援する子作り応援アプリ-
開発元:Karadanote Inc.
無料
posted withアプリーチ

シャンシャンに逢いに上野動物園へ!実物は、良く動いてとにかく可愛かった♡

f:id:family-blog:20180915182806j:plain

こんにちは、シェリーです!

ずっと行きたかった上野動物園に、少し前に行ってきました。6年前、シンシンはシャンシャンを出産する前に一度出産しています。しかし、その赤ちゃんは生まれてすぐに天国へ行ってしまいました。

その頃に一度リーリーとシンシンに逢ってきたのですが、上野動物園へ行ったのはその時以来約6年ぶりでした。

2018/2/12 リーリーとシンシンの妊娠前夫婦喧嘩の記事を書いています。

上野動物園

f:id:family-blog:20180915183759j:plain

入園料など

入園料は大人一人で600円と決して高くありません。パンダの観覧方法は以下のサイトに詳しく載っています。

www.tokyo-zoo.net

大行列

私が行った時は炎天下でなんと1時間半並びました。スマホのバッテリーも切れそうになっていたので、とても長く感じました。

上記サイトによると今は待ち時間が1時間を超えることはないようです。秋になって気候も涼しくなってきたし、シャンシャンに逢いに行くなら今がチャンスかもしれませんね。

建物内へ! 

f:id:family-blog:20180915205111j:plain

その日は気温が高かったため、シャンシャン・シンシン・リーリーは空調のきいた室内にいました。後もう少しでシャンシャンに逢えます!

建物の入り口には、シャンシャンの写真が飾ってありました。ここら辺から急にテンションが上がりました。

実物写真♡

まずはリーリー!

f:id:family-blog:20180915210653j:plain

リーリーと、シャンシャン・シンシンは別の部屋にいました。リーリーは、この体勢から全く動く気配がありませんでした。まさに休日のお父さんですね(笑)

シャンシャン・シンシン!

f:id:family-blog:20180915211012j:plain

進路をまっすぐ進むと、すぐにシャンシャンとシンシンの部屋が見えてきました!シャンシャン可愛い!シンシン食べてる(笑)

f:id:family-blog:20180915211152j:plain

お父さんのリーリーとは対照的に、シャンシャンはよく動きます!上の写真から一瞬しか経ってませんが、次の瞬間にはシャンシャンは後ろを向いてしまいました。お尻も愛らしいですけどね。

f:id:family-blog:20180915211537j:plain

次の写真も後ろを向いたまま。そしてシンシンも食べたまま(笑)

係員の指示に従い、立ち止まらずに進みましたが、そのすぐ後にシャンシャンがシンシンに抱きついたそうです。想像しただけでも可愛い♡写真に撮れずごめんなさい。

お土産!パンダグッズがたくさんあります

f:id:family-blog:20180915213732j:plain

上野駅周辺にはパンダのグッズがたくさん売っていました。

その中でも、エキュート上野内にあるシレトコファクトリーのパンダドーナツを購入してみました。 

f:id:family-blog:20180915214053j:plain

プレーンです。揚げないドーナツだそうで、とてもヘルシーですね。優しい味でフワフワで、とても美味しかったです!

f:id:family-blog:20180915214127j:plain

こちらはチョコクッキー味。こちらもフワフワです。他にも、色々な種類の可愛いパンダドーナツがありました!次はカボチャ味も食べてみたいです。

まとめ

とても暑かったし行列に並ぶのは疲れましたが、シャンシャンたちに逢えたり美味しいドーナツも買うことができて、上野動物園はとても良い思い出になりました。

シャンシャンは、1回逢えたけどまた逢いに行きたくなるくらいとても可愛らしかったです。また大きくなってるんだろうな!

私が体験した化学流産 〜妊娠検査薬が陽性でも薄かった〜

f:id:family-blog:20180915125222j:plain
こんにちは、シェリーです!

ブログを更新していない間、色々なことがありました。その中でも一番大きな出来事は、化学流産です。時間が経って立ち直ってきたので、その時の体験談を書きたいと思います。

化学流産とは?

化学流産とは、正理予定日の一週間後よりも前にフライングで妊娠検査薬を使い、陽性が出たものの、何らかの原因によって妊娠が維持できずに正理が始まってしまうことを言います。

通常の生理と同様の出血がありますが、症状はほとんどなくその後の日常生活にも支障はありません。

私の体験 

起:基礎体温がやたら高く熱ぽい

基礎体温を測り始めてから、ほとんど毎日欠かすことがなくなった朝の基礎体温チェック。

私は高温期でも基礎体温が37℃以上になることはあまりありません。しかし、その日の基礎体温は37.05℃でした。それに何だか熱っぽくて…。

生理予定日2日前でしたが、これはもしかしたらと思いフライングで妊娠検査薬を試してみることにしました。

承:フライング検査で薄い陽性

検査をしてからしばらくすると、判定の場所にうっすらと線が浮き上がってきました。

念のため、生理予定日当日から使える早期妊娠検査薬も試してみました。すると、同じような薄いラインが現れました。

それまで何回か妊娠検査薬を試したことはありましたが、薄いながらも初めて見る判定ラインに、とても驚き嬉しい気持ちになりました。

転:判定結果が濃くならない

妊娠検査薬の説明書には、濃くても薄くても判定ラインが出たら妊娠の可能性があると書いてありました。「きっと生理予定日前だから薄かったんだろう、これから濃くなってくるはず」と思っていました。

それからは、ほとんど毎日妊娠検査薬を試しました。毎回陽性反応は出ましたが、生理予定日を過ぎても、妊娠検査薬の判定ラインが濃くなることはありませんでした。

結:突然の腹痛、出血

生理予定日一週間後の一日前、もう少ししたら病院へ行こうと思っていた頃でした。朝、突然普通に立っていられないほどの強い腹痛を感じトイレへ駆け込みました。

腹痛は、トイレへ行った後にすぐに良くなったので、何でもないと思いたかったのですが、その日の夕方から軽い出血とともに生理が始まってしまいました。

妊娠したものと思って、胎教に良いと言われているモーツァルトの音楽を聴いたり妊婦向けのレシピ本を読んだりし始めていたので、本当に悲しい体験でした。

しかし、それよりももっと悲しいことがありました。

妊娠確定前の報告に注意

f:id:family-blog:20180915135001j:plain

初めて陽性結果が出た日、私はホームパーティーに呼ばれていました。その時は嬉しくてつい話してしまったのですが、後日化学流産の事実を報告することになりました。

私が体験した化学流産の時間の中で、一番辛かったのはその瞬間だったかもしれません。

ただ、妊活をしていると、食べれない・飲めないものがたくさんあります。それまでは何となく濁していましたが、これで「私は妊活をしているから食べれません!」って堂々と言えるようになったので結果的には良かったのかなとも思います。

まとめ 

化学流産は、ほとんどの場合受精卵の染色体の異常によるもので、防ぐことは不可能と言われています。

フライングはしない方が良いのは分かっているけれど、そのお陰で少しの間だけ私たち夫婦は親になれました。

また、来てくれると良いなぁ。

妊活中にオススメのドラマ&映画まとめ

f:id:family-blog:20180914225342p:plain

こんにちは、シェリーです!

とても久しぶりの更新になってしまいました。なんとなく、少しだけブログをお休みしようと思っていたら、こんなに長期間お休みすることになってしまいました。読者になってくださった方々、ごめんなさいm(_ _)m💦

ブログは更新していませんでしたが、妊活はずっと続けていました。更新頻度はあまり高くないかもしれませんが、少しずつ私の体験を書いていきたいと思います。

ブログをお休みしている間、妊活の気分転換に「妊娠&出産」をテーマにしたドラマや映画をたくさん観てました。

今日は、これまでに私が観てきた「妊娠&出産」をテーマにした妊活中にオススメのドラマと映画を紹介します。

妊活中にオススメのドラマ

隣の家族は青く見える

f:id:family-blog:20180915112449j:plain

  • 妊娠&出産知識:★★★☆☆
  • 妊活初心者向け:★★★★★
  • 可愛い&癒し系:★★★★★

妊活ドラマ「隣の家族は青く見える」レビューは途中までになってしまいましたが、最後までしっかりと観てました。

感想は…二人の出した結論が、素晴らしいなと思いました!どんな結論を出したかは、ドラマを観てもらいたいので書きませんが、妊活についてとても分かりやすく描かれているドラマです。妊活を始めたばかりだった私にもすんなりと理解できる内容になっていました。

全10話のうち、1〜5話まではレビュー記事を書いています。

コウノドリ

f:id:family-blog:20180915112542j:plain

  • 妊娠&出産知識:★★★★★
  • 妊活初心者向け:★★★☆☆
  • 感動号泣したい:★★★★★

「隣の家族は青く見える」を観た後に、「コウノドリ」も観ました。こちらは産科医が主人公のドラマなので、医療現場から見た出産を知ることができます。1話完結のため、様々な出産にまつわるストーリーが出てきます。ほぼ毎回号泣しました。

放送された順番は逆でしたが、妊活初心者だった私は「隣の家族は青く見える」→「コウノドリ」の順番で観て良かったと思ってます。 と言うのも、情報がたくさん詰め込まれている「コウノドリ」から見始めたら、私は頭がパンクしてたかもしれません。

「隣の家族は青く見える」で素敵なカップルに癒されつつ、妊活について「もっと知りたい!」という欲が出てから「コウノドリ」を観ることで、知識をスポンジのように吸収できました。

コウノドリ DVD-BOX

コウノドリ DVD-BOX

 

THIS IS US

f:id:family-blog:20180915112947j:plain

  • 妊娠&出産知識:★★☆☆☆
  • 妊活初心者向け:★★★★★
  • 感動号泣したい:★★★★★

こちらは海外ドラマですが、シーズン1では妊娠&出産の場面が出てきます。妊娠だけに焦点をあてたドラマではありませんが「出会い→結婚→妊娠&出産→子育て→子どもの成長」を描いたドラマになっていて、とても見応えがありました。

レビュー記事も書いています。

妊活中にオススメの映画

恋愛だけじゃダメかしら

  • 妊娠&出産知識:★★★☆☆
  • ブコメディー:★★★★★
  • セレブオシャレ:★★★★★
  • 男性と観たい:★★★★☆

妊活中じゃない時に観た映画ですが、ラブコメとしてもすごく面白くて何回も観てます。

キャメロン・ディアスジェニファー・ロペスとキャストが豪華すぎたり、映画の世界観がとてもお洒落なのもそうですが、5人のメインキャストによって多種多様な妊娠&出産の形がユーモラスに描かれていて、笑って泣けて観た後に前向きになれるのが一番のオススメポイントです。

まだ観ていない妊活中の方には、絶対に観てもらいたい映画です。

恋愛だけじゃダメかしら? [DVD]

恋愛だけじゃダメかしら? [DVD]

 

理想の出産

  • 妊娠&出産知識:★★★☆☆
  • ブコメディー:★★★☆☆
  • リアリティ淡々:★★★★★
  • 男性と観たい:★★☆☆☆

こちらは、フランス映画です。「恋愛だけじゃダメかしら」に比べると、ややコメディー要素が少なく、妊娠&出産の理想と現実を描いた映画でした。これはパートナー男性と観るというよりは、女性が一人で観た方が良い作品かなと思いました。

フランス人の主演の女優さんがとても綺麗でした。

理想の出産 [DVD]

理想の出産 [DVD]

 

ジュニア

  • 妊娠&出産知識:★☆☆☆☆
  • ブコメディー:★★★★☆
  • ファンタジー:★★★★★
  • 男性と観たい:★★★★★

最後にコメディー映画です。この映画は、あのアーノルド・シュワルツェネッガーが男性なのに妊娠するというかなり現実離れした内容で、妊活疲れの時にストレス発散で観たい映画です。また、男性と一緒に観ると楽しい映画だと思います。

ジュニア [DVD]

ジュニア [DVD]

 

まとめ

私にとっては、結果がどうであれ「妊活をしている」ということだけでも、当たり前のことではなく、とても幸せなことです。

嬉しいことばかりではありませんが、こうやってドラマや映画を観たりして、うまく気分転換をしながら妊活を楽しめると良いなと思ってます。

海外ドラマ「THIS IS US 36歳、これから」第一話の感想!※ネタバレあり

f:id:family-blog:20180222100634j:plain

こんにちは。シェリーです。

久しぶりにハマりそうな海外ドラマを見つけました!それは「THIS IS US 〜36歳、人生これから〜」です。

アメリカでは2016年9月から放送され、日本では2017年10月からNHKで放送さていました。現在は、DVDレンタルも開始しています。

画像:海外ドラマ『THIS IS US 36歳、これから』オフィシャルサイト | 20世紀フォックス ホーム エンターテイメント

THIS IS US 概要

ある夫婦(ジャックとレベッカ)は、3つ子の出産を控えていました。

まだ見ぬ我が子に会えることを心待ちにしていた夫婦、しかし3人全員が元気に生まれてくるのは難しいと、主治医より辛い現実をつきつけられてしまいました。

出産当日(偶然にもジャックの誕生日!)、2人の赤ちゃんは元気に産声をあげたものの、3人目は助かりませんでした。

悲しみに暮れるジャックは、その日捨て子として病院に預けられた黒人の赤ちゃんを3人目の子どもとして我が家に引き取ることを決意します。

物語は、3つ子の36歳の誕生日から始まります。

THIS IS US 登場人物

ケヴィン

ジャックとレベッカの3つ子の息子。36歳。独身。テレビのコメディードラマの人気俳優。外見だけの軽い男の役に嫌気がさし、収録中に不満をぶちまけて自ら降板した。役者としての生き方を模索している。

ケヴィンは、仕事に疑問を抱き大きな行動に出ました。ケイトやランダルに支えられながら、役者としての道を自ら模索し始めます。

ケイト

ジャックとレベッカの3つ子の娘。36歳。独身。しっかり者だが、自分に自信が持てない。長年、付き人として兄ケヴィンを公私に渡りサポート。“脱肥満”を目標に努力中。

第一話で、ケイトにトビーという優しい彼氏ができました。相性が良いのか、初めてのデートすごく楽しそうでした。

ランダル 

ジャックとレベッカの3つ子の息子。養子。36歳。頭脳明せきで真面目。エリートビジネスマンで妻と2人の娘と幸せな家庭を築いている。生まれたばかりの自分を手放した実父をやっと見つけて再会した。家族への複雑な思い抱えている。

ランダルは、自分を捨てた実の父親に会いに行きました。一言怒りをぶつけるだけのはずが、自分の家に呼び一緒に暮らすことになりました。

THIS IS US 見ドコロ

心に残るフレーズ

主治医がジャックに3人目の子どもが助からなかったことを伝えると、ジャックは酷く憔悴してしまいました。すると主治医はジャックにこう伝えるのでした。

こう考えたいんだ。君も年老いたときに自分の経験を若者に語るだろうと。人生が差し出した酸っぱいレモンを、レモネードに変えた経験を。

主治医が産婦人科医を志したのは、自分の子どもの死がキッカケでした。主治医は、その人生が差し出した「最も酸っぱいレモン」を、その他大勢の子どもを助けることで「レモネード」に変えたのでした。

マンディ・ムーアが出てる! 

マンディ・ムーア

マンディ・ムーア

 

あんなにCDを聴いていたのに、見終わるまで全く気が付きませんでした!マンディ・ムーアの透き通る歌声が好きな人は多いはず!

レベッカ役(3つ子の母親役)で出演しています。

他にも、「塔の上のラプンツェル」ではラプンツェルの声と歌を担当されていました。

高橋一生さんがケヴィンの声!

吹き替え版では、俳優の高橋一生さんがケヴィンの声を担当されています。高橋一生さんのファンの方は必見です。

私も、海外ドラマは字幕派ですがこの作品は吹き替え版も観ました。

【インタビュー】「THIS IS US 36歳、これから」高橋一生「家族や恋人、兄弟という題材をストレートにやる熱意に感銘を受けました」 | エンタメOVO(オーヴォ)

まとめ

「THIS IS US」は、第一話から感動して泣きました。

ハートウォーミングで面白い最新の海外ドラマを探している人に、是非チェックして欲しいドラマです。

はてなブログでオリジナルの見出しを作る!先頭に好きなマークを表示させる方法

f:id:family-blog:20180218104832j:plain
こんにちは。シェリーです。

はてなブログの「見出し」をカスタマイズしていると、使っているブログデザインにもともとついていた画像を消すことができないという問題に直面することがあります。

私は「Handwriting」というブログデザインを使っているのですが、見出しの先頭に勝手に「水色のリボンのマーク」がつく設定になっていました。

可愛いかったのですが、見出しをカスタマイズしようとした時に問題になりました。リボンマークが消えず残ってしまったからです。

結果としては、もともとついていたリボンマークを消し、新たに自分の好きなリボンマークを表示させることができました。

この記事では、私が行った具体的な方法について説明します。

見出しの先頭に表示される画像を消す

一つ前のブログにも書きましたが、ブログデザインをカスタマイズする手順です。

  1. ダッシュボード 
  2. デザイン
  3. カスタマイズ(工具のマーク)
  4. {}デザインCSS
  5. 4に、好きなデザインCSSを追加していきます。

私のように、見出しをカスタマイズしたのにリボンマークが消えずに残ってしまった人は、該当するデザインCSSの{ }内に一行挿入して、下記のコードを加えてみて下さい。


background:transparent

 

これは、背景を透明にする(初期設定)CSSです。

CSSの中には、「背景が設定してある」ものと「ない」ものがあります。 背景の設定がないCSSは、もともとついていた画像が残ってしまうので、透明にする(初期設定に戻す)CSSを追加しないといけません。

背景の設定があるかどうかは、CSSの中に「background」という単語が入っているかどうかで見分けられます。

ちなみに、私が使っている大見出しの「ステッチ風」には背景の設定がされていましたが、中見出しの「下線」には背景の設定がされていませんでした。

見出しに自分の好きな画像を表示させる

私は、もともとついていた水色のリボンマークを消しただけではなく、「中見出し」に自分で選んだリボンマークを表示させるように設定しました。 

f:id:family-blog:20180217194143p:plain

↑元画像です。

f:id:family-blog:20180217173820p:plain

↑実際使っている大きさの画像です。

私が使っている中見出しのデザインCSS


.entry-content h4{
font-size:115%;
line-height: 20px;
padding-left: 30px;
background:url('https://cdn-ak.f.st-hatena.com/images/fotolife/f/family-blog/20180217/20180217173820.png') no-repeat 0;
position: relative;
}
.entry-content h4{
border-bottom: solid 5px #FFF0F5;
}

これが、私が使っている中身だしのCSSです。可愛く仕上がったので気に入っています。使いたい方は、コピペして使ってOKです。

見出しにオリジナルの画像を表示する手順

下記は、オリジナルの見出しを作りたい方に向けた手順です。

  1. 好きな画像(イラスト)を選びます。できるだけ小さくシンプルなデザインのものが良いです。自分オリジナルのイラストがなければ、無料画像サイトからダウンロードします。
  2. 画像は、見出しの先頭に表示するサイズにするために、かなり小さくする必要があります。私は30×19ピクセルにしました。小さくしてもはっきり見えるようなデザインを選ぶと良いです。
  3. サイズを小さくしたら、png形式で保存します。
  4. 画像をブログにアップします。これは、ブログに写真をアップするのと同じ要領で記事の編集画面から「+写真を投稿」ボタンを押してアップします。
  5. 4を行うと画像にURLがつきます。URLは、「編集オプション」のアイキャッチ画像の右側を見ることで確認できます。
  6. CSS5行目の「URL」の部分(「'」から「'」の間)にそのURLを貼り付けます。

background:url('URL') no-repeat 0;
position: relative;
}

これで、自分の好きな画像を見出しの先頭に表示させることができました。

下線の太さや色は、11行目で変更することができます。


border-bottom: solid 5px #FFF0F5;
  • pxの前=下線の太さ
  • 「#」から「;」の間=色 

見出しのフォントサイズを変える


font-size:115%;

中見出しのCSSの2行目のCSSです。これはフォントサイズを設定するCSSです。

フォントサイズ100%というのは、本文の文字の大きさのことを指しているようです。このCSSを加えることで、「:」〜「%」の間の数字を自分の好きな値に変更できます。私は115%にしました。

「Handwriting」の場合、初期設定では大見出し=140%、中見出し=130%になっていました。

まとめ 

私はこういうの得意じゃないと思っていましたが、ブログカスタマイズが思いの外面白かったです。Webデザインを勉強をしてみようかなと悩むほどです。

もし、見出しのカスタマイズやってみたいけど難しそうだから躊躇している人がいたら、是非この記事を読みながらカスタマイズしてみて欲しいと思います。

はてなブログの「目次」と「見出し」を、簡単に可愛くカスタマイズする方法

f:id:family-blog:20180217112551j:plain

こんにちは。シェリーです。

一昨日、一人の方に読者登録をして頂いてから、一気に読者数が増えてビックリしました。読者登録をして下さった皆様、ありがとうございます!

それでやる気が出て、ずっと気になっていたブログの「見出し」をカスタマイズしてみることにしました。私はCSSとかよく分からないブログ初心者ですが、とても満足のいく仕上がりになりました。

そこで、私が行った具体的な方法について紹介したいと思います。

無料版のカスタマイズ

無料版でもカスタマイズできます

私は現在、はてなブログの無料版を使っています。「無料版だとあまりカスタマイズできないんじゃないか?」と思っていましたが、そんなことはありませんでした!

スマホ版の場合は、有料版しかカスタマイズできません)

Handwriting

私が、現在使っているブログデザインは「Handwriting」です。その名の通り、記事のタイトルが手書き風の文字になっています。背景は自分で選ぶことができ、私は無料画像サイトよりダウンロードして使っています。

カスタマイズに挑戦したキッカケ

「Handwriting」の場合、「大見出し」と「中見出し」の見た目がほとんど同じです。それだと、読みやすさが半減してしまう気がして、カスタマイズに挑戦することにしました。

カスタマイズの手順

  1. ダッシュボード 
  2. デザイン
  3. カスタマイズ(工具のマーク)
  4. {}デザインCSS
  5. 4に、好きなデザインCSSを追加していきます。

ここで大事なのが「追加」するということです。デザインCSSには複数のCSSを追加することができます。以前設定したCSSがあれば、それの後に続くように新しいCSSを貼り付けていきましょう。

目次のカスタマイズ

私は、「見出し」をカスタマイズする前に、「目次」のカスタマイズをしていました。

kimixさんのブログから、CSSをそのままコピペさせてもらいました。すごく分かりやすかったです。初心者の方必見です!

私が使っている目次は、「目次サンプル5」です。ハートの形がとても可愛らしくて気に入っています。私は妊活中なので、ハートとかピンクとかを積極的に取り入れて女性ホルモンアップを狙っています。

ただ、大見出ししか表示されないようになっており、中見出しもよく使う私としては、今後また新しいカスタマイズを試してみようかなと思っています。

ゆくゆくは、自分でCSSを編集できるようになれたら良いな〜と思ってます。

見出しのカスタマイズ

見出しのカスタマイズは、Skt.Coさんのブログを参考にさせてもらいました。こちらでは、可愛い見出しのCSSがたくさん紹介されています。

私はいつも「大見出し」と「中見出し」を使うので、今回はその2つだけをカスタマイズしました。

小見出し」もカスタマイズしたい人は、「大見出し」と「中見出し」と同じ要領で好きなデザインを選び「h3」→「h5」にすれば設定完了です。

大見出し

大見出しには、「ステッチ風」を使わせてもらいました。すごく可愛いですよね。ちなみに、このブログの大見出しの部分は、「無料版のカスタマイズ」、「カスタマイズの手順」、「目次のカスタマイズ」、「見出しのカスタマイズ」、「まとめ」の部分です。

ただ、原因はわからないのですが、そのままCSSをコピペしたところ、背景や文字が白くなってしまい、大見出しが見えなくなってしまいました。以下のCSSを先頭に加えたところ、その問題を解決することができました。


.entry-content 

↑の一行です。これだけだと、私のような初心者の人は何のことを言っているのか訳がわからないと思うので、こちらだけ私がアレンジを加えて使っているCSSをそのまま貼り付けさせてもらいます。Skt.Coさん、すみません(><;)!!


.entry-content h3{
color: #ffffff;/*文字の色*/
border: 2px dashed #ffecef;
background: #F9B8CD;/* 背景の色 */
border-radius: 8px;
box-shadow: 0 0 3px 3px #F9B8CD;
margin: 0 0 1.5em;
padding: 0.5em 0.8em;
}

もし、私と同じようにそのままCSSを貼り付けたら大見出しが見えなくなってしまった人は、このコードを「{}デザインCSS」に貼り付けてみて欲しいと思います。

中見出し

大見出しのカスタマイズが終わったら、次は中見出しです。中見出しは、あくまで大見出しの中の一部しなので、主張控えめのデザインを選ぶと良いです。ちなみに、このブログの中見出しの部分は、「Handwriting」、「大見出し」、「中見出し」、「色のカスタマイズ」の部分です。

私は、Skt.Coさんが紹介してくださっている「下線」の色にアレンジを加えて使わせてもらいました。

詳細はこちらの記事をご覧ください↓

注意することは、大見出しに「h3」タグを使ったので、中見出しでは一つ階層を下げて「h4」タグを使うことです。

CSSの「h3」と書かれている箇所を「h4」に変更して、「h4」の前に「.entry-content 」を付け加えれば中見出しのカスタマイズ完了です。

色をカスタマイズ

私は、中見出しの色を自分の好きな色に変更しました。その方法を、大見出しのCSSを例に説明します。


color: #ffffff;/*文字の色*/

CSSの2段目の、「#」〜「;」の間の文字を好きな色のコードに変えるだけです。

カラーコード一覧はこちらのサイトがとても使いやすいです。カーソルを当てると、その色がサイトの背景に表示されます。

まとめ 

私のような初心者の方にも分かるように簡単にまとめたつもりですが、かなりの長文になってしまいました。気になった方は、読みながら少しずつカスタマイズしてみて欲しいと思います。

まだまだ、これからもブログをカスタマイズしていきたいと思うので、また新しい発見があったらアップしますね。

スマホで読んで下さってる方は「?」だと思います。スマホだと、全然カスタマイズされていないブログが表示されているからです。

スマホもカスタマイズができる、有料版の「はてなブログPro」すごく気になります。