ジョン！世界を救って！イマジンを歌おう

www.instagram.com

今朝、飛び込んできたＴＶニュース。

女優のガル・ガドットさんがインスタグラムで、ジョン・レノンの名曲、「イマジン」を歌う動画を配信。

その後、俳優のナタリー・ポートマンさんや歌手のノラ・ジョーンズさんなど、世界の有名人ら24人がリレーで「イマジン」を歌っている。

「世界はきっと一つになる」

やっぱり、世界を救えるのはジョン・レノンしかいないんだ。

「イマジン」

Imagine there's no Heaven
It's easy if you try
No Hell below us
Above us only sky
Imagine all the people
Living for today...

Imagine there's no countries
It isn't hard to do
Nothing to kill or die for
And no religion too
Imagine all the people
Living life in peace

You may say I'm a dreamer
But I'm not the only one
I hope someday you'll join us
And the world will be as one

Imagine no possessions
I wonder if you can
No need for greed or hunger
A brotherhood of man
Imagine all the people
Sharing all the world

You may say I'm a dreamer
But I'm not the only one
I hope someday you'll join us
And the world will live as one

想像してごらん　天国なんて無いんだと
ほら、簡単でしょう？
地面の下に地獄なんて無いし
僕たちの上には　ただ空があるだけ
さあ想像してごらん みんなが
ただ今を生きているって...

想像してごらん　国なんて無いんだと
そんなに難しくないでしょう？
殺す理由も死ぬ理由も無く
そして宗教も無い
さあ想像してごらん みんなが
ただ平和に生きているって...

僕のことを夢想家だと言うかもしれないね
でも僕一人じゃないはず
いつかあなたもみんな仲間になって
きっと世界はひとつになるんだ

想像してごらん　何も所有しないって
あなたなら出来ると思うよ
欲張ったり飢えることも無い
人はみんな兄弟なんだって
想像してごらん　みんなが
世界を分かち合うんだって...

僕のことを夢想家だと言うかもしれないね
でも僕一人じゃないはず
いつかあなたもみんな仲間になって
そして世界はきっとひとつになるんだ

イマジン歌詞（和訳）imagine

イマジン (2010 Digital Remaster)

女優ガル・ガドットさんは映画『ワンダーウーマン』で世界を救うスーパーウーマンで、めちゃくちゃカッコいいのです。『ワイルド・スピード 』でもキュートでクールで良かった。観ていない方はぜひぜひ観てください。

ワンダーウーマン(字幕版)

負けず嫌いが人生の転機になった話し②

前回のお話はこちらです。

revivel.hatenablog.jp

ギャフンと言わせるために

 実際にギャフンという人はいないらしいけど・・・

『１週間で辞める』と言われた私は、次の日から毎朝１番に満面の笑みでKさんの部屋へ挨拶に行った。

と言っても、また何を言われるだろうと緊張MAX。

ドアをノックする前に深く深呼吸をして、「よし！」と自分に喝を入れないと入れなかった。

Kさんは首から下に麻痺があり、首から上は動き認知機能も問題がない。

用があるときは、首を動かして特殊なナースコール*1に顔を触れてスタッフを呼びます。

床ずれ*2予防のために体中のあちこちに、大中小のタオルを巻いたものを１０個くらい当てていた。２時間おきにそのタオルたちを変えて同じ場所が圧迫されないようにする。

 その、タオルの場所が！

たった5mmずれても「もっと上！」「もっと下！」と、正確さを求められる。

（心の声）絶対に覚えてやるーーっ！！！

と、心に誓った私は、来る日も来る日もタオルさんたちの居心地の良い場所探し。

１か月くらい経ったころからか、怒鳴られることがなくなった。

Kさんに変化が現れる 

いつも怒鳴って、怖い顔をしていたKさんが

笑うようになったのだ。

すごく良い笑顔。

そして、介護スタッフを怒鳴ることもなくなっていった。

「○○ちゃん、○○ちゃん」

下の名前で私を呼ぶようになり、自分の部屋から出ることがなかったのに、リクライニングの車いすに乗せてもらってみんなのいるホールに出てくるようになった。

