wordpressで記事の見出し(h2,h3タグ)編集の件

今日は、少しこのサイトの見出しを変更したので、

変更方法をメモメモ。

 

テーマを変更する際はどこに書く?

まず、普通、Wordpressといえば、

テーマファイルがいつくかあるので、

そこに書き込みます。

ファイルへのアクセスは、左メニューの

外観 > テーマの編集 > css.php

かな。

ここで、必要な箇所を探し出して、

手を加えるわけです。

 

※編集する際は、バックアップをとる事を強くオススメします。

直接編集なら、編集する前の状態をメモ帳などにコピペするだけでも違います。

 

テーマファイルを直接いじるとどうなる?

上記のようにテーマファイルに直接手を加えれば、修正は簡単です。

ただし、アップデート時、そこらへんのファイルは上書きされてしまう為、

アップデートするたびに毎回同じ変更を加えることになります。

 

それじゃあ面倒だから、アップデートしないのは…??

セキュリティ的に問題があるので、

通知が来た場合は出来るだけアップデートを行い

最新を保つようにしましょう。

 

アップデートに対応するには?

とはいえ、アップデートするごとに毎回いじっていたんじゃ、

1箇所2箇所ならまだしも、現実的ではありません。

ということで、

子テーマ

というものを作って、変更内容はそこに記載し、

それを親テーマで読み込ませる、ということをします。

 

これなら、アップデートで上書きされるのは親テーマだけなので、

「子テーマを使いますよ」

とだけ、親テーマに加えてやれば、

子テーマの内容はすべて引き継げることになります。

便利ですねぇ。

 

この項目は何ぞや!?

しかしっ!

私は今回、「CSSの編集」というメニューを見つけました。

※現状、当ブログが利用しているのは

「Simplicity」というテーマです。

 

テーマによって違いがあると思うので、

テーマによっては出てこないのかもしれませんが。

見つけたからには、ここに変更を書いておこうと思っています。

 

アップデート時…どうなるか分かりませんが。

 

また、ここに書く内容は、

もともとの指定に追加されるようなので、

paddingなど、変更を加えないところは

未記載で大丈夫のようです。

 

ちなみに、記載内容は以下の通り。

/*
見出し部分(h2,h3)編集
2016/01/19
*/
.article h2 {
border-left: 15px solid #2098a8;
border-bottom: 1px dashed #2098a8;
}
.article h3, #comment-area h3, #related-entries h3 {
border-bottom: 1px dashed #2098a8;
}

日付やちょっとした内容がコメントになっているのは…

プログラマの名残です(汗)

まだcssも勉強中で、

いまいち内容が良く分かっていないですが、

これからガッツリ勉強しますー。

あー楽しいですねぇ。

 

まとめ

今回は「外観 > CSSの編集」にて、

見出しの変更を行いました。

今後の動きが分かり次第、また記事にします。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です