[松浦司]

【お使いの Snow Monkey のバージョン】

バージョン: 25.1.0
【お使いの Snow Monkey Blocks のバージョン】

バージョン 20.1.3
【お使いの Snow Monkey Editor のバージョン】

バージョン 9.3.0
【お使いの PHP のバージョン】

7.4
【お使いのブラウザ】

GoogleChrom
【当該サイトのURL】

買取サイト

www.demo-kaitori.local-web-creation.com

【やりたいこと】

下記でフッターの背景色を指定したい

.l-footer{
background-color:#019AFE;
}

.l-footer__footer{
background:#019AFE;
}

【発生している問題】

追加CSSでフッターの背景色が指定できない。

(下記の場所になります)

.l-footer{
background-color:#019AFE;
}

.l-footer__footer{
background:#019AFE;
}

【試したこと】

background:black;→OK

background:#000;→NG

「#」で色を指定すると「何かうまくいかなかったようです。時間を置いてもう一度お試しください。」と表示される

コメントアウトを全て消してみましたが、改善できませんでした。

下記にコードを記載しますので、原因を教えていただけますと幸いです。

他のセクションでも同様に「#」で入力すると同じエラーが表示されます。

【コード】

/* ファーストビュー */
.top-fv {
margin-top:50px;
}

.top-fv img{
width:100%;
}

/* トップページの買取ジャンル */
.top-buy-genre{
padding-bottom:0;
}

.genre-list .smb-items__item__body{
text-align:center;
}

.genre-list .smb-items__item__title{
font-size:16px;
/* color:#019AFE; */
}

.genre-list .smb-items__item{
background: #F6F6F6;
box-shadow: 1px 2px 3px;
border-radius: 20px;
}

 

.genre-list .smb-items__item__figure{
margin-bottom:0px !important;
}

/* トップページの選べる買取ジャンル */

 

.top-select .smb-items__item__title{
text-align:center;
font-size:16px;
color:#019AFE;
}

/* トップの特徴 */
.top-features .smb-items__item__figure{
text-align:left !important;
}

/* 買取強化アイテム */
.top-strength-item .smb-items__item__body{
text-align:center;
}

.top-strength-item .smb-items__item{
border:1px solid ;
}

 

.l-footer{
background-color:#019AFE;
}

.l-footer__footer{
background:#019AFE;
}

♥ 0

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

[キタジマ タカシ]

追加 CSS に CSS を入力する場合、/* ファーストビュー */ のような CSS コメントがあると保存できない場合があるようです。すべての CSS コメントを消してみて再度保存してみるか、追加 CSS ではなく CSS ファイルをつくってそれを読み込むようにすると良いかもしれません。

♥ 0

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

[松浦司]

キタジマ様

ご返信ありがとうございます。

/* ファーストビュー */のようなコメントをすべて削除しましたが、
改善されませんでした。

追加でご質問ですが、CSS ファイルをつくってそれを読み込むようにする設定は
どのようにすれば良いのかご教授いただけますと幸いです。

【試したこと】
style.cssと同階層にcommon.cssというファイルを作成し、
functions.phpに下記のコードを読み込ませましたが、エラーが出てしまいます。

<作成したファイル>

Screenshot – de575ba456b5f0ecc3b566757a8a08a4 – Gyazo

gyazo.com

<コード>

function add_link_files() {

  wp_enqueue_style( 'common',　get_stylesheet_directory_uri().'/common.css' );

}
add_action( 'wp_enqueue_scripts', 'add_link_files' );

<エラー内容>

wp-content/themes/snow-monkey/functions.php ファイルの134行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。

Uncaught Error: Call to undefined function 　get_stylesheet_directory_uri() in wp-content/themes/snow-monkey/functions.php:134
Stack trace:
#0 wp-includes/class-wp-hook.php(310): add_link_files('')
#1 wp-includes/class-wp-hook.php(334): WP_Hook->apply_filters(NULL, Array)
#2 wp-includes/plugin.php(517): WP_Hook->do_action(Array)
#3 wp-includes/script-loader.php(2225): do_action('wp_enqueue_scri...')
#4 wp-includes/class-wp-hook.php(310): wp_enqueue_scripts('')
#5 wp-includes/class-wp-hook.php(334): WP_Hook->apply_filters(NULL, Array)
#6 /home/c1799180/public_html/demo-kaitori

<エラー画面のスクリーンショット>

Screenshot – 585d9e5d256065ca4059c9fc409e625a – Gyazo

gyazo.com

お忙しい中申し訳ありませんが、ご確認のほど、宜しくお願いいたします。

♥ 0

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

[キタジマ タカシ]

Snow Monkey に限らず、あらゆる配布テーマ・配布プラグインの中に独自のファイルを配置するのは NG です。テーマやプラグインをアップデートするとネット上から最新のファイルをダウンロードしてきてそのテーマ・プラグインの中のファイルをまるっと削除して置き換えるので、その独自ファイルも消えてしまうためです。

Snow Monkey ディレクトリの中にファイルをつくるのは NG なので、子テーマや独自プラグインの中にファイルをつくるのが良いです。Snow Monkey は独自プラグインの雛形として My Snow Monkey という空のプラグインを提供しています（マイアカウントページからダウンロードできます）。

My Snow Monkey に CSS ファイルを配置して読み込む方法は下記の記事が参考になります。

My Snow MonkeyからCSSファイルを追加してスタイリングする方法

Snow Monkeyのカスタマイズの基本は、CSSによるスタイリングではないでしょうか？ こちらでは、My …

happy-snow-monkey.olein-design.com

♥ 0

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

[松浦司]

キタジマ様

ご返信ありがとうございます。

My Snow Monkeyをプラグインとして読み込み、style.cssを作成したところ、
無事に解決しました！

これからは追加CSSではなく、こちらに記述していくようにします。

ありがとうございました！

♥ 1

いいねをした人:

[投稿者]

投稿