*

WordPressテーマStinger3の見出しタグのカスタマイズ

公開日: : 最終更新日:2018/01/02 WordPress

見出しタグh2やh3を変えたい


Stinger3の見出しタグはそのままでも結構いいかなと思う反面、
h2のボーダーの色や太さをもう少し変えたいな、とか・・
ささやかな変更をしたい欲求にかられ、変更方法を探してみた。

スポンサーリンク



h2のボーダーの変更


これはスタイルシートを少し変えればいいだけなのでやってみた。

ダッシュボードの外観からテーマの編集をクリック。

CSSへ
右欄の「スタイルシート」をクリックして、表示させる

スタイルシート
全体の1/4くらいのところにある見出しの部分がそれにあたる。

h2のCSS
ボーダーカラーと幅を変更

色はこちらを参照。 カラー表

ダークレッド(darkred #8b0000)にしてみた。
太さ(幅)は5pxから10pxへ。

h2の変更

h3の色の変更


h2の変更から少し下にスクロールするとh3のタグの設定がある。

h3タグは「チェック」デザインになっているので、そのまま使用。

色を変えてみた。

background-image: url(images/cah3-bk.png);の部分の(images/cah3-bk.png)を好みで変えればOK

h3変更
 
図のように色が変更できます。

h3のチェックマークの色
※これは最近のバージョンのみのようです。

h4の背景色の変更


h4もh3から下にスクロールしたところに表示されています。

h4はあまり使うこともないけど、試しに背景の色を変えてみた。
カラー表から好みの色を選択、バックグランドカラーを変更。
少し濃いめの色になってしまいましたが・・・これでしばらく様子見。

最後に変更を保存して完了。

保存
さて、どんな感じになったかプレビューで確認してみるも・・

あれ??あれれ??なんで変わってないの!?
 
スポンサーリンク

 
ここで再度CSSを見直したり、再度更新してみたり・・
それでも元のままでした。

変更が反映されない!対処は


今回、反映されない変更の原因は自分にあると、必死で見直すも変わらず。
ここでまたもや調べ直し、他にも悩んだ人がいました。
やっぱり反映されないことってあるようです。

私の場合はキャッシュが原因でした。

キャッシュが残ってることが原因の場合があります。

キャッシュに、過去に閲覧した履歴が残っているため、いくら再表示しても変わらなかったのですね。
この場合のキャッシュは最初にサイトを観た時にそれを記録してある・・
要は二回目以降にそのサイトを観たときに、すばやく表示するための仕組みですね。

それが原因でCSSを変更しても過去の閲覧した状態で表示されてしまうようです。

これならキャッシュをクリア(消去)すれば解決です。

キャッシュの削除


ブラウザごとのキャッシュ削除の方法


IE(InternetExplorer9)
「ツール」→「閲覧履歴の削除」→「インターネット一時ファイル」を「削除」

Firefox
「ツール」→「最近の履歴を削除」→「すべての履歴」→「キャッシュ」を「今すぐ消去」

Chrome
「設定」→「履歴」→「閲覧履歴データの消去」→「閲覧履歴データを消去する」

Safari
「編集」→「キャッシュを空にする」→「空にする」

ブラウザのツールなどで設定を変えればいいのですが、もっと簡単な方法がありました。

スーパーリロード


スーパーリロードとは、強制的に優先して再読み込みさせる方法です。
キャッシュ削除をショートカットキーで、すばやく実行するということですが。

Windowsの場合

ブラウザが IE、Chrome、Firefox、opera の時は
Ctrl+F5キー

ブラウザがSafariの時は
Ctrl+Rキー

Macの場合

ブラウザがChrome、Safari、Opera では
Command+Rキー

ブラウザがFirefox では
Command+Shift+R
になります。

スーパーリロードで確認!さっそく「Ctrl」+「F5」キーを押します。
こんな感じになりました(^o^)v

hタグ変更完成
まずは成功です。

波空
ちょっとした変更でも雰囲気かわっていいよ~

見出しタグは本当はいろいろやってみたいデザインとかあるんですけど、まだ理解のおよばない部分も多くあるので、
自分のペースで少しずつ試していきたいと思います。

ちょっとオリジナルと違う表示にしたい!と思ったら試してみませんか?

フォントの色やサイズ余白なども同様に少し変えれば変更できます。

いろいろ考えてから、気に入ったデザインに変更するやり方が見つかったら・・また書いてみたいと思います(^^)

前の記事へ 1枚の画像で複数リンク!イメージマップの作り方
次の記事へ DuplicatorでWP丸ごと引越 GMOからXserver1

WordPress一覧へ


 




にほんブログ村


日々の出来事 ブログランキングへ

スポンサーリンク




関連記事

カテゴリー別のまとめバナーをサイドバーや記事下にいれてリンク

同じような分類の記事が増えてきたので、まとめを作りました。 バナーでリンクできるようにしてみようと

記事を読む

1枚の画像で複数リンク!WordPressでイメージマップを作ってみた

イメージマップとは ホームページビルダーを使っていた時に1枚の画像に複数のリンク先を指定できる

記事を読む

DuplicatorでWP丸ごと引越 GMOからXserver1

サーバーをひとつにまとめたくて移転を考えたことありませんか? サーバー移転の方法はいろいろあるよう

記事を読む

お名前.comからXserverにドメイン移管 | 躓きまとめ

いろいろありましたが、なんとか無事移管完了になりました。 すんなりいったわけではなく、躓きもいろい

記事を読む

プラグインContact Form 7で問合せフォーム簡単作成

ブログを読んでいると、ちょっとこの管理人さんにきいてみたい、とか 一言残していきたいなんてことがあり

記事を読む

画像キャプチャと編集ができるフリーソフトMonosnapの使い方

前の記事でMonosnapをインストールして、起動するまでをかきました。 WindowsでもMac

記事を読む

Shortcodes Ultimateで簡単記事装飾 |基本の使い方!

WordPressの投稿機能(ビジュアルエディタ)は、デフォルトの状態で簡単に記事の装飾ができるボタ

記事を読む

「Shortcodes Ultimate」プラグインで簡単画像つき一覧ページを作る

前回の記事で手動?で固定ページに特定カテゴリーの一覧を作りました 記事数が増えてくると、1つ1つ追

記事を読む

PCにあるキャプチャツールSnipping Toolの便利な使い方

画像をキャプチャするツールは以前「Monosnap」というのを紹介して、私も便利に使っています。

記事を読む

WordPressのタイトルロゴ作成 Cool Textの使い方

WordPressでタイトルをロゴにするにはロゴ画像が必要になります。 グラフィックソフトで作るこ

記事を読む

スポンサーリンク




Message

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


花見弁当
お花見とは?なぜ桜なの?意味や由来 花見の風習いつから?日本だけの文化?

春になるとお花見シーズン到来とばかりに、お花見の名所には人が集い、桜の

後片付け
バーベキュー初心者 現地でやることは?炭おこしや焼き方&後片付け

前回の続きです。 バーベキュー初心者 はじめての場合に必要な準備

バーベキュー初心者 はじめての場合に必要な準備とやることやいるもの

暖かくなるとバーベキューなんてやってみたくなりますよね(^^)

駄菓子から元祖梅ジャムが消えた 昭和の味駄菓子の歴史と駄菓子屋の今

この前ニュースというか、テレビで梅ジャムが消えたという話題をやっていた

エプロンとは?いつから?つける意味や必要は?メリットを考えてみた

普段エプロンてつけていますか?つける派つけない派ありますが、もとい、エ

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくてアフィリエイトにチャレンジ中

    好きなものは
    アニメ・漫画・ゲーム・お絵描き・映画を観ること・パソコンで遊ぶこと・チョコレート・中島みゆきさんの歌・・

    やりたいことは・・
    空を飛びたい・馬に乗って自由に走り回りたい・猫を飼いたい・・

    いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。
    日々どうしたらできるか考えながらリアル仕事に追われています。

PAGE TOP ↑