ナチュログのヘッダー固定のお知らせについて
今日ナチュログからヘッダーが常時表示されるという告知がありました。
今までヘッダーを削除していたテンプレートは表示が少しおかしくなるということです。
スイマセン、僕の作ったテンプレートはヘッダーが表示されないようにしていたので上記の内容に該当します。
これは、レスポンシブ対応の際にスマートフォンで見た時にヘッダーが縦長(ナチュログのロゴの横の文字が縦に並ぶ感じ)に表示されてしまうためやむなく非表示に設定していました。
今回の変更でスマートフォンでの表示がどうなるのか確認した所
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さんの指摘通り、タブレットテンプレートで広告がはみ出ているのをよく見かけます。
それと、自分はタブレットで見る時は出来ればPC表示で見たいんですが、「PC画面で見る」の部分が大部分消えちゃって、PC表示に出来ないんですよね~
正確には少し見えてるけど、太い指なので押せない(笑)
改善してくれるといいですね♪
私は公式発表の方法で何とかなった?ようですが、あらためて、この数行を入れるとなぜこう変わるのかというそのあたりがチンプンカンプン(笑)
頼りにさせていただいています(u_u)
いきなりの仕様変更で、せっかくのトップ画がぁ!って思ってましたが、
さっそくの対応助かります♪とてもベストサイズで画像に被る事がなくなりましたー!
お礼が遅くなりましたが、
レスポンシブデザインテンプレートを使い見やすいページに出来て感謝しております。
解らないながらも少しづづ変更を加え
特に動画貼り付けの記事は非常に参考になりましたm(__)m
はじめスタイルシートを置き換えた時に
ニックネームが表示されないのは私の環境による不具合なのか?
どうにか色指定をして表示させる事ができました。
iPhone6 plusの画面でも読みづらかった(老眼?)のが
非常に読みやすくなり助かっております。
タブレットテンプレートの「PC用の表示に気り替える」ボタンの件は、お問い合わせしたら、すぐ直してくれましたよ♪
Windows10+各ブラウザは問題無いですが、AndroidのChromeとFirefoxはCAMP Diaryが隠れてまっせ!
スクリーンショット送りましょうか?
ウチのはマージン追加したらAndroidでも修正できました。
通りすがりのものです。
ちょっと気になったので、、
.header { display: none; }
でヘッダー消せそうな気がするんですが、どうなんでしょ?
ヘッダー消せますw
通りすがりさんありがとうございます。
でもナチュログ的にやっていいのかどうか分かりませんので限りなくグレーなので戻します。
そうですよね、新しいテンプレートを使っている他の方のブログをかくにんしたら、見事に画像にかぶってるやんと思って大文字でかいてみました(^_^;)
ナチュログさんも今朝、追記で案内してましたね^^;
ただタブレットの広告の表示は初歩的なミスでダメですよね。
改善されるといいんですが…
夕方の追記で確認しました。
すぐに動いてくれるあたりは、信頼できますね。
僕もこんなところで文句たれていないで、不具合などはきちんと運営側に報告して改善してもらい建設的にいこうと思います。^ ^
最初ナチュログの案内があった時、テンプレートを使ってもらってる方々の確認したら
ミーパパさんだけすでに対応されてて、早っ( ̄O ̄;)
って思ってました^^;
今回の対応は上部固定でヘッダーを付けたからヘッダーで隠れてしまった分の大きさ分、下に下げて見えるようにした。
感じです。
かなり強引な説明ですが汗
突然の変更でしたね^^;
でも変更方法など案内してくれているあたりは親切ですよね。
うまく変更できたようでよかったです。
当分キャンプネタはないので、テンプレネタがふえそうですw
またのぞきにきてくださいねー
また、テンプレートのご利用ありがとうございます^ ^
動画の貼り付けについては、100%よそ様の記事をそのまま紹介しているだけなんです(^^;;
ニックネームの文字色が背景と同色になって見えないですね(*_*)
ご指摘ありがとうございます。
すぐ修正させていただきます!
&ご指摘ありがとうございます。
自分のテンプレートを修正するのをすっかり忘れてました〜(汗)
今はタブレットでお返事書いているので、PCの前に行ったら修正しておきます^^;
おっしゃられる通り、その方法で非表示にできますね。
昨日試してみました。
でも今回のナチュログさんの告知は非表示はダメですということだと思うので
そういった方法は載せないでおきました。
まぁ、無料で場所を借りているので家主さんのいうことは聞いておかないといけませんからね(^_^)a
今回の件はヘッダー消さないでということですよね。
大家さんのいうことは無視できませんので、おとなしくいうことを聞いておきますw