ナチュログ管理画面 キャンプ キャンプ 近畿 ナチュログカスタマイズ法アウトドア&フィッシングナチュラムアウトドア用品お買い得情報

キャンプの日記です。

ナチュログのヘッダー固定のお知らせについて

テンプレート16

ナチュログのヘッダー固定のお知らせについて

今日ナチュログからヘッダーが常時表示されるという告知がありました。

今までヘッダーを削除していたテンプレートは表示が少しおかしくなるということです。

スイマセン、僕の作ったテンプレートはヘッダーが表示されないようにしていたので上記の内容に該当します。
これは、レスポンシブ対応の際にスマートフォンで見た時にヘッダーが縦長(ナチュログのロゴの横の文字が縦に並ぶ感じ)に表示されてしまうためやむなく非表示に設定していました。

今回の変更でスマートフォンでの表示がどうなるのか確認した所
2列になることなく、うまく表示されていましたので僕のテンプレートもこのまま使っていただけると思います。
ただ、上記のリンク先の案内の通りに設定をしなければいけません。
このままではヘッダーとヘッダー画像(ややこしい...)の上一部が被ってしまいます。

僕のテンプレートの場合は、スタイルシートの4行目に

body {
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
background-color:#f2f2f2;
}

という箇所があるのでそこに margin-top:29px; を追加します。

body {
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
background-color:#f2f2f2;
margin-top:29px;
}

これでオッケーだと思います。
お手数ですが、僕のテンプレートをご利用されている方は対応をお願いします。

っていうか、
ヘッダーを消した人だけじゃなくって新しいテンプレート使ってる方は
みんな同様の対応をしなくちゃいけないと思うんですが...

すいません、苦言を吐いたついでに...
タブレットの画面で右側にあるナチュログの広告の横幅が大きすぎて記事がちっちゃくなってしまっているブログをよく見かけます。
ほんの少し設定を変えるだけでいいと思うんですが、なんとかならないでしょうか。
ナチュログの人見てくれてないかな...

レスポンシブデザインテンプレート公開しています

