[キタジマ タカシ]

下記の記事によくまとめられていたので確認してみてください。

Snow Monkey Blocksのアラートブロックの配色変更方法

Snow Monkeyプロダクトの１つにSnow Monkey Blocksとものが用意されています。こちらは…

happy-snow-monkey.olein-design.com

♥ 0

Who liked: No user

[キタジマ タカシ]

「黄色、赤、緑、灰色の色を調整したい」であれば CSS でそれぞれ指定してカスタマイズする形になります。

「黄色、赤、緑、灰色は使うけれども、その他の色のパターンも追加したい」であればちょっと難しいかもしれません。

アイコンが不要であれば、ボックスブロックを使うてもあるかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

My Snow Monkey 用のコードの一部に誤り（投稿時に自動的に書き換えられたのかも？）があったので一応修正したものを貼っておきます。

add_filter(
	'wp_oembed_blog_card_blog_card_template',
	function( $html, $cache ) {
		$url = '';
		preg_match( '/<a>/mis', $html, $matches );
		if ( is_array( $matches ) && 1 <= count( $matches ) ) {
			$url = $matches[1];
		}
		if ( 0 === strpos( $url, home_url() ) ) {
			$target = '_self';
		} else {
			$target = '_blank';
		}
		$cached_time = isset( $cache['cached_time'] ) ? date_i18n( 'd/m/y H:i:s', $cache['cached_time'] ) : null;
		ob_start();
?>
<div class="wp-oembed-blog-card" data-cached-time="<?php echo esc_attr( $cached_time ); ?>">
	<div class="wp-oembed-blog-card-label"><span style="" class="wp-oembed-blog-card-label-text">あわせて読みたい</span></div>
	<a href="<?php echo esc_url( $url ); ?>" target="<?php echo esc_attr( $target ); ?>">
		<?php if ( $cache['thumbnail'] ) : ?>
		<div class="wp-oembed-blog-card__figure">
			<img src="<?php echo esc_url( $cache['thumbnail'] ); ?>" alt="">
		</div>
		<?php endif; ?>
		<div class="wp-oembed-blog-card__body">
			<div class="wp-oembed-blog-card__title">
				<?php echo esc_html( $cache['title'] ); ?>
			</div>
			<div class="wp-oembed-blog-card__more">
				<p class="wp-oembed-blog-card-more">続きを見る
			</div>
		</div>
	</a>
</div>
<?php
		return ob_get_clean();
	},
	100,
	2
);

追加CSSのブログカードに関する記述だけを削除しても変わらず、マイスノウモンキーのプラグインも無効化したら編集画面でも表示されたので

My Snow Monkey 自体を無効化するのではなくて、上記のブログカードに関する部分のコードだけ削除するとどうなりますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

これは Snow Monkey Blocks のスライダーの仕様的に実装は難しい気がします…。他のスライダーブロックやスライダーブロックを使ったほうが良いかもです。

♥ 0

Who liked: No user

[キタジマ タカシ]

スクショありがとうございます。ページタイトルを CSS で消している感じですかね。

「1カラム」はページタイトルの上に余白を設けたいため、基本的には .l-contents__inner に余白が付くようになっています。
CSS でやる以外だと下記の対応が考えられるかなと思います。

### カスタマイザー→デザイン→固定ページ設定→アイキャッチ画像の位置を「ページヘッダーの上にタイトルを表示」にする

今セクションブロックを最上部に入れてタイトル + 背景画像にされているようですが、それをやめて、タイトル + アイキャッチ画像を表示させる方法です。ただ、背景画像をどのように表示するかの設定は無いので、こだわりがあるようであれば結局 CSS での調整は必要になるかなと思います。

### 「1カラム」ではなく「フル幅」にする

フル幅テンプレートであれば余白がつきません。
が、コンテンツエリアがフル幅になるので、コンテンツ部分はコンテナーブロックやセクションブロックを使って調整が必要になるかもしれません。

♥ 0

Who liked: No user

[キタジマ タカシ]

