cssが反映されません

0
いいねをした人: 居ません
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #86196
    北村智史
    参加者
    1

    【お使いの Snow Monkey のバージョン】 15.6.1
    【お使いの Snow Monkey Blocks のバージョン】12.3.0
    【お使いの Snow Monkey Editor のバージョン】 6.0.0
    【お使いのブラウザ】chrom
    【当該サイトのURL】ローカル環境

    ### 実現したいこと

    my snow monkey でCSSを反映したい

    ### 発生している問題

    下記エラーコードがでてcssが反映されない。

    初歩的な質問で申し訳ございません。

    Warning: filemtime(): stat failed for MY_SNOW_MONKEY_PATHcss/style.css in C:\xampp\htdocs\wp_02\wp-content\plugins\my-snow-monkey\my-snow-monkey.php on line 43
    
    GET http://localhost/wp_02MY_SNOW_MONKEY_URL/style.css?ver=5.8 net::ERR_ABORTED 404 (Not Found)

    ### 試したこと

    キタジマ様の記事を見て、my-snow-monkey.phpに下記コードを入れております。

    ディレクトリは私のパスに合わせております。

    <?php
    /**
     * Plugin name: My Snow Monkey
     * Description: このプラグインに、あなたの Snow Monkey 用カスタマイズコードを書いてください。
     * Version: 0.2.1
     *
     * @package my-snow-monkey
     * @author inc2734
     * @license GPL-2.0+
     */
    
    /**
     * Snow Monkey 以外のテーマを利用している場合は有効化してもカスタマイズが反映されないようにする
     */
    $theme = wp_get_theme( get_template() );
    if ( 'snow-monkey' !== $theme->template && 'snow-monkey/resources' !== $theme->template ) {
    	return;
    }
    
    /**
     * Directory url of this plugin
     *
     * @var string
     */
    define( 'MY_SNOW_MONKEY_URL', untrailingslashit( plugin_dir_url( __FILE__ ) ) );
    
    /**
     * Directory path of this plugin
     *
     * @var string
     */
    define( 'MY_SNOW_MONKEY_PATH', untrailingslashit( plugin_dir_path( __FILE__ ) ) );
    
    // 実際のページ用の CSS 読み込み
    add_action(
    	'wp_enqueue_scripts',
    	function() {
    		wp_enqueue_style(
    			'my-snow-monkey',
    			'MY_SNOW_MONKEY_URL' . '/style.css',
    			[ Framework\Helper::get_main_style_handle() ],
    			filemtime( 'MY_SNOW_MONKEY_PATH' . 'css/style.css' )
    		);
    	}
    );
    
    // エディター用の CSS 読み込み
    // クラシックエディターとブロックエディターの両方に CSS が読み込まれます。
    // ブロックエディターの場合は自動的に .editor-styles-wrapper でラップされます。
    // 依存関係は指定できません。
    add_action(
    	'after_setup_theme',
    	function() {
    		add_theme_support( 'editor-styles' );
    		add_editor_style( '/../../plugins/my-snow-monkey/css/style.css' );
    	}
    );
    
    // ブロックエディター用の CSS 読み込み
    // add_editor_style() とは違い、.editor-styles-wrapper ではラップされませんが、依存関係は指定できます。
    add_action(
    	'enqueue_block_editor_assets',
    	function() {
    		wp_enqueue_style(
    			'my-snow-monkey',
    			'MY_SNOW_MONKEY_URL' . '/block-editor.css',
    			[ Framework\Helper::get_main_style_handle() ],
    			filemtime( 'MY_SNOW_MONKEY_PATH' . '/block-editor.css' )
    		);
    	}
    );
    
    // クラシックエディター用の CSS 読み込み
    add_filter(
    	'tiny_mce_before_init',
    	function( $mce_init ) {
    		if ( ! isset( $mce_init['content_style'] ) ) {
    			$mce_init['content_style'] = '';
    		}
    
    		$response = file_get_contents( 'MY_SNOW_MONKEY_PATH' . '/classic-editor.css' );
    		if ( $response ) {
    			$response = str_replace( [ "\n", "\r" ], '', $response );
    			$response = str_replace( '"', '\\"', $response );
    
    			$mce_init['content_style'] .= $response;
    		}
    
    		return $mce_init;
    }
    0
    いいねをした人: 居ません
    #86297
    アバター画像キタジマ タカシ
    参加者
    2421

    style.css が作成されていないからではないですかね?

    0
    いいねをした人: 居ません
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • トピック「cssが反映されません」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。