スポンサーリンク

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

もうすぐ4月ですね。会社の敷地に植えてある桜の木のつぼみもずいぶん膨らんできて開花も間近です。あちらこちらで春の訪れを感じるようになりました。
寒くもあり、暖かくもあり、着るものを選ぶのに困るし、顔もかゆくなるし、
この季節の変わり目が、とっても苦手な箱入り主婦baabaです。こんばんは(~~)/

スポンサーリンク

見出しデザインをコピー・アンド・ペーストで変更

春だから、と言う訳ではないんですけど、なんとなく日記の見出しのデザインを替えてみたくなっちゃったので、あれこれ検索してチャレンジしてみました(~~)/

なぜに箱入り主婦baabaが、見出しのデザインを変てみたくなったのかって言うと・・・
箱入り主婦baabaの場合の日記って、文章が長いから読みづらいので、きれいな見出しが入っていれば、ちょこっとでも読みやすくなるかなって思ったからなんです。
とは言え、Wordpress初心者なので、この見出しデザインって何をどうこうしたらいいのやら???

WordPressはカスタマイズは自由なんだそうですけど、
箱入り主婦baabaは、WordPressでブログを始めたばかりだし、HTMLとかCSSとかさっぱりこっぱりわからんので、いきなり壁にぶち当たりました==;

でも、親切な方がいっぱいいるんです!
箱入り主婦baabaみたいにWordPress初心者でも簡単に、コピー・アンド・ペーストで変更できるようにコードを提供して下さってるサイトがあるんですね💜

おかげさまで、箱入り主婦baabaも、いろんなところにスタイルが反映されてたり、妙な線が残っていたりとか、まだまだ問題あり〜のの状態ですけど・・・~~;
それでも、簡単に見出しデザインを変えることができたので大満足しております💜
なので・・・
またまた、備忘録として残しておこうっとです(~~)/

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

●「見出しを変更」とか「コピペOK」とかでネット検索するとソースコードを載せて下さっ ているところがあるので好きな見出しデザインのコードをコピーできるようにしておく。

見出しは、h1〜h6まで6種類あるけれど、
h1はタイトルに使われていてるそうなので
箱入り主婦baabaは、h2〜h4までの3種類の見出しデザインを選んでおきました(~~)/

②自分のWordpressのスタイルシートを開く

ここでのポイントは
※スタイルシート(style.css)を編集する時は子テーマでする!

カスタマイズする場合は、子テーマを使ってする方がいいんだそうです。

なぜならば・・・
もともとの親テーマを使って直接カスタマイズすると、親テーマがバージョンアップした時にカスタマイズ内容が消えてしまうから(>。<;)/
せっかくカスタマイズしたのに、消えちゃったら悲しいですよね。
もし、箱入り主婦baabaがそんなことになったら茫然自失で立ち直れないかもです。。。

なので・・・
親テーマがいくら更新されても、上書きされて消えたりすることのないように子テーマを使ってカスタマイズしてくださいね~~
子テーマを作成しておくと、変更前の状態のCSSが親テーマに残るので変更後が気に入らなかったときなど元の状態に戻すことができますー。

それでは、自分のWordpressのスタイルシートを開きます♪

●ダッシュボード
●外観
●テーマの編集
●スタイルシート(style.css)の編集

③コピー・アンド・ペースト

●①で見つけておいた好きな見出しデザインのコードをコピー
●②で開いておいたスタイルシート(style.css)の下の空白のところにペースト(貼り付け)

スタイルシートに関しては、
下に書いてある物が優先的に反映されるので、重複する記述をしても下に書いた物の方がが反映されるので、コードは特に指定がなければ後ろに追加していけばOKだそうです。

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

●ペースト(貼り付け)したら、スタイルシート(style.css)の下側にあるファイルを更新をクリックしたら終了です♪

確認してみたら・・・
はーい(~~)/
見出しが変更されていました♪

やったーっ💜💜💜

正常に表示されない時

でも、あれれれれ?
他のところ、サイドバーのところも変わってるし、
ラインが以前の線も残ってて2重になってる(~~;)

そういう時は・・・
見出しのリセットのコードをカスタマイズのコードの前に入れたり、クラス名とか言うのを追記するといいんだそう。。。

ははははは(~~;)
詳しく説明して下さってるので、簡単そうに出来そうなんですけど・・・
Wordpress初心者の箱入り主婦baabaは、今のところ、もうこれで十分かなぁ~~;

なーんて、箱入り主婦baabaが参照させていただきましたサイトさんを載せていただいときますので、チャレンジしてみたい方がいらっしゃったら頑張ってみて下さいね♪

CSSコピペで出来るシンプル可愛い見出しデザイン【女性向け】

【Simplicity2】コピペでOK!見出しをかんたんカスタマイズ

とっても詳しく親切丁寧に説明して下さってるので勉強になりますっ♪


箱入主婦baabaのつぶやき

WordPress初心者の箱入り主婦baabaですけど、なんとかなるもんなんですねー。
初心者だから「とんでもないことになったらどうしよう」って不安で尻込みしてしまいがちだけど、なんでもやってみないと先に進みませんもんね。
とは言え・・・
今回は、コピー・アンド・ペーストしただけ。
まだまだ怖くて、触れないところがいっぱい。
でも、頑張りますよー。

なーんて、「カスタマイズするより日記を書け!」ですよねぇ(苦笑)
書きかけの日記がずんずん下書きにたまって来てるんですけど・・・
記憶が薄れないうちに早くアップしなくちゃです~~;

それにしても・・・
今日のカスタマイズして変えた箱入り主婦baabaの見出しデザイン、
いつも気が付けば「ぼっち」状態になってしまう箱入り主婦baabaには、ちょこっと派手だったかしら。。。もうちょこっと地味な方がよかったかな。。。
そんな気がして、ちょこっと気が引けている箱入り主婦baabaなのでもありました。
でも、まっいいか(~~)/
気にしないことにしとこうっとです。