スタッフに囲まれて笑っているＫさんの姿は、私に大きな影響を与えてくれました。（5年後に永眠）

私の進む道

 施設での看護師の役割は、医療面の支援である。

障がい者施設の介護スタッフは、本当にプロフェッショナルで驚くことばかり。

150cm程度の小柄な女の子が自分より大きな男性をひょいと車いすへ乗せる技は、まるでマジックのよう。

朝昼晩の1日3回は必ず車いすに乗せて、ベットに寝かせたままにしない。

一人一人の支援について、熱いミーティングも感心するばかり。

こころのケアについて、当時は専門的な知識もなく、ただただ負けず嫌いが功を奏しただけであったけれど。

Ｋさんとの関りは自分にとってかけがえのないものになっていた。

看護師としては物足りなさもあった中、いつしか病院へ戻る気持ちはなくなっていた。

最前線、第一線でがんばる看護師さんは私の他にたくさん居る。

おわりに

Ｋさんと出会ったおかげで、その後は精神科を経験し、eラーニングで心理学を学んだりスキルアップの機会を持つ事ができた。

1年修了時に頂いた、心理学の先生からの言葉を忘れないようにしている。

「仕事の内容に対して報酬は低いが、1番の報酬は、人として生涯成長し続けられることです。」

１ミクロンずつでもいいから成長し続けたいものです。

*1:工業学校の生徒が制作したもの

*2:圧迫によって皮膚に十分な血液が流れなくなることで、その部分に損傷が生じた状態

負けず嫌いが人生の転機になった話し①

看護師だったころ

看護師として総合病院に勤務して、救急外来や病棟の夜勤で死ぬかと思うほどの忙しさに疲れ果てていた日々。

どれくらい忙しいかと言うと、当時の配属された病棟が「内科」「新生児」「産婦人科」の混合病棟。

内科、新生児は重傷者も抱えている地域の病院で、婦人科の重傷者と出産もある。体制は３交代で、夜勤は看護師2名と助産師1名。看護師2名は新生児担当と内科担当。

過酷な状態に体調不良で看護師の休みがでて、私の勤務が「深夜勤」「深夜勤」「深夜勤」「準夜勤」「準夜勤」の5日連続の夜勤。通常は3日目に休みが入るのであるが、どうにもならない。

その3日目の深夜勤（0：30～8：30）の8時間に、出産が3件と重傷者の急変でお亡くなりと、出産で新たに新生児3人の産湯だったり処置があり、何が何だか駆けずり回り、日勤者が来るまで、たった3人でどうしたら終われたのか今でも怖くなる。（救いはメンバーが良かった！）記録類は一切手を付けていないので、日勤者に申し送りをした後に帰りたくても帰れない。眠らず食べれず休憩なしで記録が終わったのはお昼過ぎ。あと2日も夜勤がある、このままでは仕事に殺されるよ・・

5日間の夜勤は足をもつれさせながら何とかやりとげたけど。

有給消化なんて1日もできずに数か月後に退職という道を選んだ。（逃げ出した）

障がい者施設で看護師として勤務

 もう少しゆったり仕事ができればと、深く考えずに通勤距離とか休みを重視して施設を選んだ。

 施設では、介護スタッフが主となって看護師はオマケのような存在。

やることと言ったら、週1回の医師の回診のお供と、お薬の仕分けと、浣腸*1と、ちょっとした処置と、食事のお手伝いなど。

確かにゆったりを選んだけれど、えーと、最新医療機器を使いこなしたり、処置を手早くこなしていた私は・・・と、

勝手なもので『こんな単調で続けられるだろうか』とよぎってしまった。

入社した時に看護師は1名いて、大学病院の看護師長を定年退職したとかで、気位が高くずっと机に座っていた。

処置をしても時間を持て余すし、氷のような看護師と2人で看護室にいても話すことに困るし。

で、食事を自分で食べられない人のお手伝いとかをしていると、それは珍しかったみたい。

