[JKDECOR]

ありがとうございます！！！！

早速修正したのですが、

なぜかやっぱりPCだけ変わりません。。。

まだ他に何か原因として考えられるものはありますでしょうか？？

♥ 0

Who liked: No user

[GONSY]

ソースコードを拝見したら、メディアクエリのスマホ画面用のCSSが}がなく、閉じてないようです。

/*****  mobile  *****/
@media (max-width: 420px) and (min-width: 321px){
div.yyi-rinker-contents div.yyi-rinker-box {
    flex-direction: column;
}
div.yyi-rinker-img-m div.yyi-rinker-image, div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    width: 100%;
}
	div.yyi-rinker-contents div.yyi-rinker-info {
    margin-left: 0px;
    text-align: center;
    margin-top: 12px;
}
	
 /*目次のH3を●にする*/
	.wpco .contents-outline ol ol {
	list-style: disc!important;
	padding-left: 5em!important;
}

.wpco .contents-outline li li > a {
	padding-left: 0!important;
}

.wpco .contents-outline li li > a::before {
	display: none!important;
}

/*目次のH3を●にする*/の前に}を入れてみてください。

♥ 2

Who liked:

[JKDECOR]

GONSYさん

ありがとうございます！！
今早速試してみたのですが、変化がなくて。。。

 

私の場合、目次を追加購入した最初の見出しウィジェットエリアに追加してすべての記事に反映しているのでまたそれだと違うのでしょうか？

♥ 0

Who liked: No user

[GONSY]

importantまつりになってしまいますが、こんな感じで近い見た目になると思います。

.wpco .contents-outline ol ol {
	list-style: disc!important;
	padding-left: 5em!important;
}

.wpco .contents-outline li li > a {
	padding-left: 0!important;
}

.wpco .contents-outline li li > a::before {
	display: none!important;
}

お試しください。

♥ 2

Who liked:

[GONSY]

このセクションの見出しだけスマートフォン表示でフォントサイズを小さくしたい場合、ブロックを選択した状態で右メニューの一番下にある「高度な設定」の「追加 CSS クラス」で固有のクラス名（例：sp-resize）をつけて

@media ( max-width: 480px) { 
	.sp-resize .smb-section__title span {
	  font-size: 18px;
	}
}

でやるのはいかがでしょうか？

♥ 2

Who liked:

[GONSY]

1行メニューの全幅なら、カスマイズ→デザイン→ヘッダーの設定でできますが、カスマイズについての質問なので、このことではない気もしますが。。。

もしかして、ドロップダウン・ナビゲーション（.l-header__drop-nav）のことでしょうか？
だとしたら、こちらを参考にテンプレートを書き換える必要があると思います。

Snow Monkey でテンプレートの内容を書き換えるフィルターフック

通常、WordPress テーマでテンプレートの内容を書き換えたい場合は、子テーマを用意して上書きしたいテンプ…

snow-monkey.2inc.org

♥ 3

Who liked:

[Kumai Kazuyuki]

カスタマイザーの追加 CSS に下記が書かれているからですね。

.c-entry-summary__meta {
	display: none;
}

♥ 3

Who liked:

[JKDECOR]

/* お知らせの文字を小さく */
.p-infobar__content {
font-size: 80%;
}

これだと文字サイズ変わりませんでした。
何かまちがえていますでしょうか？

♥ 0

Who liked: No user

[鈴木琳太郎]

【お使いの Snow Monkey のバージョン】14.3.2
【お使いの Snow Monkey Blocks のバージョン】11.3.1
【お使いの Snow Monkey Editor のバージョン】5.0.6
【お使いのブラウザ】chrome
【当該サイトのURL】 d4a30a06a956.ngrok.io

### 発生している問題

ローカル環境でwebサイトを作成していた際に、ローカル環境(自分のパソコン上)では、画像が表示されるのですが、お送りしたurl上でクライアント様に確認していただいたところ画像が表示されません。

### 試したこと

画像のurlの確認をしました。プラグインなども確かめました。

[KogaHiromichi]

早速にありがとうございます！！！（涙

add_filter(
	'snow_monkey_get_template_part_args_template-parts/common/entries/entries/posts',
	function( $args ) {
		if ( 'ir' === $args['name'] ) {
			$args['vars']['_display_item_terms'] = true;
			$args['vars']['_display_item_meta'] = true;
		}
		return $args;
	}
);

日付情報とターム名を表示したいので、上記としました。
まだまだわからないことも多いですが、このテーマのカスタマイズ感の良さに平伏しておりますw

♥ 1

Who liked:

[キタジマ タカシ]

設定をデフォルトにすると c-entry-summary__meta が非表示になってしまうんですが、

これはターム名のラベルの表示が、ということですよね？

ターム名のラベルの表示はテンプレート引数をフックで書き換えることで変更できます。

タームをビューテンプレートはデフォルトのままで、

add_filter(
	'snow_monkey_get_template_part_args_template-parts/common/entries/entries/posts',
	function( $args ) {
		if ( 'カスタム投稿タイプ名' === $args['name'] ) {
			$args['vars']['_display_item_terms'] = true;
		}
		return $args;
	}
);

とするとどうでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

一応補足すると、みしまさんが書かれている

セクションをスマホ用とPC用で出し分けされたい場合は、２つのセクションを作って、それぞれのセクションを選択した状態で右側のブロックのオプション→表示設定（ウィンドウサイズ）で、スマートフォンで非表示などのトグルをそれぞれの状況にあわせてONにするのが手軽かと思います。

は Snow Monkey Editor プラグインの機能です。僕もこれを使うのが簡単だと思います。

HTMLのコードごと消えてしまうため、再表示できない

CSS では HTML のコードを消すことはできないので、本当に消えているのであれば記事の保存に失敗している？等、何か CSS 以外の問題があるのだと思います。

♥ 1

Who liked:

[キタジマ タカシ]

セレクタは独自にクラスを追加して調整してもらうのが良いと思いますが、例としては以下のような感じでしょうか。

.smb-slider:first-child + * {
  margin-top: 0 !important;
}

♥ 1

Who liked:

[キタジマ タカシ]

こちらを参照してください。

My Snow Monkey でテンプレートの追加/上書きをできるようにする（テンプレートルートの追加）

1. My Snow Monkey プラグインを用意する 下記のページを参考に My Snow Monkey …

snow-monkey.2inc.org

ただ、フックを使うことになるので、やっていることの理解が難しそうであれば子テーマを使って上書きするのが無難だと思います。

♥ 0

Who liked: No user

[みしま]

こんばんわ。
セクションを選択している状態で、右側のブロックオプション→高度な設定→追加CSSクラスで、クラス名を追加されてCSSでカスタマイズもできなくはないと思います。しかし、セクションがどのように配置されているかと、クラスが正確に追加されているかなどが把握できませんので、あまり具体的にお伝えがしずらいです。

もし、２つのセクションを入れ子にされている場合は、子になっている側のセクションは親のセクションが非表示のときには消えるかと思います。子の要素にたいしてdisplay:block;を指定しても、外側の要素、親の要素が非表示であれば、中身も消えます。その場合、見た目を変えるためにセクションを入れ子にするのではなく、メディアクエリの指定で見た目の装飾を画面サイズによって変更されたほうがいいかと思います。

セクションをスマホ用とPC用で出し分けされたい場合は、２つのセクションを作って、それぞれのセクションを選択した状態で右側のブロックのオプション→表示設定（ウィンドウサイズ）で、スマートフォンで非表示などのトグルをそれぞれの状況にあわせてONにするのが手軽かと思います。

♥ 1

Who liked: