1. TOP
  2. スティンガー5でトップの記事タイトルのフォントを変更する方法!

スティンガー5でトップの記事タイトルのフォントを変更する方法!

ワードプレス この記事は約 3 分で読めます。

以前のサイトを知っている方なら、
変わり果てた姿にきっと驚いているはずです。

それはさておき表題の件ですが、
相当四苦八苦した後にようやくたどり着きましたので、
その方法を解説していきます。

「コレジャナイ」との壮絶な戦い

スティンガーは無料ブログだからなんなのか、
カスタマイズ方法を載せているサイトが多く、
色々と楽をさせてもらってました。

 

しかしブチあたった壁が、
「トップの記事タイトルのフォントを変更する」
方法。

 

これについてはいくら調べても、
「サイトタイトルのフォントを変える」とか、



「記事ページの記事タイトルを変える」
とかしか見つかりませんでした。

2014-11-04_234738

でも、私が変えたかったのはココ!!



これも後程記事を書きますが、
アイキャッチ画像や記事の抜粋を無くしたので、
フォントがかなり頼りない感じでした。

「コレジャナイ」と独り言ちて、
正直非常に歯がゆかったです。

 

対象箇所を見つけた時の爽快感!

フォントの設定は基本スタイルシート(style.css)
というのはわかっていたので、
途中からは完全に人海戦術でした。

 

そしてようやく見つけたんですよ。

2014-11-04_235652

赤で囲っているのが、その対象箇所です。
見つけた時は本当にメチャメチャ気持ち良かったです。

 

スライドして追っかけるのは非常に面倒くさいと思うので、
h3 a」で検索することをオススメします。


 

そしてちなみに、これは既に書き換え済みです。
デフォルトはこんな感じじゃないかと。

2014-11-04_235943

もしかしたら、「font-family」も無いかもしれません。

 

なのでここに、
font-size: 28px;」というフォントサイズと、
color: #191970;」というフォントカラーの
指定を入れました。

#191970というのは、こんな色です。

2014-11-05_000420

 

そしてめでたくこんなような形になったという訳です。



スタイルシートは奥が深いですね。。。

\ SNSでシェアしよう! /

LSCの注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

LSCの人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

関連記事

  • WordPress Ping Optimizerの設定方法!

  • 【TCD013】ワードプレスのプラグインて何?種類や設定方法は?

  • ユーチューブ動画が埋め込めない?ワードプレスの権限とユーザー設定

  • 【スティンガー5】トップのサイトタイトルを消す方法とリンク追加

  • スティンガー5のファビコンの作成や設定方法を解説!

  • WP-Copyright-Protectionの画像付設定方法!