介護スタッフと看護師との壁は何なんだろうと感じていて、徐々にわかってきたことは、それまでの看護師は処置など用がある以外は関わらなかったみたい。

脊髄小脳変性症という難病で50代で寝たきりの男性と出会う

父と同じ年だったそのＫさんは、働き盛りに難病を発症して徐々に動けなくなって首から下はまったく動かない。中途障がいの場合、こころのケアが本当に難しくて、とてもとても荒れていた。経験の浅い女性介護スタッフはみんな泣かされて。

出会ったとき、Ｋさんは施設に入所して1年くらいだった。初めて個室のＫさんに挨拶に行って返ってきたのは、

「動物園みたいでびっくりしただろう。この前の看護師は1週間もたなかったわ。どうせあんたも1週間もたずに辞めて行くわ。」

いきなりのパンチ！

何も言い返せずに部屋を出たんだと思うけれど。

内心は

何だとーーー！？

絶対ギャフンと言わせてやる！！

 負けず嫌いに火がついてしまったのである。

つづく

*1:麻痺などで自分の力で排泄ができないため大切なお仕事

revivel.hatenablog.jp

マット・デイモン出演のおすすめ映画：勝手にBEST５！

大好きなマット・デイモンの主演映画を５つ選んでみました。

完全に個人的な視点で選んだ5作品ですが、どれもヒット作なので順位をつけるのは難しい。

マット・デイモン

生年月日 1970年10月8日(49)

マサチューセッツ州ケンブリッジ出身、高校卒業後ハーバード大学に進学するが、10代の頃より役者を志し、大学在学中から端役で映画やテレビに出始め大学は中退。この決断を後に後悔している。

マット・デイモン - Wikipedia

第１位　ボーン・アイデンティティ（ボーンシリーズ）

ボーン・アイデンティティー (字幕版)

 2002年公開

記憶を失ったジェイソン・ボーンが知的な戦術で、姿の見えない組織に立ち向かうサスペンス・アクション映画。

原作はロバート・ラドラムのベストセラーのスパイスリラー小説「暗殺者」。

「ボーン」シリーズの第一作で、続編は「ボーン・スプレマシー」、「ボーン・アルティメイタム」、「ボーン・レガシー 」、「ジェイソン・ボーン 」。

日本では2003年1月25日に日劇3系列ほかで公開され、同日公開の『ハリー・ポッターと秘密の部屋』を抑え週末興行成績（全国9大都市集計）では初登場から2週連続で1位となった。byWikipedia 

マット・デイモンとの出会いが「ボーン・アイデンティティ」なので、１位はこれ以外は考えられません。

「ロード・オブ・ザ・リング」は大好きで全作観たのに、かの有名なハリーポッターには何故か興味がなくて「ボーン・アイデンティティ」を観たような気がします。

もう完全にボーンにマイハートを掴まれてしまった！

役柄は元CIAのエリート暗殺者で、CIA上層部と闘いながら真の自分を探していきます。

寡黙で、熱くて、頭脳明晰で、強すぎる！！

カッコよすぎるアクションシーンとテンポに目が離せません。

暴力的なシーンは苦手だけれど、これがまた違うのです。

これをきっかけに「007」も観るようになったくらい。

観ていない方はぜひぜひ、マット・デイモンを堪能して欲しい。

ラストがまたちょっと良いのです。

次回作では悲しいことになるのだけれど・・

そして、暗殺者の世話役だったニッキー役のジュリア・スタイルズがお気に入りになって、そこから出演作を探したりと、あぁぁぁ話が尽きなくなるのでこの辺で。

第２位　グッド・ウィル・ハンティング/旅立ち

グッド･ウィル･ハンティング／旅立ち (字幕版)

 1997年公開

天才的な頭脳を持ちながらも幼い頃に負ったトラウマから逃れられない一人の青年と、最愛の妻に先立たれて失意に喘ぐ心理学者との心の交流を描いたヒューマンドラマ。

