スポンサーリンク

サイドバーの見出しもコピペでカスタマイズ♪♪可愛い花柄模様付で色をちょこっと変えてみた。♥60歳過ぎてもWordPressにチャレンジ♪


はーい、みなさん気が付いてくれたでしょうか?
ブログのサイドーバーの見出しを可愛いい花柄模様付きの色文字にかえてみた箱入り主婦baabaです。
こんばんは(~~)/

ほんと、夫婦で過ごしている時間は、
できるだけPCにはさわらないようにしようって思ってたんだけど・・・
じゃけどねー、ほんのちょこっと、ほんのちょこっとだけって思ってPCをON!
そしたら・・・
なんだか、サイドバーが気になって、なんかいじりたくなってしまって、そしたらあれもしてみたい、これもしてみたいって欲が出まして~~;
PCの前にどっかりと座り込んで、うちのおっさんのことなんて放っておいて、どーしたらできるんか検索三昧あーんどカスタマイズに全集中してしまいました(笑)
箱入り主婦baabaの悪い癖であります~~
いったん始めると、せっかちなので気が済むまで
どうにもとまらない♪
って、わたしゃー、山本リンダかっ(笑)
って、自分でノリツッコミをしたところで、サイドバーのカスタム~~

スポンサーリンク

サイドバーの見出しもコピペでカスタマイズ♪♪

でも、悲しいことに60歳過ぎてからのWordpressチャレンジでありますから、ほーんとなにをどーしたらいいのかさっぱりこっぱりわからんのね。
PC用語なんて、覚えられんし、わかりませーん。
してみたいことはいっぱいあるのに、検索してそこにたどり着くまでが大変。
やっとこさたどり着いても、難しいことが書いてあると、今度はそれを理解するために検索に次ぐ検索三昧~~;
時間がなんぼぉあっても足りりゃーしません==。
じゃがっ!それでも何とかなるのがWordpress!
そう、世の中には優しい方がたくさんいらっしゃって、コピペで初心者でもカスタマイズできるようにCSSやソースコードを無料で提供して下さっている方がいっぱいいらっしゃるのであります♥

参考にさせていただいたサイトさん

参考にさせて頂いたのは

サルワカ

第0版

心のティータイムブログ

mutakko

ほんと勉強になりました。

で、箱入り主婦baabaが選んだのは・・・

サイドバー見出しカスタムして可愛い花柄模様付に変更

そう、このブログを始めてちょこっとたった頃、

2019/03/27 WordPress初心者だけど、コピー・アンド・ペーストで簡単に見出しのデザインを変えることが出来ました♪

こーんな日記を書いてたのを思い出して、また第0版を参照にさせて頂いてサイドバーをカスタムしてみました♪

WordPressのカスタマイズにあるテーマの編集で、【スタイルシート(style.css)】へ貼り付けをするだけです。

見出しへコピペする方法

これは、この前の日記に書いてあるんですが、抜粋して簡単に順番を書いておきますると、こんな感じかな~~

①コピー・アンド・ペーストOKの見出しデザインを探す

②自分のWordpressのスタイルシートを開く
●ダッシュボード
●外観
●テーマの編集
●スタイルシート(style.css)の編集
 ※スタイルシート(style.css)を編集する時は子テーマでする!

③コピー・アンド・ペースト
 ※スタイルシートに関しては、下に書いてある物が優先的に反映される

④スタイルシート(style.css)のファイルを更新

でも、この時は見出しのコピペをした時なので、サイドバーに使うために、ちょこっとだけソースコードを追加して、こんなふうな感じで(~~)↓

今回のサイドバー花模様入りの見出しCSS

/* サイドバー花模様入りの見出し */
#sidebar h3 {
padding: 10px 10px 10px 60px;
color: #000055;
position: relative;
}
#sidebar h3:before{
content: '**';
color: #FFF;
text-shadow: 0 0 5px #800000, 0 0 0.5px #800000;
font-size: 30px;
font-weight: bold;
margin-right: 10px;
position: absolute;
top: 0px;
left: 0px;
display: inline-block;
transform: rotate(20deg);
-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
-o-transform: rotate(20deg);
}
#sidebar h3:after{
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
border-bottom: 2px dotted #009900;
}

