9-taro

ishitaka様

度々ご回答ありがとうございます。
また一つ勉強になりました。
ちなみにこのコードは、function.phpに貼り付けるのでしょうか？
エラーが出てしまいます。
初歩的な質問ですいません。

ishitaka様

先日に続き、親切なご回答ありがとうございます。
早速、ご指摘の通り修正してみました。
おかげさまで、問題なく表示されました。
思っていたより、高度な内容だったので、質問してよかったです。
また、機会がありましたら、よろしくお願いします。

9-taro

Toshiyuki Honda様

この度は親切丁寧にご対応していただきまして、誠にありがとうございました。
別の箇所に余計な記述があったため、「.admin-bar」の記述が当初機能しなかったため、余計なことをしてしまい、失礼しました。
先ほど、ご指摘通りcssに追加記述したところ、adminbarが重なることなく、うまくいきました。
おかげさまで、この問題が解決できました。心よりお礼申し上げます。
これで作業しやすくなりました！

ishitaka 様

親切にコードをお書きくださり、ありがとうございます。
お知らせいただいたコードをfunctionに書いたのですが、あいにく「サイトに技術的な問題が発生しています。」になってしまいました。
なおfunction.phpに記述したスクロール時のヘッダーの固定の記述は、下記のようなものです。
参考になるかわかりませんが。

/* スクロール時のヘッダーclass名を制御 */
function my_wp_footer(){
?>
<script>
jQuery(function() {
var header = jQuery(‘#masthead’);
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 0) {
header.addClass(‘header-extra-css’);
} else {
header.removeClass(‘header-extra-css’);
}
});
});
/* スクロール時のヘッダーのロゴ縮小*/
(function($){

$(function(){
$(window).scroll(function(){
var scr = $(window).scrollTop();
if(scr > 1){
$(‘#logo’).addClass(‘mini’);
}else{
$(‘#logo’).removeClass(‘mini’);
}
})
})
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘my_wp_footer’);

ishitaka様

ご回答ありがとうございます。
下記のコードをスタイルに書き込んでもなぜか反映されませんでした。

html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 46px !important; }
* html body { margin-top: 46px !important; }
}
使っているテーマは、Firstになります。
これに手を加えています。
http://demo.themehaus.net/first-ja/

CG　様
早速、ご回答ありがとうございます。
おそらく、ヘッダーを固定しているために起きている現象だと思いますが、
adminbarの要素を調べると下記のようなスタイルが出てきますが、
テーマのスタイルでなく、wordpressoのファイルを変更するという意味でしょうか？
load-styles.php:4というファイルが表示されていますが、
そのファイルがどこにあるのかわかりません。
（昨日調べた時とファイル名が違ってます）

#wpadminbar {
direction: ltr;
color: #ccc;
font-size: 13px;
font-weight: 400;
font-family: -apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Oxygen-Sans,Ubuntu,Cantarell,”Helvetica Neue”,sans-serif;
line-height: 32px;
height: 32px;
position: fixed;
top: 0;
left: 0;
width: 100%;
min-width: 600px;
z-index: 99999;
background: #23282d;
}

ishitaka様　
ご回答ありがとうございます。
非公開のサイトなのですが、ログインした状態のプレビュー画面でのみ
そのような表示になります。
ログアウトした状態では、問題なく表示されます。

ishitaka様

早いご回答ありがとうございました。
こういう感じのを探してました！
なかなか検索しても出てこなかったので、
助かりました。

早速、ダウンロードして試してみます。
ご協力感謝します。

9-taro