- このトピックには4件の返信、2人の参加者があり、最後に
により3年、 11ヶ月前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】10.4.1
【お使いのブラウザ】Safari 13.1
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）===
はじめまして。とても楽しくSnow Monkeyを使っています。
ページごとに背景色を変えたいと考えています。
テンプレートは同一のもの（１カラム）を使います。どのようにカスタマイズすれば可能か教えていただけないでしょうか。
ただ、、、初心者には荷が重いカスタマイズであれば、もう少し覚えてから
という選択肢も考えています。宜しくお願い致します。
いいねをした人: 居ませんSnow Monkey 自体にはそのような機能はないので、CSS でカスタマイズすることになります。
ブラウザーのデベロッパーツールかソースを表示する機能でそのページの HTML を確認してみてください。各ページごとに、
<body>にclassが付与されているのが確認できると思います。例えば固定ページであればpage-id-xxxxx、投稿であればpostid-xxxxxのような感じです。classを確認できたら、カスタマイザー → 追加 CSS に下記の CSS を追加してみてください。
例えば下記はclassがpage-id-11111な固定ページの背景をpinkにする CSS です。.page-id-11111 { background-color: pink; }このような CSS をページ分追加することになります。
いいねをした人: 居ません回答ありがとうございました。
僕のミスだと思うのですが、いただいた追加CSSをベースに書き換えてみたのですが、反映されませんでした。
以下が、そのサイトアドレスです。
ページのid番号は、以下のようにしました。
page-id-583
page-id-588
page-id-654
postid-678
大変申し訳ありませんが、もう一度、アドバイスいただければと思います。
お手数おかけしますが、宜しくお願い致します。
いいねをした人: 居ませんいま、追加 CSS に
.c-drawer { transition-duration: 1s; } .c-drawer[aria-hidden=false] { transition-duration: 1s; .smb-section__title::after { display: none; } @media (max-width: 639px) { .hoge { font-size:1rem !important; } } .page-id-583 { background-color: #FFCC99; } .page-id-588 { background-color: #CCCC99; } .page-id-654 { background-color: #CC9966; } .postid-678 { background-color: #0099FF; }という CSS を入力されていると思いますが、
.c-drawer[aria-hidden=false]の部分が閉じていないようです。.c-drawer[aria-hidden=false] { transition-duration: 1s; }となるように修正してみてください。
いいねをした人: 居ません
- トピック「背景色をページごとに変えたい」には新しい返信をつけることはできません。