[gama]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】バージョン: 10.0.4
【お使いのブラウザ】chrome
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===

以前　9.03バージョンでご質問させていただいた「WPAW:スライダー タイトル文字の位置を変えたい」の指定の　cssが効かなくなりました。

バージョンアップによる　クラスの変更かと思うのですが、どのように変更すればよいでしょうか？

WPAW:スライダー タイトル文字の位置を変えたい

タグ: スライダー　タイトル このトピックには3件の返信、2人の参加者があり、最後にキタジマ タカシ…

snow-monkey.2inc.org

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

んースライダーウィジェットのクラス名は変更していないはずなのですが、可能ならそのスライダーウィジェットを設置しているページを見せてもらうことはできますでしょうか？

こちらの環境でも前回の CSS を足して試してみたのですが、ただしく右下に寄りました。なので他の CSS が影響している可能性があるのかなぁと思いまして…。

♥ 0

いいねをした人: 居ません

[gama]

スライダーウィジェットを設置しているページを見せてもらうことはできますでしょうか？

↑

一旦投稿した　アドレスをみていただいてから削除することはできますか？（まだ作成中公開前なので削除したいです）

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

それでしたら、Snow Monkey オンラインコミュニティ（Slack）の DM で送ってください！

♥ 0

いいねをした人: 居ません

[gama]

Slack　ダイレクトメッセージに送らせていただきました。よろしくお願いします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ありがとうございます、確認できました！

Snow Monkey のアップデートでウィジェット用の CSS をメイン CSS から分離したのですが、その影響で詳細度の問題がでて効かなくなっているようです。

My Snow Monkey で CSS を読み込まれていると思います。対処法は2つ考えられます。

– フックの優先度を 11 以上にする
– 依存関係の指定を [ Framework\Helper::get_main_style_handle(), Helper::get_main_script_handle() . '-custom-widgets' ] に変更する

変更の仕方がよくわからないという場合は、My Snow Monkey で CSS を読み込んでいる部分のコードをここに書き込んでください！それを修正して提示しますので。

♥ 0

いいねをした人: 居ません

[gama]

ありがとうございます。

my-snow-monkey.php　部分の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(), Helper::get_main_script_handle() . '-custom-widgets' ],
			filemtime( plugin_dir_path( __FILE__ ) )
		);
	}
);

ここは変わらず↓↓

// エディター用の CSS 読み込み
add_action(
	'after_setup_theme',
	function() {
		add_editor_style( '/../../plugins/my-snow-monkey/style.css' );
	}
);

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

そうです！ ちょっと僕の書いたコードが間違っていました、こうしてみてください。

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__ ) )
		);
	}
);

で、もしこれでも反映されない場合はこっちを試してみてください。

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() ],
			filemtime( plugin_dir_path( __FILE__ ) )
		);
	},
	11 // もっと大きい数にしたほうが安全かも。とりあえず11で…
);

♥ 0

いいねをした人: 居ません

[gama]

ありがとうございます！！やったー

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 を別に作る場合は、これに限らず上記のコードを入れた方がいいですよね。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

良かったです！

あ、今後も css を別に作る場合は、これに限らず上記のコードを入れた方がいいですよね。

えっと、細かい話になりますが、

\Framework\Helper::get_main_style_handle() が Snow Monkey のメインの CSS で、\Framework\Helper::get_main_script_handle() . '-custom-widgets' がカスタムウィジェット用の CSS になります。他にもいくつかの CSS ファイルがあるので、上書きしたい場所によってはこの依存関係部分に足さないといけないことがでるかもしれません。もし効かない場合が出てきたときはまた書き込んでもらうと良いかもです。

となると詳細度指定するほうがラクなのかな…ちょっと僕の中でもベストな方法がまだ固まっておらずアレですが、ひとまずそんな感じでお願いします！

トピック閉じますね。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

関連：

10.7に変更後　WPAW:スライダー タイトル文字の位置が変わらない２

タグ: WPAW:スライダー このトピックには3件の返信、2人の参加者があり、最後にgamaにより4…

snow-monkey.2inc.org

♥ 0

いいねをした人: 居ません

[投稿者]

投稿