【当該サイトのURL】
### 実現したいこと
投稿の一覧で、各投稿のカテゴリーを複数表示にしたい。
カテゴリーの設定はリノベーション、トイレ、キッチンです。
解決方法があればご教授お願い致します。
初めての投稿なので、失礼があった場合はすみません。
### 発生している問題
カスタマイズ方法を設定しましたが、
カテゴリーが縦に並ばず、既存の位置に重なりあっていて、当該サイトのように表示されない。
同意モードについては下記のドキュメントを参照いただけると良いかと思います。
同意設定を管理する（ウェブ） | Security and Privacy hub | Google for Developers
https://developers.google.com/tag-platform/security/guides/consent?hl=ja
Cookie 同意バナーを利用している場合、同意の状況に応じて Google タグマネージャーがタグをコントロールしてくれるのがこの同意モードなのですが、当方が利用している Cookie 同意バナーの場合、これを利用するにあたっては Google タグマネージャーのスクリプトよりも前に下記のスクリプトを実装する必要があるようです。
EU の法律（GDPR）的には、EU 圏内からのアクセスに対しては Cookie の利用に際して同意を得ないとならないので Cookie 同意バナーを導入しているのですが、同意バナーの利用＆同意モードの実装はまだレアケースだと思うので、短期的には機能として提供いただくほどのものではなさそうですが、長期的に見ると日本を含めて法律がどうなるかによっては需要があるのかな･･･ぐらいの感覚です。
どうぞよろしくお願いいたします。
<!-- STRIGHT ONE Google Consent Mode Tag Start -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {dataLayer.push(arguments);}
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied',
'functionality_storage': 'denied',
'personalization_storage': 'denied',
' security_storage': 'denied'
});
const cmd = "yuwai-inc.jp";
const matches = document.cookie.match(new RegExp(
"(?:^|; )" + "cookie_consent_gcm_data".replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
));
let val = null;
if (matches) {
cData = JSON.parse(decodeURIComponent(matches[1]));
if (cmd === cData.cmd) {
val = cData.gGcType;
}
}
if (!val) {
const lData = localStorage.getItem('cookie_consent_gcm_data');
if (lData) {
const lCmdData = JSON.parse(decodeURIComponent(lData))[cmd];
if (lCmdData) {
val = lCmdData.gGcType;
}
}
}
if (val) {
let updateVal = {};
for (let i = 0; i < val.length; i++) {
updateVal[val[i]] = 'granted';
}
if (Object.keys(updateVal).length !== 0) {
gtag('consent', 'update', updateVal);
}
}
</script>
<!-- STRIGHT ONE Google Consent Mode Tag End -->
・Safariのファーストビューのメインコピーが表示されないです
Snow Monkey Editor のアニメーション機能を使用されていると思うのですが、スクロールと要素の位置でアニメーションが発火（フェードインの実行）する仕組みになっているので、一番最初の要素だとそれがうまく動かないみたいです。後で修正できるか調査してみようと思いますが、とりあえずその部分についてはアニメーションを外すのが良いかなと思います。
・Chromeのインライン画像の位置がおかしくなり、行がずれて表示されていたり、離れすぎて表示されています。アイコンリストも左に寄りすぎています。
Safari と Chrome で確認してみたのですが、どちらもスクショいただいたような表示は確認できませんでした。シークレットブラウザで見てもスクショのような崩れが発生しますか？
【お使いの Snow Monkey のバージョン】28.0.4
【お使いの Snow Monkey Blocks のバージョン】23.0.2
【お使いの Snow Monkey Editor のバージョン】10.1.2
【お使いのブラウザ】Chrome,Safari,Firefox
【当該サイトのURL】https://bestwishes.website/
### 実現したいこと
すべてのブラウザで多少の誤差は仕様がないものの、ほぼ同じに見えるようにしたい（特に大きなレイアウト崩れや表示の違いは避けたい）
### 発生している問題
Chromeのインライン画像や、ボックスの中のアイコンリストに位置、Safariのファーストビューの表示が崩れてしまいます。
具体的には、
・Chromeのインライン画像の位置がおかしくなり、行がずれて表示されていたり、離れすぎて表示されています。アイコンリストも左に寄りすぎています。
・Safariのファーストビューのメインコピーが表示されないです。
制作中はすべてのブラウザで正しく表示されていました。
制作完了して、数日経ってレスポンシブ対応しようとしたところ、現状Firefoxだけ正しい表示になり、ChromeとSafariが崩れて
### 試したこと
検証ツールで該当の要素のコードを確認しました。
Snowmonkeyの各バージョンの確認などを行いました。
よろしくお願いいたします。
ヘッダーコンテンツはヘッダーに内包されるので、スクロール時にヘッダーコンテンツが消えるというよりはヘッダーがスクロールとともに隠れるということかな？と思ったのですが認識はあっていますか？
もしあっているのであれば、ヘッダーがスクロールで隠れないようにするしかないと思うので、ヘッダー位置の固定表示を試してみると良いかもしれません。
あるいは、ドロップナビゲーション（スクロールすると上からにゅっとでてくるナビゲーション）にも Facebook アイコンを表示したいということであれば、ヘッダーコンテンツを使わずに、メニューに Facebook アイコンを追加するのが簡単だと思います。メニューでカスタムリンクを追加するときに「リンク文字列」に FontAwesome が使用できます。
ご回答ありがとうございます。
確認したところ「Advanced Custom Fields」プラグインで「カスタムCSS」というフィールドを作成しているようでしたが、このフィールドの更新がなぜか反映されないようになっていました。（フィールドの新規作成は可能でした）
原因はAdvanced Custom Fields側にあるようなので、引き続き調査してみます。
お手数をおかけしました・・・
はっきりした原因はまだわからないのですが、下記の変更でエラーはなくなりそうです。一度試してみてください！
snow-monkey-forms/App/Controller/Invalid.php の
protected function set_controls() {
$controls = array();
$setting_controls = $this->setting->get_controls( false );
foreach ( $setting_controls as $name => $_controls ) {
$value = $this->responser->get( $name );
$error_messages = $this->validator->get_error_messages( $name );
foreach ( $_controls as $i => $control ) {
$control->save( $value );
$controls[ $name ][ $i ] = $error_messages[ $i ]
? $control->invalid( implode( ' ', $error_messages[ $i ] ) )
: $control->input();
}
}
return $controls;
}
を
protected function set_controls() {
$controls = array();
$setting_controls = $this->setting->get_controls( false );
foreach ( $setting_controls as $name => $_controls ) {
$value = $this->responser->get( $name );
$error_messages = $this->validator->get_error_messages( $name );
foreach ( $_controls as $i => $control ) {
$control->save( $value );
$error_message = $error_messages[ $i ] ?? false;
$controls[ $name ][ $i ] = $error_message
? $control->invalid( implode( ' ', $error_message ) )
: $control->input();
}
}
return $controls;
}
に変更。
同じエラーが出るようです・・・
予期しない問題が発生しました。 後でもう一度やり直すか、他の方法で管理者に連絡してください。
(status: SyntaxError: Unexpected token ‘<‘, “<br /> <b>”… is not valid JSON
あ！ちょっと怪しいところをみつけたので、可能であれば下記も試してみてください（無理そうなら大丈夫です）。
snow-monkey-forms/App/Model/Validator.php の
protected function _set_validation_map( Setting $setting ) {
$validation_map = array();
foreach ( $setting->get_controls( false ) as $name => $_controls ) {
foreach ( $_controls as $control ) {
$validations = $control->get_property( 'validations' );
if ( ! $validations ) {
continue;
}
$validation_map[ $name ][] = (array) $validations;
}
}
return $validation_map;
}
を
protected function _set_validation_map( Setting $setting ) {
$validation_map = array();
foreach ( $setting->get_controls( false ) as $name => $_controls ) {
foreach ( $_controls as $i => $control ) { // ← この行を変更
$validations = $control->get_property( 'validations' );
if ( ! $validations ) {
continue;
}
$validation_map[ $name ][ $i ] = (array) $validations; // ← この行を変更
}
}
return $validation_map;
}
に変更。
サーバーのエラーログは以下の通りでした。何かわかりそうでしょうか？(ドメイン名伏せています。)
[Thu Feb 20 22:17:54.119658 2025] [proxy_fcgi:error] [pid 1183104:tid 140554430596864] [client 119.24.85.212:58062] AH01071: Got error ‘PHP message: PHP Warning: Undefined array key 0 in /home/xs129397/xxx.or.jp/public_html/wp/wp-content/plugins/snow-monkey-forms/App/Controller/Invalid.php on line 31’, referer: https://xxx.or.jp/volunteer_application_form/
このサイト上複数のフォームを利用しているのですが、エラーにならないフォームとなるフォームがあります。
エラーにならないフォームはデフォルトの名前とメールアドレス、メッセージのみの項目で、エラーになるフォームはチェックボックスなど他の項目も追加しています。
サイトのカスタマイズはすべてmy snow monkeyを通してしているのですが、my snow monkeyのフォルダをリネームして実行しても同じ結果でした。必要でしたらmy snow monkeyのソースも貼ります。
お手数おかけしますがよろしくお願いいたします。m(_ _)m
一応このサイトと、テストサイトを立てて2つの環境で試してみたのですが、エラーは確認できませんでした。
なのでフックでカスタマイズしていると発生するとか、何らかの設定やその組み合わせで発生するのかもしれません。
もし PHP でカスタマイズをされているようであればどのようなカスタマイズをしているのかも教えてください！
んーこうですかね？
<a class="administrative-scrivener-tag--<?php echo esc_attr( $post_tag_term->slug ); ?>" href="<?php echo esc_url( get_term_link( $post_tag_term ) ); ?>"><?php echo esc_html( $post_tag_term->name ); ?></a>
id は個別になるようにしていたので、その値を class に移しました。細かい要件は僕にはわからないので、ご自身で調整してみてください！
①各タクソノミーにclassの付与方法
この辺は普通の HTML と同じなので、自分がつけたいところに class を追加すれば良いです。例えば。
<a href="<?php echo esc_url( get_term_link( $post_tag_term ) ); ?>"><?php echo esc_html( $post_tag_term->name ); ?></a>
↓
<a class="administrative-scrivener-tag" href="<?php echo esc_url( get_term_link( $post_tag_term ) ); ?>"><?php echo esc_html( $post_tag_term->name ); ?></a>
②IDがあるのであれば知りたいです。
ID というのはどういう意味ですかね…？単純に class と一緒に付与する id 属性ということでしょうか？
もしそうだとするなら、これも自分で好きな値で id を追加すれば良いです。スラッグは他と被らないはずなので、slug を使うのが良いのではないでしょうか（もしくは term_id）。
<a id="administrative-scrivener-tag--<?php echo esc_attr( $post_tag_term->slug ); ?>" class="administrative-scrivener-tag" href="<?php echo esc_url( get_term_link( $post_tag_term ) ); ?>"><?php echo esc_html( $post_tag_term->name ); ?></a>
お世話になります。
先程のメッセージが完了と思わせる内容でしたので再送させていただきます。
※最後に下記どちらかの方法をご教授をお願いできますと幸いです。
①各タクソノミーにclassの付与方法
②IDがあるのであれば知りたいです。
【行いたいこと】
①か②を知ることにより各タクソノミーに装飾したい(css)
ご確認の程よろしくお願い申し上げます。
表示できました！
有難うございます！
各タクソノミーに背景など装飾を足したいのですが、classの付与やIDを使用することはできるのでしょうか。
装飾ができましたらイメージ通りにまります。
最後までお付き合いいただけますと幸いです。
