[キタジマ タカシ]

target="_blank" は出力するけど rel は出力するようにはしていないので、なんで rel が出力されているのかはパッとはわからないのですが、下記のようなコードを My Snow Monkey プラグイン（あるいは子テーマの functions.php）に追加することで属性を追加できます。

add_filter(
	'snow_monkey_oembed_blog_card_template',
	function( $template, $cache ) {
		// リンク先が https://snow-monkey.2inc.org/ の場合
		if ( 'https://snow-monkey.2inc.org/' === $cache['permalink'] ) {
			$p = new \WP_HTML_Tag_Processor( $template );

			if ( $p->next_tag( 'a' ) ) {
				// 属性を追加
				$p->set_attribute( 'rel', 'nofollow noreferer' );
			}

			$template = $p->get_updated_html();
		}
		return $template;
	},
	10,
	2
);

♥ 0

Who liked: No user

[キタジマ タカシ]

実際のページを見てみないとなんともわかりませんが、まずは画像の URL が正しいものか確認するのが良いと思います（http になっているので念の為）。正しいようであれば、他の CSS で上書きされているのかもしれません。

あと、セレクタが header だと、header 要素を使っている全ての場所に反映されてしまうので、.l-header にするのが良いのかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

コアのテーブルブロックだと、色や角丸の設定はないので CSS で頑張る必要があります。

僕は使ったことがないのですが、Flexible Table Block でつくってみるとどうでしょうか？セルごとに色や角丸の設定ができるみたいなので、試してみるとよいのかなと思います。

Flexible Table Block

Flexible Table Block は、自由な構成でテーブルを作成できる WordPress のブロックエディター用カスタムブロックプラグインです。

ja.wordpress.org

♥ 0

Who liked: No user

[キタジマ タカシ]

追加CSSに貼り付けてもうまくいかないのですが、どこか別の場所に貼り付けるのでしょうか？

提示したコードは CSS ではなく PHP なので、追加 CSS への貼付けでは動作しません。

コード無しでカスタマイズロゴにリンクを貼るのは無理でしょうか？

ロゴのリンク先は設定項目がないので、コードでカスタマイズする必要があります。
Snow Monkey の場合は、My Snow Monkey というカスタマイズ用のプラグインを用意しているので、それを使うんが簡単だと思います。

詳しくは下記のページをご確認ください。

Snow Monkey のカスタマイズは子テーマよりプラグインがオススメ！プラグインの雛形をダウンロードできるようにしました

子テーマの問題点 一般的に、テーマの設定では対応できないカスタマイズについては、子テーマを用意し、コードを書い…

snow-monkey.2inc.org

♥ 0

Who liked: No user

[キタジマ タカシ]

追加cssに書くのと、my snow monkeyのcssに書くのは違うのですね・・・
（my snow monkey側書いても反応しませんでした・・・）

CSS が出力されるタイミングが違うので、セレクタの詳細度によっては反映される・されないがある場合があります。そういうときはセレクタの詳細度を強めるか、!important をつけると良いです。

♥ 0

Who liked: No user

[キタジマ タカシ]

カスタムロゴを使っているところ全部だとすると、下記のコードでどうでしょうか。

add_filter(
	'get_custom_logo',
	function( $html ) {
		$html = str_replace(
			'href="' . esc_url( home_url( '/' ) ) . '"',
			'href="tel:000-0000-0000"',
			$html
		);
		return $html;
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

下記の CSS を、カスタマイザーの追加 CSS か独自の CSS ファイルに追加してみるとどうでしょうか？

@media (any-hover: hover) {
  .c-entries__item > a:hover .c-entry-summary__figure > img {
    filter: none;
  }
}

♥ 0

Who liked: No user

[キタジマ タカシ]

@まーちゅうさん
ありがとうございます！

一応スクショはっておきます。

♥ 1

Who liked:

[キタジマ タカシ]

コンテンツスライダーブロックの一番外側（.smb-spider-slider）に overflow: hidden がついているからですが、これなくても良い気がしますね…。ちょっと消す方向で変更を入れようとと思いますが、とりあえず下記の CSS を追加したら外に配置できるようになるか、他に不具合がでないか、試してみてください！

.smb-spider-slider {
  overflow: visible;
}

♥ 0

Who liked: No user

[キタジマ タカシ]

カスタム投稿タイプを使われているので、「任意のタクソノミーの投稿」ブロックではなくて、「最近の投稿」ブロックで投稿タイプを指定（案件紹介）するのが良いのかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

「カテゴリー（WP コア）」にチェックを入れているのは必須なのでしょうか？ もし使っていないのであれば、チェックを外すとどうですかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

僕もやりたいとは思っていて issue も立ててるんですけど、Snow Monkey Forms にどうこうの前に、Cloudflare Turnstile を普通にどう実装するものなのかがイマイチよくわからなくて、なかなか進められていないんですよね…。

Cloudflare Turnstile 対応 · Issue #191 · inc2734/snow-monkey-forms

参考 https://github.com/rocklobster-in/contact-form-7/tree/master/modules/turnstile https://qiita.com/khayama/items/524c2b11087a974f46e6

github.com

一般的なフォームにこう実装する的なサンプルがあれば組み込みやすいのですが…。

♥ 0

Who liked: No user

[キタジマ タカシ]

①ページ上部に中央寄せの大きな画像、その下に2カラム（片方はテキスト、片方は画像）のレイアウト

下記のレイアウトであっていますか？

②中段の「PICK UP」のような小さな商品画像が横に並ぶギャラリー（サムネイルの均一な見た目）

下記のスライダーであっていますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

@まーちゅうさん
ありがとうございます！aria-hidden ですね。

@mtmekj さん
ドロップナビ（スクロールするとでてくるメニュー）は「画面サイズ」と「スクロールされているかどうか」が表示するかどうかの基準になるため、リサイズすると一旦非表示になるようにしています（表示されていはいけない画面サイズのときに表示されないようにするため）。

「スクロールされているかどうか」の判定は IntersectionObserver を使っているのですが、これは処理が軽いメリットがあるものの、まーちゅうさんが書かれているように一番上まで戻らないと再表示されなくなります。onScroll でスクロール位置を常に監視すれば一番上まで戻らなくても再表示できるようになりますが、処理が重くなるので、リサイズしながら閲覧するユーザーが少ないと想定すると、処理を重くしてまで onScroll に変えたほうが良いのかは疑問です。

ということで、現状では

– リサイズするとドロップナビは非表示になる
– リサイズで非表示になった場合は、一度一番上までスクロールしないとドロップナビは表示されない

が仕様になります。

♥ 0

Who liked: No user

[キタジマ タカシ]

ちょっと状況が想像できないので、実際にその現象を確認できるページの URL をここに共有してください！

♥ 0

Who liked: No user

[投稿者]

投稿