解決できて良かったです！
解決済みということで、トピックのクローズをお願いします。

♥ 0

Who liked: No user

[キタジマ タカシ]

普段1カラムを使用しているのですが、パンくずリスト用と思われる余白が上下に現れます。

これトップページだけじゃなくて、全てのページでってことですかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

なるほど！ Basic 認証をしているとタイトルが取得できないからですね。

トピックのクローズをお願いします！

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey のブログカードは、WordPress デフォルトのブログカードとは表示の仕組みが異なります。

URL しか表示されない場合は、リンク先のページのタイトルが正しく取得できていない可能性があります。

wp-oembed-blog-card/src/App/Model/Parser.php at master · inc2734/wp-oembed-blog-card

Contribute to inc2734/wp-oembed-blog-card development by creating an account on GitHub.

github.com

実際のページを見てみないとわかりませんが、例えば SEO 系のプラグイン等を入れていてタイトルタグの出力がデフォルトから変わっていると現象が発生する可能性があるかもしれません。

♥ 0

Who liked: No user

[キタジマ タカシ]

「左ヘッダー」レイアウトは、ヘッダーをブラウザの左側に固定表示（ヘッダーの内容が多いときはそのヘッダーの中でスクロール）するためのレイアウトなので、基本的には中央に寄せることはできません。

やるとすれば GONSY さんが書いてくださったように CSS でやることになりますが、ヘッダーの内容が多いときのヘッダーのスクロールはしなくなると思うので、挙動は変わってしまいます。その点は注意が必要かなと思います。

♥ 1

Who liked:

[キタジマ タカシ]

そのようなパターンがあるのですね！ 情報共有ありがとうございます。FAQ にも追記しておきたいと思います。
トピックのクローズをお願いします！

♥ 1

Who liked:

[キタジマ タカシ]

Local で確認してみましたが、僕の環境だと正しく認証状態になりました。

Local 自体に WAF 機能は無かったと思うので、もしセキュリティ系のプラグインを入れている場合は停止させてみてください。また、.htaccess に何か制限を加えるようなものを追加している場合は元に戻してみてください。

あとは

– ライセンスキーにコピペミスは無いか
– そのライセンスキーのサブスクは有効状態か

を確認してみてください！

♥ 1

Who liked:

[キタジマ タカシ]

自分のサイトで確認してみましたが、編集画面でも実際の画面と同じように表示されていました。

一旦ブログカード用に追加した CSS を全部消してみるとどうでしょうか？
（戻せるように適当なテキストファイルにバックアップをとっておくことをオススメします）

また、表示されなくなる前に何かやった作業があるなら教えてください。
（何かのプラグインのアップデートや、何かの設定の変更等）

♥ 0

Who liked: No user

[キタジマ タカシ]

この公式サイトのグローバルナビゲーションの「ホーム」のところにホバーしてもらうと、各レイアウトのページが確認できるようになっています！

なのでそこを見ていただくのがわかりやすいかなと思いますが、ご認識通り、フル幅はあくまでコンテンツエリアが全幅になるだけで、タイトル等表示されます。

ヘッダーフッターやタイトル等何もなくなるのは「ランディングページ」テンプレートになります。
特にどういうとき用というのはなくて、色々種類があったほうがユーザーさんが自分でつくらずに済む状況が増えるかな、という感じなので、使えそうな状況がきたときに使っていただければ良いのかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

シンプルに文字列置換しているだけのコードなので、置換処理を追加すれば大丈夫だと思います。

// template-parts/nav/drawer の HTML を書き換え
add_filter(
	'snow_monkey_template_part_render_template-parts/nav/drawer',
	function( $html ) {
		$html = str_replace(
			"placeholder=\"検索 …\"",
			"placeholder=\"検索できます\"",
			$html
		);

		$html = str_replace(
			"<button class=\"c-input-group__btn\">検索</button>",
			"<button class=\"c-input-group__btn\">Search</button>",
			$html
		);

		return $html;
	}
);

♥ 0

Who liked: No user

[投稿者]

投稿