1997年12月のワールドプレミアでは当時は無名の俳優であったマット・デイモンが執筆した脚本の完成度の高さに注目が集まり、最終的にアカデミー賞やゴールデングローブ賞で脚本賞を受賞するなど高い評価を受けた。俳優として当時まだ無名であったマット・デイモンがハーバード大学在学中の1992年、シナリオ製作の授業のために執筆した40ページの戯曲を親友であるベン・アフレックに見せたことから映画化に向けた脚本を共同で執筆した。bywikipedia 

マット・デイモンが学生時代に書いた脚本ということで、第２位に。

 才能豊かなマット・デイモン。

出会えたことに感謝できる映画の一つです。

ロビン・ウィリアムズ演じるショーン・マグワイア の名言を少し

• 本当の喪失と言うのは自分よりも愛するものがあるときに起こるものなんだ
• 大変な時期にこそ、今まで気づかなかったいいことにも気づくんだよ

まだ観ていない方、観ないと損ですよ。

第３位　インビクタス　負けざる者たち

インビクタス 負けざる者たち (字幕版)

 2009年公開

南アフリカ共和国大統領となったネルソン・マンデラは、アパルトヘイトによる人種差別や経済格差の残る国をまとめるため、ラグビーチームの再建を図る。同国のラグビー代表チームのキャプテンをマット・デイモンが演じている。監督はクリント・イーストウッド。

「invictus」とは、ラテン語で「征服されない」「屈服しない」を意味する語。ネルソン・マンデラの自伝『自由への長い道』が出版された際、記者の「映画化されるとしたら誰に演じてもらいたいか」との質問にマンデラはモーガン・フリーマンの名前を挙げた。byWikipedia

人種間で対立し合う人々が、強い相手に立ち向かうことで気持ちに変化が現れ、一つになっていく実話をもとにしたヒューマンドラマ。

まさに「ワンチーム」。

そしてニュージーランド代表の、あのオールブラックスのハカも大迫力です。

去年のラグビーワールドカップで私もラグビーが好きになった一人なので、もう一回観たくなった。

第４位　オーシャンズ１１

オーシャンズ11 (字幕版)

 2001年公開

1960年制作の映画「オーシャンと十一人の仲間」のリメイク作品。ダニー・オーシャン（ジョージ・クルーニー）をリーダーに、１１人の犯罪スペシャリストがラスベガスのカジノの金庫破りに挑む。

サスペンス映画でありながら、ハリウッド映画に定番の銃撃戦及び銃を使用するシーンや殺戮シーンを本作では一切使わない事が重要視され、銃を使わずにどう話を盛り上げるかという捻りが描かれている。byWikipedia

もうね、キャストが超豪華すぎてもったいないくらい。ジョージ・クルーニー、ブラッド・ピッド、マット・デイモン、ジュリア・ロバーツetcが絡むのを観ているだけで楽しめちゃう。泥棒なのだけれど、痛快で爽快でカッコいい！

第５位　幸せへのキセキ

幸せへのキセキ [DVD]

 2011年公開

マット・デイモン演じるシングルファザーのミーが、家庭を修復するために休園状態の動物園付きの家を購入。飼育員やたくさんの動物と問題だらけの動物園を再建していく。

劇中では妻が亡くなった悲しみから立ち直るために、動物園付きの住宅を手に入れたことになっているが、実際は夫人がまだ脳腫瘍と戦っている真っ最中であり、亡くなったのは再オープン前の3ヶ月前である。byWikipedia

これまた大好きなスカーレット・ヨハンソンが飼育員として出演しているのも推し。

戦争物やスリル感のある映画とは違って、家族愛、動物愛、優しい映画です。

おわりに

私は役者さんで映画を見てしまうところがあるので、好きになると片っ端から観ていきます。評価が高い人気映画でも、なぜか主演がニコラス・ケイジだと観なかったり。

前からマイベストを書きたいなと思いながら、いざマット・デイモンで始めてみたら全然進まなくてすごく時間がかかってしまいました。

申請のためにAdsenseにログインしたら10年前のサイトの5050円があった！

 Adsense申請はこれからなのに「5050円？？？」と目が点に。

申請から広告の貼り方までを覚え書きのために記します。

