ご報告ありがとうございます！ これは CSS の当て方がまずいですね。次回の Snow Monkey Editor のアップデートで修正します！ しばしお待ちください…
なるほど！仰るとおりです。
ログインした場合は大丈夫ですので、合点がいきました。
このように、My Snow Monkey に書いています。
//非ログイン時も管理ツールバーを表示
add_filter('show_admin_bar', '__return_true');
//管理ツールバーにメニュー追加
function customize_admin_bar_menu($wp_admin_bar){
if(!is_user_logged_in()){
$title1 = sprintf(
'<span class="ab-icon"></span><span class="ab-label">%s</span>',
'ログイン'
);
$wp_admin_bar->add_menu(array(
'id' => 'dashboard_menu1',
'meta' => array(),
'title' => $title1,
'href' => home_url('/loginform/') // ページURL
));
}
if(is_user_logged_in() and !current_user_can( 'administrator' )){
$title2 = sprintf(
'<span class="ab-icon"></span><span class="ab-label">%s</span>',
'マイページ'
);
$wp_admin_bar->add_menu(array(
'id' => 'dashboard_menu2',
'meta' => array(),
'title' => $title2,
'href' => home_url('/loginform/') // ページURL
));
}
}
add_action('admin_bar_menu', 'customize_admin_bar_menu', 9999);
Snow Monkey Blocks のスライダーブロックでキャプションをいれて、下記のトピックにある CSS を追加するとどうでしょうか？
あ、そこですか！ 解決して良かったです。
@charset “UTF-8”;はあった方がいいでしょうか。
あってわるいものではないので、問題なければ入れておいたほうが良いと思います！
うーん、なるほど、ではファイルの一番先頭に、@charset "UTF-8"; と宣言をして上書きアップロードするとなにかかわりますか？ 下記のような感じです。
@charset "UTF-8";
/**
* Template: snow-monkey
* Theme Name: Snow Monkey Child
*/
元々以上のようにUTF-8になっていて、再度保存してアップしてみましたが、変わらないようです。
保存方法が違いますでしょうか。
ご指摘いただいた文字化け部分の前にクラスを記載すると問題ないので、文字化け部分が原因のようですが。
ありがとうございます！
子テーマの CSS ファイルを見てみたところ、どうも文字化けしているようです。この影響で正しく中身が読み取れなくなっているのかなと思いました。
文字コードを UTF-8 にして上書きアップロードするとおそらく解決するのじゃないかと思います。
テーマエディターで、CSSの追加記述は、以下の画像の896行目のようにクラス等が赤字になってしまいます。
img.img_kakomi{border: solid 1px #ccc; padding: 10px;｝までは大丈夫でした。
サンプルページのhtmlは <div class="title_line00">テキスト</div>
スタイルシートは以下ですが、反映されません。
.title_line00{ padding-bottom: .5em;
border-bottom: 1px solid #ccc;}
サンプルページ
カスタマイザー → 追加 CSS に下記の CSS を貼り付けてみてください。
@media (max-width: 639px) {
.c-hamburger-btn__bars {
height: 20px;
width: 25px;
}
.c-hamburger-btn__bar {
height: 2px;
}
.c-hamburger-btn__bar:nth-of-type(2) {
top: 9px;
}
.c-hamburger-btn__bar:nth-of-type(3) {
top: 18px;
}
}
どれくらい大きくしたいかがわからなかったので、少しだけ大きくするサンプルを書いてみました。バーの太さ（height: 2px;）はそのままで、バーの間隔と、ボタン自体の大きさを数pxずつ大きくしています。お好みで数値を変化させてみてください。
お忙しい中、詳細にお答えいただきありがとうございます。
２ やはり link をつけた時点で読み込まれますよね。承知いたしました。
３ の方法で見出しだけ適用という形が一番、今の状況だと適当かなとい気がします。
トッピックを閉じさせていただきますね。
１ デザインの Noto serif jp 基本フォント（本文）に設定して何かを加えれば軽量になるのか？
おそらくないと思います。
２ snow monkey 基本フォント設定は、セリフにして
my-snow-monkey.php で使う Noto serif jp の weight だけを記述、〜
Google Fonts を link タグで読み込んだ時点で容量が決定すると思うので、CSS のセレクタ指定で見出しだけに限定しても効果はないと思います（試したことはないですが多分…）。
３ snow monkey 基本フォント設定は、セリフにして
違う google fonts 日本語を my-snow-monkey.php に記述、いらない weight などは外す。
h1〜h4 にcss設定をする。なおかつ、設定する文字数が少なければコチラに書いてある方法をとる
この方法は知りませんでした！ 見出しだけに適用＆見出しはほんとど変わることはない、という状況であればこの方法をとるのがベストではないかと思います。
Snow Monkey Editor v2.1.0 で追加しました！
良かったです！
あ、今後も css を別に作る場合は、これに限らず上記のコードを入れた方がいいですよね。
えっと、細かい話になりますが、
\Framework\Helper::get_main_style_handle() が Snow Monkey のメインの CSS で、\Framework\Helper::get_main_script_handle() . '-custom-widgets' がカスタムウィジェット用の CSS になります。他にもいくつかの CSS ファイルがあるので、上書きしたい場所によってはこの依存関係部分に足さないといけないことがでるかもしれません。もし効かない場合が出てきたときはまた書き込んでもらうと良いかもです。
となると詳細度指定するほうがラクなのかな…ちょっと僕の中でもベストな方法がまだ固まっておらずアレですが、ひとまずそんな感じでお願いします！
トピック閉じますね。
ありがとうございます！！やったー
add_action(
'wp_enqueue_scripts',
function() {
wp_enqueue_style(
'my-snow-monkey',
untrailingslashit( plugin_dir_url( __FILE__ ) ) . '/style.css',
[ \Framework\Helper::get_main_style_handle(), \Framework\Helper::get_main_script_handle() . '-custom-widgets' ],
filemtime( plugin_dir_path( __FILE__ ) )
);
}
);
最初のコードでうまく出るようになりました。右下に出ます。ありがとうございます。
あ、今後も css を別に作る場合は、これに限らず上記のコードを入れた方がいいですよね。