上記の変更も適用している、レスポンシブデザイン対応のテンプレート公開しています。
ご利用いただいた方々からはスマフォやタブレットですごく見やすくなったって言ってもらっています(*´艸`*)
ご興味のある方はゼヒ!


ぽちっと応援お願いします。

にほんブログ村 アウトドアブログ キャンプへ
にほんブログ村


人気ブログランキングへ





同じカテゴリー(テンプレート)の記事
この記事へのコメント
ediさんおはようございます!

そうですよね、新しいテンプレートはヘッダーを消したというか、はじめからなかったですよね。

また、ediさんの指摘通り、タブレットテンプレートで広告がはみ出ているのをよく見かけます。

それと、自分はタブレットで見る時は出来ればPC表示で見たいんですが、「PC画面で見る」の部分が大部分消えちゃって、PC表示に出来ないんですよね~

正確には少し見えてるけど、太い指なので押せない(笑)

改善してくれるといいですね♪

シッポナシッポナ
2016年06月30日 08:27
早速対応ありがとうございます^ ^
私は公式発表の方法で何とかなった?ようですが、あらためて、この数行を入れるとなぜこう変わるのかというそのあたりがチンプンカンプン(笑)
頼りにさせていただいています(u_u)

みーパパみーパパ
2016年06月30日 08:34
おはようございます♪

いきなりの仕様変更で、せっかくのトップ画がぁ!って思ってましたが、

さっそくの対応助かります♪とてもベストサイズで画像に被る事がなくなりましたー!

そうへそうへ
2016年06月30日 09:31
ediさんはじめまして。

お礼が遅くなりましたが、
レスポンシブデザインテンプレートを使い見やすいページに出来て感謝しております。
解らないながらも少しづづ変更を加え
特に動画貼り付けの記事は非常に参考になりましたm(__)m

はじめスタイルシートを置き換えた時に
ニックネームが表示されないのは私の環境による不具合なのか?
どうにか色指定をして表示させる事ができました。

iPhone6 plusの画面でも読みづらかった(老眼?)のが
非常に読みやすくなり助かっております。

SORASORA
2016年06月30日 11:40
ediさんへ追伸

タブレットテンプレートの「PC用の表示に気り替える」ボタンの件は、お問い合わせしたら、すぐ直してくれましたよ♪

シッポナシッポナ
2016年06月30日 17:59
ediさん
Windows10+各ブラウザは問題無いですが、AndroidのChromeとFirefoxはCAMP Diaryが隠れてまっせ!
スクリーンショット送りましょうか?

ウチのはマージン追加したらAndroidでも修正できました。

へりへり
2016年06月30日 18:40
こんばんは。
通りすがりのものです。

ちょっと気になったので、、

.header { display: none; }

でヘッダー消せそうな気がするんですが、どうなんでしょ?
通りすがり
2016年06月30日 22:22
ediさんのコメント欄に返信で申し訳ありませんが、
ヘッダー消せますw 

通りすがりさんありがとうございます。
でもナチュログ的にやっていいのかどうか分かりませんので限りなくグレーなので戻します。

へりへり
2016年06月30日 22:58
シッポナ様コメントありがとうございます。

そうですよね、新しいテンプレートを使っている他の方のブログをかくにんしたら、見事に画像にかぶってるやんと思って大文字でかいてみました(^_^;)

ナチュログさんも今朝、追記で案内してましたね^^;

ただタブレットの広告の表示は初歩的なミスでダメですよね。
改善されるといいんですが…

ediedi
2016年06月30日 23:18
シッポナ様追記ありがとうございます。

夕方の追記で確認しました。
すぐに動いてくれるあたりは、信頼できますね。
僕もこんなところで文句たれていないで、不具合などはきちんと運営側に報告して改善してもらい建設的にいこうと思います。^ ^

ediedi
2016年06月30日 23:23
ミーパパ様コメントありがとうございます。

最初ナチュログの案内があった時、テンプレートを使ってもらってる方々の確認したら
ミーパパさんだけすでに対応されてて、早っ( ̄O ̄;)
って思ってました^^;

今回の対応は上部固定でヘッダーを付けたからヘッダーで隠れてしまった分の大きさ分、下に下げて見えるようにした。
感じです。
かなり強引な説明ですが汗

ediedi
2016年06月30日 23:32
そうへ様コメントありがとうございます。

突然の変更でしたね^^;
でも変更方法など案内してくれているあたりは親切ですよね。

うまく変更できたようでよかったです。
当分キャンプネタはないので、テンプレネタがふえそうですw
またのぞきにきてくださいねー

ediedi
2016年06月30日 23:42
SORA様コメントありがとうございます。
また、テンプレートのご利用ありがとうございます^ ^

動画の貼り付けについては、100%よそ様の記事をそのまま紹介しているだけなんです(^^;;

ニックネームの文字色が背景と同色になって見えないですね(*_*)
ご指摘ありがとうございます。
すぐ修正させていただきます!

ediedi
2016年06月30日 23:48
ヘリ様コメントありがとうございます。
&ご指摘ありがとうございます。

自分のテンプレートを修正するのをすっかり忘れてました〜(汗)

今はタブレットでお返事書いているので、PCの前に行ったら修正しておきます^^;

ediedi
2016年06月30日 23:53
通りすがり様コメントありがとうございます。

おっしゃられる通り、その方法で非表示にできますね。
昨日試してみました。

でも今回のナチュログさんの告知は非表示はダメですということだと思うので
そういった方法は載せないでおきました。

まぁ、無料で場所を借りているので家主さんのいうことは聞いておかないといけませんからね(^_^)a

ediedi
2016年07月01日 00:03
ヘリ様コメントありがとうございます。

今回の件はヘッダー消さないでということですよね。
大家さんのいうことは無視できませんので、おとなしくいうことを聞いておきますw

ediedi
2016年07月01日 00:13
コメントください!

<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。