Adsense申請まで

10年ぶり位にfc2でブログを開始してみたものの続けられそうもなくて、いろいろ調べてみたら「はてなブログ」が良いという情報が多くてお引越しをしたのが2020年1月末。

ちょっと真面目にブログを書いてAdsense申請もしてみようと、引っ越しから1か月足らずの2/25に申請をしてみた。

Googleにログインすることすら何年振りか？

ゲーム用にアカウントがいくつかあるので、うろ覚えで入力をしてみたらインできた。

残高￥５,０５０円

 へ？？？

・・・・・はぁ？

素材サイトを運営していた時のだ！

Adsenseに申請したことも覚えていない。

とりあえず昔のサイト情報は不要だと思って削除してしまった。

あとで気づいたけれど、どれくらいの期間で5050円だったのかも何もかもわからないまま削除してしまった！！

たまたまが重なってAdsenseにログインしなかったら、5050円は永久に忘れ去られていたのか・・

イヤ、でも、こんなに長い間、放置していたのにとっておいてくれたなんて感激。

審査が通るまで

初回の結果

審査の結果、残念ながら、現時点ではお客様のサイトに広告を掲載することはできません。サイトに広告を表示できるようにするには、問題を解決してください。

「 詳細については、アカウントの [サイト] ページをご覧ください。」とあるが、見ても良くわからなかった。

サイト登録設定のところで削除して一からやり直してみたり、いろいろ触っていたらサイト登録ができなくなってしまった。

わけが分からなくなってヘルプを見ていたら「2週間以上は申請しない方が良い」という情報があったので、申請はしばらく忘れることにした。

2回目の申請まで

• 他の広告は極力はずした
• 記事は２～３日に1回は更新
• メールフォームとプライバシーポリシーを作った
• Adsenseの自動広告設定をONにした

気を付けたことはこれくらいで、約10日後の3/5に2回目の申請。

2日後くらいに「おめでとうございます！」のMailが届きました。

 あ、どうも・・

正直なところ何が問題だったのか良く解りません。

無料ブログでも審査の通っているケースはたくさんあるようなので、Adsenseポリシーに違反していないことと、設定をしっかりできていれば通るのではないかと思います。

Adsense広告の貼り方

広告ユニットの種類

[広告] ⇒ [サマリー] ⇒ 「サイトごと」と「広告ユニットごと」があるので「広告ユニットごと」を選択。

３つの広告ユニットが表示されます。

1. ディスプレイ広告
2. インフィード広告
3. 記事内広告

他に、「関連コンテンツ」と「リンク広告」があるようですが、「関連コンテンツ」は最初のうちは表示されず、利用を続けているとある日解禁されるようです。

よく見かける「リンク広告は」、2019年4月に廃止になっています。

GoogleAdsenseおすすめの広告ユニットは？

初めての場合、何をどうしたら良いかわかりません。

基本的には、AMP対応*1マークがついている、「ディスプレイ広告」と「関連コンテンツ」の2種類だけ使えば良いようです。

 AMPマークがついていない「インフィード広告」と「記事内広告」はAMPページでは広告が表示されません。

慣れてきたら自分に合った貼り方を見つけていくと良いのかと思います。

広告の貼り方で検索すると多くの情報が出てくるけれど、古い情報が多かったです。

GoogleAdsenseは仕様変更があるので、たくさんの情報に惑わされないようにすることも大切だと感じました。

大変役に立ったサイトさんを載せておきます。

u-ff.com

 GoogleAdsense感想

収益がないよりはあった方が良いけれど、いろんな情報を見ているうちにちょっと、引くというか何というか。

自分のブログの目的をちゃんと意識しようと思ったのでした。

スマホゲームの時間を減らしたいこと！

でも、5050円はやっぱり回収したい(;・∀・)

8000円以上にならないと支払いがされないのです。

*1:スマホでサイトを高速表示する仕組み

「デマって自分で判断ができないのか？」と、担当利用者の夫80歳に投げかけられた

 トイレットペーパー騒ぎ

私の仕事は、「モニタリング」という利用者宅を訪問する業務がある。

