フォーラムへの返信
-
投稿者投稿
-
Simple Local Avatars というプラグインを使っています!
ボタンが押せなくなったタイミングで、ブラウザのコンソールに何かエラーがでてませんかね?
♥ 0Who liked: No user詳しくありがとうございます!`
スクショをみた感じだと、「ソース」に
new_image.js
があるので、読み込みはできているのかなと思いましたがどうでしょうか? 読み込みに失敗してたら多分「ソース」には表示されないと思うので。`topページでjavascriptが読み込まれるかどうかを下記のコードのように記述してみましたが、検証ツールのコンソールでは、値(test)だけの状態で表示されません。
上記はどういう意味でしょうか?「ソース」では
console.log("test");
とでているけど、「コンソール」にはtest
と出力されないということですかね?♥ 0Who liked: No userあくまで直感レベルですが、この用途でウィジェットエリアを追加するのはちょっと厳しいのかなと感じました。
理由としては下記が大きいかなと思います。
– ウィジェットエリアがブロック化されたことで、ウィジェットエリア・ウィジェットはブロックと従来の2種類をメンテしないといけなくなったため、今回のような特殊なウィジェットエリアを新たに追加するのは更にメンテナンスコストが高くなってしまう。
– 今回の場合、横幅や表示位置を固定することになると思いますが、ウィジェットは多種多様なので、例えばその幅ではきれいに表示できないウィジェットの対応をどうするかとか、固定表示であるがゆえに、縦に長かったり、複数個入れたりしたときにはみでてしまった部分をどうするかなど、考えないといけないことが多い。表示したい位置や大きさはサイト(やページ)によって違うと思うので、バナー程度であれば、僕なら適当なフックで対応するかなぁと思います。超適当ですが例えば下記のような感じ。
add_action( 'wp_footer', function() { ?> <div style="position: fixed; top: 100px; right: 0px; z-index: 1000; width: 100px"> <a href="..."><img src="..." alt="..."></a> </div> <?php } );
とりあえず上記で適当な位置に固定表示はできますが、ページ下部までいったら消すとか、そういうのをやろうとすると JavaScript が必要になってくるのでちょっと手間ですね…。
♥ 0Who liked: No user続いてaタグに同じCSSをつけると今度は線がの高さが大きくなりすぎます。
デフォルトでは、メニュー項目がクリックしやすいように
a
にpadding
がついています。仕切りの高さをメニュー項目の文字列と同じ高さにしたいということであれば、クリック範囲は文字列と同じ高さにしても良いのかなと思うので、2枚目のキャプチャの状態にして、追加でa
の上下padding
を0
にすると良いのではないでしょうか。♥ 0Who liked: No user訂正です。更新できましたとなりましたが、再び見たらバージョンが古いと出ました。
んーなんでしょうね。実際、書き換えたところは正しく保存されているのでしょうか?
正しく保存されている場合、何らかの要因で意図しない部分が自動的に変更されているけど保存はされていない、という状態になっているのだと思います。検証するとしたら、1) 更新をクリック
2) コードエディターに切り替えて、表示されたコードを適当なテキストファイルに保存
3) 画面をリロード
4) 「バージョンが古い」とでていると思うので、それも表示されたコードを適当なファイルに保存
5) (2) で保存したコードと (4) で保存したコードを見比べるという感じでしょうか…。
ttps://67care.jp/blog/wp-content/plugins/ChatGPT_to_Title-main/js/my-block-editor-plugin-script.js?ver=1.0
ありがとうございます。ものくろさんがつくったプラグインですかね? 先程のスクショをみせて、こういうエラーがでているよとお伝えしたほうが良いかもしれません(今回のトピックの問題と関連があるかはわかりません)。
ちなみに、ChatGPT_to_Title を停止したら「バージョンが古い」がでなくなったりしませんかね?
♥ 0Who liked: No user「Site Kit by Google」を停止したら正常になりました。アナリティクス4のエラーが出ていました。
Site Kit by Google の不具合であれば、Site Kit by Google のアップデートを待てば解消されるのかなとは思うのですが、Snow Monkey、あるいはその他使用しているプラグインとの相性問題だったとすると悩ましいですね…。Site Kit by Google を有効化して、アナリティクス4を正しく設定しても「更新に失敗しました」になりますか?
個人的に気になったのは、コンソールにエラーがでている、
Uncaught TypeError: Cannnot read properties of null
とUncaught DOMException: Failled to read the 'cssRules' property
です。僕も詳しくはないのですが、どちらもエディター自体が不具合を起こすレベルのエラーに見えます。Uncaught TypeError: Cannnot read properties of null
の横にmy-block-editor-plug...cript.js?ver=1.0:31
というリンク文字があると思いますが、そこで右クリックして「リンクのアドレスをコピー」したものをここに貼り付けてもらえますか?♥ 0Who liked: No userスプレッドシートの API を知らないので具体的なことは書けないのですが、
snow_monkey_forms/administrator_mailer/after_send
というフックがメール送信完了直後に発火するので、そこでデータを飛ばせば良いのかなとは思います。$responser
が送信されたデータを持っているオブジェクトで、$responser->get( name 属性値 )
でデータが取れます。実際に記述してみるとどうなりますかね?
♥ 0Who liked: No userスクショの中に赤いバツマークと、その横に9とでていますよね。そこをクリックするとエラーメッセージが見れるので、出ているメッセージをここに全部貼り付けお願いします。
♥ 0Who liked: No user「更新に失敗しました」がでたとき、ブラウザのコンソールに何かエラーが出ていますか?
♥ 0Who liked: No userSnow Monkey は上書きの影響をなるべく最小限度に抑えられるようにテンプレートパーツが細かく分割されています。
特に気にしないなら子テーマをつくって
single-cases.php
をつくるのが簡単ですが、上書きの影響を最小限に抑えたいのであれば必要な部分のテンプレートパーツだけを上書きするのが良いです。テンプレートパーツの名前はスクショを貼っていただいているソースコードの HTML コメント部分、
slug
のところで確認できます。slug
がtemplate-parts/content/entry/content/content
でname
がcases
の部分を上書きしたいとしたら、template-parts/content/entry/content/content-cases.php
かtemplate-parts/content/entry/content/content.php
をつくることで上書きできます。content-cases.php
だと 投稿タイプがcases
のときだけ上書きされます。まず、Snow Monkey はデフォルトで FontAwesome(JavaScript 版)を読み込んでいるので、基本的には FontAwesome は使用できるはずです。
で、提示いただいた参考サイトは、ボタンブロックの中にアイコンを表示しようとしている場合の例でして、ボタンブロックの中には HTML を書けないために、ショートコードを使っている、ということになります。
ページ上の任意場所に、フックを使ったり、テンプレートを上書きしたりしてアイコンを表示する場合は普通に HTML が書けるのでショートコードを使う必要はありません。
コードに
<i class="fa-solid fa-globe"></i>
を追加したが表示がされないとのことですが、具体的にどこに表示しようとして、どこにそのコードを追加したのか教えてください!
♥ 0Who liked: No userCSS でも良いですが、全ページのことなので、PHP で HTML まるごと表示しないようにしたほうが良いのかなと思いました。下記のコードを My Snow Monkey プラグインに貼り付けてみてください。
/** * footer-cta のレンダリング前に出力内容を変更する */ add_filter( 'snow_monkey_pre_template_part_render_footer-cta', function( $html ) { // フロントページ以外のとき if ( ! is_front_page() ) { // 何も表示しない return false; } return $html; } );
♥ 0Who liked: No user -
投稿者投稿