どうも追加 CSS の記述にミスがある気がします（追加 CSS に記述してある CSS を lint に書けると閉じミスがあると指摘されます）。
/*H1の文字サイズ行間調整（効いてない）*/
@media (max-width: 639px) {
h1.c-entry__title {
font-size: 23px !important;
line-height: 1.3;
}
という部分の CSS が怪しいので、
/*H1の文字サイズ行間調整（効いてない）*/
@media (max-width: 639px) {
h1.c-entry__title {
font-size: 23px !important;
line-height: 1.3;
}
}
にしてみてください。
rinker は詳しくないのですが、具体的にもとのデザインをどういう風にするカスタマイズをしていましたか？
こんな感じですかね？
.home .l-header .c-site-branding {
display: none;
}
Snow Monkey のアイキャッチ画像・OGP 画像、ページヘッダー画像はいわゆるイメージ画像をいれるような想定なので、文字だったり顔があるきちんと画角を考えないといけない写真を設定するのは向いていません。
下記のような CSS でアイキャッチ画像の比率を定義しているので、OGP 画像の比率に合わせて CSS を調整してみると良いかもしれません。
.c-entry-summary__figure:before {
content: "";
display: block;
padding-top: 75%;
}
こんな感じですかね？
.smb-items__banner img {
transition: transform .2s;
}
.smb-items__banner:hover img {
transform: scale(1.2);
}
Olein_jpさん
キタジマ タカシさん
ご返信ありがとうございます。
トップページのみ以下のロゴとオレンジの箇所を狭めたいのです。。。
よろしくお願いいたします。
依存関係というのは
wp_enqueue_script(
'my_scripts',
MY_SNOW_MONKEY_URL . '/app.js',
['aos'],
filemtime( MY_SNOW_MONKEY_PATH . '/app.js' ),
true
);
これでよいのでしょうか？
GONSYさん、my_scripts の依存に aos を指定したほうが安全かと思います！
@yasuki さん
こんにちは。
Snow Monkeyにもアニメーション機能がついていますが、あえてAOSを使うなら、こんな感じでmy-snow-monkey.phpに記述すればいいのではないかと。
add_action( 'wp_enqueue_scripts', 'msm_enqueue_style_script' );
function msm_enqueue_style_script() {
wp_enqueue_style(
'msm_style',
MY_SNOW_MONKEY_URL . '/style.css',
[],
filemtime( MY_SNOW_MONKEY_PATH . '/style.css' )
);
}
add_action(
'wp_enqueue_scripts',
function() {
wp_enqueue_style(
'aos-style',
'https://unpkg.com/aos@2.3.1/dist/aos.css',
[],
false
);
wp_enqueue_script(
'aos',
'https://unpkg.com/aos@2.3.1/dist/aos.js',
[],
false
);
wp_enqueue_script(
'my_scripts',
MY_SNOW_MONKEY_URL . '/app.js',
[],
filemtime( MY_SNOW_MONKEY_PATH . '/app.js' ),
true
);
}
);
あと、AOSはjQuery非依存なので、わざわざ読み込む必要はありません。
Snow Monkeyはカスタマイズも楽しいので、いろいろ試してみたくなりますよね。
このフォーラムも勉強になりますが、WordPressも一緒に学習していくと、もっとハマっていろんなことができると思います。
試さずに返信して申し訳ないのですが、ぱっと見で感じたことを書きますね。
– インデントしてみたところ msm_enqueue_style_script() の中にそれ以下のフックや関数が入ってしまっているので、外に出す必要があると思います。
– あと、これは本題とは関係ありませんが、add_action( 'wp_enqueue_scripts', function() { は何度も書く必要はないので、関連するものは一つのフックの中にまとめて書くのがわかりやすいと思います。
.smb-items__banner__figure{
overflow:hidden;
}
これもだめですよね？
.c-entry-summary__meta も display: block; あるいは display: inline-block; にしてみると良いかもしれません。
レイアウトにあまりこあわらないのであれば、「テキスト」ではなく「テキスト2」を使うと日付もカテゴリーも最初から表示されます。
あーもしかしたらコメントですかね？
/*H1の文字サイズ行間調整（効いてない）*/
@media (max-width: 639px) {
h1.c-entry__title {
font-size: 23px !important;
line-height: 1.3;
}
↓
/* H1の文字サイズ行間調整（効いてない） */
@media (max-width: 639px) {
h1.c-entry__title {
font-size: 23px !important;
line-height: 1.3;
}
に差し替えてみるとどうでしょうか。
.smb-rating-box__item__evaluation__numeric {
display: none;
}
ですよね？ こちらの環境では上記で消えますが消えないのであれば別の要因があるのかもしれません。レーティングボックスを設置しているページの URL を教えてください！
＞キタジマさん
いつも大変お世話になっております。
ありがとうございます！
ただやっぱり直してもなぜかこのCSSが全然効かないんですよね。。。
何が原因なんですかね。。？
とりあえず次のアップデートで戻るのであれば
それを待ちたいと思います。
＞Olein_jpさん
そうなんですね！失礼しました！
次回からちゃんとバージョンを記載します。