Ａさん宅は80歳になるご主人の話しが面白く、毎月の訪問が楽しみの数少ないお宅なのですが、いつも人生勉強になることや驚くことなどたくさん教えてもらっています。

今日は

私「トイレットペーパーは大丈夫でした？」

Ａ「たくさん買い溜めしている人がいるって聞いたけど、トイレットペーパーとコロナとどういう関係があるんだい？」

私「デマに騙されたのでしょうね」

Ａ「わかんねぇなぁ、デマって・・自分で判断できないのか？」

私「・・・・・（笑）」

私が行列に並ばなかったのは、単純に仕事が忙しく、買いに行く暇がなかった。たまたま買い置きがあったこともあると思うけど。

そろそろ落ち着いた頃かと、この週末に家の近くのドラッグストアに行ったら、いまだになかったのでまだ買えていない始末。

最悪、葉っぱでも拾ってこようかな・・なんて思ってたし

どうして冷静であったのか

担当しているＡさんはとても心優しい人で、ご主人の冗談にコロコロ良く笑う。

でもそれは最近は調子が良いからで、悪い時は幻聴幻覚がひどく夜中に外へ飛び出して行ってしまう。ご主人は常にＡさんを心配して一緒に過ごし、健康に良いことをいつも考えている。

面白いことを言って笑わせてくれるが、時々「生きるのは大変なことだよ」とご主人の気持ちがポロッ。

私事で恐縮ですが、長年の闘病中の家族がいるため1日1日が割と必死なので、トイレットペーパーで慌てるという心理にはならなかったのだと思います。

恐らく行列に並べる人は生活に余裕があるのではないかと。

かつて、東日本大震災の時に「日本のマナーは世界一、感動」と称賛されました。

今の日本はどのように映っているのだろうかと・・・

コピペで使えるシンプル軽い見出しCSSを12種！

 

超初心者の方：見出しタグについて

 webサイトの見出しが正しく整理されていることで、ユーザーがコンテンツの内容について理解しやすくなります。そして、検索エンジンはページの階層構造を認識しやすくなるため、見出しはユーザーの利便性とSEO効果に重要となります。

見出しについては、詳しいサイトを載せておきます。

seolaboratory.jp

シンプル軽い見出し12種

 CSS（ウェブページのスタイルを指定するための言語）だけで、見出しを少し目立つようにカスタマイズしましょう。

見出し：1本線

見出し①

見出し②線を少し太くしました

見出し③太さや色を変えればイメージが変わります

.entry-content h3 {
font-size: 16px; 
line-height: 20px; /*行の高さ*/
padding: 5px; /*文字周りの余白*/
border-bottom: 1px solid #000; /*線の太さ、スタイル、色*/
}

見出し：点線

見出し①

見出し②

見出し③線の太さを変えるとイメージが変わります

.entry-content h3 {
font-size: 16px; 
line-height: 20px; /*行の高さ*/
padding: 5px; /*文字周りの余白*/
border-bottom: 1px dotted #000; /*線の太さ、スタイル、色*/
}

見出し：２本線

見出し①

見出し②

見出し③太さや色を変えてカスタマイズしましょう

.entry-content h3 {
font-size: 16px; 
line-height: 20px; /*行の高さ*/
padding: 5px; /*文字周りの余白*/
border-bottom: 4px double #483d8b; /*線の太さ、スタイル、色*/
}

見出し：上下線

見出し①

見出し②

見出し③

.entry-content h3 {
font-size: 16px; 
line-height: 20px; /*行の高さ*/
padding: 8px 0px; /*文字周り、上下の余白　左右の余白*/
border-top: 1px solid #db7093;/*上の線の太さ、スタイル、色*/
border-bottom: 1px solid #db7093; /*下の線の太さ、スタイル、色*/
}

見出し：上下点線

見出し①

見出し②

見出し③太さや色を変えてカスタマイズしましょう

