Stinger3でスマホ用子テーマを使っている方はここにご注意だ!と思ったところ

カテゴリー:WordPress    |    タグ:

Stinger3でスマホ用子テーマを使っている方はここにご注意だ!と思ったところ

最近スマホ用子テーマを作成したのですが、その方のブログを見たときはっ!っとなり、気になったので。

ここにご注意!と思うところ

特になくてもあっても、そんなに気にならない方は気にならないのだろうというところです。

サイドバーのタイトルにつけている画像がない!!

Stingerのサイドバーでのタイトルには画像が使用されているのですが、それが表示されていなかったのです。

イメージ図

イメージ図

上がPCで見た状態で、下がスマホで見た状態です。
タイトルの横にあるはずのものがない!

解決方法

画像はここだよーといっているのに、実際見にいってみたらない!
というのが、原因なのでそこを修正すれば表示されます。

  • CSSファイルの画像パスを変更する
  • 子テーマフォルダに画像フォルダを作成する

CSSファイルの画像パスを変更する

注意
実際の階層やフォルダ名などが、使用されている環境で異なると思いますので、以下の方法は1例として参照してください。

同階層で、子テーマフォルダを作成し、その子テーマフォルダにスマホ用CSSがある場合

サイドバーを例にすると、訂正箇所は.menu_underh2というところ。
その画像を指定しているところを書き換えます。

子テーマフォルダに画像フォルダを作成する

子テーマフォルダに画像フォルダimagesというのを作成して、その中に使用したい画像を入れるだけです。

わたしは現在こちらの方法を取っています。使用したい画像が元のものと違う場合はこちらのほうが便利かなと思います。


せっかくの見出しだよってところが、謎の空間になってしまっているので気をつけねば!というお話しでした。

ADVERTISEMENT

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

published:2014/04/30    Written by:
カテゴリー:WordPress,      タグ:

最後まで読んでくれた方へ。

閲覧頂きありがとうございました!
お気に召しましたら是非RSS登録やフォローをお願いします!

Twitter

関連記事

mac

WordPressの自動挿入されるpタグを削除する方法

WordPressにはpタグを自動挿入してくれる機能(auto paragraph)というものがあり

記事を読む

wordpress_stickers_everywhere

【WordPress】とっても簡単に目次を入れてくれるプラグイン「Table of Contents Plus」

このブログでも使用しているこのプラグイン。いろいろなところでお目にかかることがあり、面白そうだなと思

記事を読む

top_niji

ブログのデザインを変更しました!そのとき考えたこと思ったこと

実は元のデザインを最新のStingerのバージョンに対応しようと思っていたのですが、なんだか新しいの

記事を読む

トップページキャプチャ

Stinger3の子テーマ「Stinger-minimum」を2/11リリースします。【予告】

タイトルで言い切ってしまっていますが、近日中にStinger3の子テーマ「Stinger-minim

記事を読む

ohajiki

ol要素をCSSで装飾(デザイン)する方法を実践したみたので備忘録

サイドバーの所に、WordPress Popular Postsを使ってランキングを表示させてみた際

記事を読む

コメントを残す

ADVERTISEMENT
nijisan

Written by niji_sansan

生まれ落ちた地は神戸。
鉄成分入ってるものに興味あり!
キイロイトリが好き!
感動すると「ほぅ」と言いますw

  • 2017年10月
    « 12月    
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031  
電子書籍ストア BookLive!
PAGE TOP ↑