コピーさせていただいた元のものは、全体的に薄~い淡~い上品な優しい感じのものだったので、箱入り主婦baabaはコピーしたものを、ピンクの部分のCSSカラーコードをかえて花柄とか下線とか文字をちょこっとだけ色を変えてみました。
下線のドットの色を爽やかな黄緑色に替えたのがきいてるかな~~
なーんて。

いろんなタイプのサイドバー見出しのデザインををコピペして試してみたけど、
日記の投稿部分の見出しがピンクの花柄なので、やっぱこれが一番統一感があっていいかなって思ってます。

箱入り主婦baabaのつぶやき

サイドバーって、ちょこっと変えただけでもずいぶん雰囲気が変わるもんなんですね。なんだか箱入り主婦baabaのブログも優しい感じになったような~~
でもって、のりにのってカテゴリーの部分にもなんとなんとハートマークなんてのも付けてしまいました。
そしたら・・・
WordPressナビゲーションメニューにもハートマークがついてる(笑)
60歳と言う年齢で、ちょこっと可愛すぎかなっ?

じゃけど・・・
ん~、やっぱり、夫婦ふたりで過ごす時間はPCに全集中しちゃいけませんよね。
せっかく同じ空間にいるんだから、同じ時間を共有しなくちゃです。
よくいますよねー。
同じ場所にいてもスマホやPCに夢中で、話しかけても生返事って人。
寂しくなっちゃいます。
箱入り主婦baabaも、ついついLINEなどしてる時は、返信に往信、そんでもって返信に往信・・・終わりどころがわからなくって、うちのおっさんに話しかけられても、生返事で答えたり、「ちょっと待って!LINEしょーるんじゃけぇ!」って言っちゃいますもんね~~;
反対に、うちのおっさんがスマホばかり見ていて、箱入り主婦baabaの問いかけに生返事なんかされると、イライラするし、寂しくなりますもん。
ってことで、普段は夕食後や休日など夫婦ふたりで過ごす時間は、スマホもPCもちょこっと手を休めて、ふたりでTVを見たり、それぞれのソファでゴロゴロしたり、ふたりでいつ話しかけられてもスタンバイOKの状態で過ごすようにしています~~
とは言え・・・
全然触らないようにって訳ではなく、ちょこっとはスマホも見たり、タブレットをいじったりはしてますけど、全集中はしないように心がけてます。
もちろん、いつこかつもそうしてる訳ではなくって、夜の11時頃からは自由時間♪うちのおっさんは2階の部屋で音楽を聴きながらPCに全集中してるみたい(笑)
箱入り主婦baabaは・・・
夕食後のゴロゴロの延長で、猫を抱えて爆睡してること多いかな。

60歳過ぎてもWordPressにチャレンジ♪
今日は、サイドバーを可愛くできてHAPPY♡
次は、何ができるかなー。

おぉっとぉ(>、<)/
そうそう、サイドバーで思い出した!
このブログ、一応モバイルフレンドリーになってるんですけど、箱入り主婦baaba、超欲張りなので、自分が書いた過去日記が埋もれてしまうのはかわいそうだから、投稿した下の部分にズラズラっと並べてるから、PCで見ると右サイドに見えるサイドバーも、モバイルで見ると下の下の下の方にスクロールしてもらわないと、今回カスタムした花模様入りの見出しも見れないのね==;
でもって、モバイルで見ると、カテゴリーに付けたハートマークにどピンクの色がついてる!
そりゃーもう、どピンクのハートだらけのブログになっております(笑)
それに・・・
PCを使って日記を書いているので、モバイルで見ると文章の終わりらへんが変なところで終わってて、ガタガタになってたりして読みづらいかも==;
ここらへんをなんとかせねばです。

60歳過ぎてもWordPressにチャレンジ♪
ほぼ自己満足な日記だけど、箱入り主婦baabaにとっては、とっても大切な場所。
日記と共に成長できればいいなって思ってます。