.entry-content h3 {
font-size: 16px; 
line-height: 20px; /*行の高さ*/
padding: 8px 0px; /*文字周りの余白：左から、上下の余白　左右の余白*/
border-top: 1px dotted #000;/*上の線の太さ、スタイル、色*/
border-bottom: 1px dotted #000; /*下の線の太さ、スタイル、色*/
}

見出し：上下2本線

見出し①

見出し②

見出し③

.entry-content h3 {
font-size: 16px; 
line-height: 20px; /*行の高さ*/
padding: 8px 0px; /*文字周りの余白：左から、上下の余白　左右の余白*/
border-top: 4px double #696969;/*上の線の太さ、スタイル、色*/
border-bottom: 4px double #696969; /*下の線の太さ、スタイル、色*/
}

見出し：左に線いろいろ

見出しデザイン

.entry-content h3 {
margin: 30px 10px;
font-size: 16px; 
line-height: 20px; /*行の高さ*/
padding: 5px 15px; /*文字周りの余白：左から、上下の余白　左右の余白*/
border-left: 6px solid #6495ed;/*左の線の太さ、スタイル、色*/
border-bottom: 1px solid #87ceeb; /*下の線の太さ、スタイル、色*/
}

見出しデザイン

.entry-content h3 {
margin: 30px 10px;
background-color: #fff5ee;
font-size: 16px; 
padding: 5px 15px; /*文字周りの余白：左から、上下の余白　左右の余白*/
border-left: 14px double #fa8072;*左の線の太さ、スタイル、色*/
}

見出しデザイン

.entry-content h3 {
margin: 30px 10px;
background-color: #f0fff0;
font-size: 16px; 
padding: 5px 15px; /*文字周りの余白：左から、上下の余白　左右の余白*/
border-left: 15px solid #20b2aa;*左の線の太さ、スタイル、色*/
}

見出し：ステッチ風

見出し①

.entry-content h3 {
  background:#000;/*背景色*/
  color:#fff;/*文字色*/
  font-size: 16px;
  padding:6px;/*文字周りの余白*/
  border-top:2px dashed #fff;/*上の線の太さ、スタイル、色*/
  border-bottom:2px dashed #fff;/*下の線の太さ、スタイル、色*/
  box-shadow: 0 0 0 5px #000;
}

見出し②

.entry-content h3 {
  background: #ff8c00;/*背景色*/
  color: #000;/*文字色*/
  font-size: 16px;
  padding: 6px 10px;/*文字周りの余白*/
  border: 2px dashed #fff;/*線の太さ、スタイル、色*/
  box-shadow: 0px 0px 0px 5px #ff8c00;
}

見出し：角を丸く

見出し

.entry-content h3 {
  width: 400px;/*見出し全体の幅*/
  background: #3cb371;/*背景色*/
  font-size: 16px;
  color: #fff;/*文字色*/
  padding: 10px 20px;/*文字周りの余白*/
  display: inline-block;
  line-height: 20px;/*行の高さ*/
  border-radius: 20px 0px 0px 20px;/*左側の角を丸く*/ 
}

CSSの使い方

※はてなブログ以外の場合は、クラス名を変えて使ってください。

はてなブログの見出しデザインのカスタマイズ

①.entry-content h3 {

　↑ このクラス名は、はてなブログでのクラス名になります。

　h3  ←は、見出しの順番に変えてください。

②/*　*/ ←これで囲まれた文字はウェブ上には表記されませんので、覚書としてあると便利です。

③記載する場所

ダッシュボード ⇒ デザイン ⇒ スパナマーク ⇒ デザインCSS

※はてなブログのテーマによっては、見出しがうまくいかない場合があります。その場合の方法について、SHIROMAGさんが教えてくれています。

www.notitle-weblog.com

 HTML・CSSについて

ブログなどのwebサイトを制作するときに、HTMLやCSSの知識が少しでもあるとないとでは、見た目やSEO効果に違いが出てきます。

私もまだまだ成長途中ですので、ミス記述などお気づきの点がありましたら教えていただけると嬉しいです。

web上でお勉強するときに役立つサイトを載せておきます。

www.htmq.com

 カラーコードはこちら

www.colordic.org