Twenty Twelve サイトタイトルの大きさ等を変更する方法

カテゴリー : Twenty Twelve カスタマイズ

投 稿 日 :

更 新 日 :

この記事は書いてから 約3年 経過しています。

※1年以上経過しているので情報が古い可能性があります。

タ  グ  :

Twenty Twelve サイトタイトルの大きさ等を変更する方法

Twenty Fourteen に移行しようか迷いつつ慣れた Twenty Twelve を愛して止まない私です。こんにちは。

さて、今回は WordPress のテーマ Twenty Twelveサイトタイトルを変更する方法です。

スタイルシート(style.css)の上から5分の2くらいのとこに

/* Header */

っていうのがありますね。

その部分を調整するのですが、Twenty Twelve はレスポンシブになっているので

スタイルシートの下の方の

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px)

のところも書き直す必要があります。

この media screen の部分は

「見る時に幅が600px以上になったら こういう風に変更してね」

という指示が書いてあります。

ザックりした説明だと Twenty Twelve の css は

「最初の方はスマホ&PC共に適用する指示で、後でPC(幅600px以上)の時は特別にコレを適用してね」

みたいな記述になってます。

更に 960px以上の時には!というのも

@media screen and (min-width: 960px) に書いてあります。

このことは私も理解してない時には

「調整したのに変化しないじゃーん!!」

と悩みました。

では、まず /* Header */ から、説明文を入れてみます。
(▼▲で括ってあります)

次に

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px)

の部分です。

ここをイジらないとPCで見たときに反映されませんのでご注意を。

失敗した時にもとに戻せるように、イジる前には面倒でもコピーしとくクセをつけましょーね!

どなたかのお役に立てれば幸いです。

コメントを残す

メールアドレスが公開されることはありません。

*