フォーラムへの返信
-
投稿者投稿
-
「更新に失敗しました。 返答が正しい JSON レスポンスではありません。」になるときは、REST API での通信時に PHP エラーが発生したために正しい JSON が帰ってこないというパターンが多いです。
エラーを確認するときは、下記をみることが多いです。
– サーバーのエラーログで何かエラーがでていないか確認する
– ブラウザ(Chrome)のデベロッパーツール→ネットワーク→ Fetch/XHR を開いた状態で操作すると、そこでリクエストとレスポンスが確認できるので、レスポンスに PHP エラーが含まれていないか確認する一度確認してみてください!
アップデート前後のバージョン差などが原因だったりしますでしょうか・・・
そこに問題があった場合はページを開いた段階でコケるパターンが多いと思うので、多分今回は関係ないのではないかなと思います。
最近の投稿ブロックのカルーセルと、ピックアップスライダーブロックでは HTML 構造が違うので、ピックアップスライダーでは多分実現できないと思います…。
♥ 0Who liked: No userSnow Monkey のアーカイブページにはアクションフックが仕込んであるので、検索フォームが関数やテンプレート、ショートコードとして使えるものなら、このアクションフックのところに出して使える可能性は高いのかなと思います。
♥ 0Who liked: No user最近の投稿ブロックはページ中にお知らせを数件表示する、のような役割のブロックなのでページネーションの機能はありません。
作りによると思いますが、いっぱんてきにはそのような用途はアーカイブページで実現するのがスマートだと思います。
♥ 0Who liked: No userFTP 情報の共有、ありがとうございます。
下記に原因と実施した作業内容をまとめます。
### 原因
Snow Monkey テーマの配置が
themes/snow-monkey/snow-monkey
のように入れ子になってしまっていました。Snow Monkey をアップデートすると、最新版のファイル群がthemes/snow-monkey
に入ってくるため、themes/snow-monkey/snow-monkey
にファイルがあると思っている WordPress からしたら、必要なファイルが見つからなくなったということで、エラーとなってしまっていたようです。### 実施した作業内容
Snow Monkey テーマの配置が
themes/snow-monkey
となるように作業をおこないました。WordPress はカスタマイザーの設定内容等がテーマ名に紐づいて保存されますが、このときのテーマ名はテーマの配置に基づいたもとになるので、設定内容は
snow-monkey/snow-monkey
という名前で保存されていました。これをsnow-monkey
となるように書き換えた上で、最新版のテーマをthemes/snow-monkey
という配置になるようにアップロードし、テーマの切り替えをおこないました。—–
v15.6.0 から v25.4.2 にアップデートしたので、Snow Monkey テーマにはかなり大幅な変更が入っています。それによってページの崩れ等が発生する可能性もありますので、必要があれば新たにトピックを立てていただければと思います。
ひとまず、最新版にアップデートされていることと、ページの表示がされることの確認ができましたら、このトピックを閉じていただければと思います。
#試したこと でも書かせていただいた通り、
●Snow Monkeyの最新版をDL&解凍して、FTPから手動アップロード
→500 Internal Server Errorで管理画面もサイトも表示されなくなるので、元(15.6.0)に戻すあ、そうでした、失礼しました…。
僕のほうで、実際に FTP で接続してアップデート作業をさせてもらうことは可能でしょうか? もし可能でしたら、オンラインコミュニティ(Discord)の DM で接続情報を頂きたいです。
セキュリティ等の理由で NG であれば地道に検証していくしかないですね…。
themes/snow-monkey/snow-monkey/vendor/composer/autoload_real.php
が開けないとエラーがでているので、まずはサーバー上でそのファイルの有無を確認してみてください。♥ 0Who liked: No userサーバーのスペックによっては、インストールやアップデートのときに途中で処理が止まってしまうことがあるようなのですが、もしかしたらそれかもしれません。
snow-monkey.zip
を解凍し、それを FTP のソフトでアップロードしてみることってできますか?♥ 0Who liked: No user情報ありがとうございます! どうも必要なファイルが欠落しているっぽいです。
下記のページから snow-monkey.zip をダウンロードして、ダッシュボード→外観からアップロードするとどうなりますでしょうか?
♥ 0Who liked: No user●Snow Monkeyの最新版をDL&解凍して、FTPから手動アップロード
→500 Internal Server Errorで管理画面もサイトも表示されなくなるので、元(15.6.0)に戻すこのときに、サーバーのエラーログにどのようなメッセージがでているか確認することは可能でしょうか? 使用しているレンタルサーバーのエラーログを見てみたり、WordPress からエラーログのメールが届いていたり…。
お使いの PHP のバージョンが 8.1.7 とのことですが、8.0 に切り替えて、最新版の WordPress にアップデートしてみることは可能でしょうか?
♥ 0Who liked: No user_wp_attachment_metadata
、_wp_attached_file
は WordPress が自動的に保存するデータみたいです。なのでこれはこれで消すと何か別の不具合が発生する可能性はあるかもしれません…。♥ 0Who liked: No userその通りです。理想はカスタム投稿タイプとかつくって、それを投稿的に更新すると、入れ替わるというのをイメージしていました。
なるほどです。Snow Monkey Blocks では実現できないので、もしそういう運用でやる必要があるのであれば独自に実装するか、実現できそうなプラグインを探すかになります。
配置時に、高さ100%と配置可能が選択できるのですが、違いはなんでしょうか
コンテンツスライダーの子要素であるスライドブロックに背景色をつけるとわかりやすいですが、「高さ100%」だと全てのスライドが一番高さが高いスライドと同じ高さになります。「配置可能」の場合はそのスライドの高さが中身にフィットするように縮みます。そのうえで、左上に配置するのか、右下に配置するのか、配置場所をブロックツールバーから選ぶことができます。
ブロックの設定で、フェード、スライダーをずらすの意味はなんでしょう、選択すると並びません
「フェード」は、スライドの切り替えがスライド動作ではなくフェードイン・アウトになります。
「スライダーをずらす」は下記のページ内にサンプルがあるので見てもらうのがわかりやすいと思います。画面が広いほうがわかりやすいですが、通常、全幅にするとスライドが画面の一番左端から並びますが、「スライダーをずらす」を有効化するとコンテンツエリアの左端から並ぶようになります(ただ、スライド可能な範囲自体は全幅です)。
あと、ブロックで画像を並べてる時は、管理画面上では1画面目しかでてこないで、更新すると並んでるというのは仕様ですか?
繰り返しになりますが、「並ぶ」「並ばない」というのはどういう意味でしょうか? スライドが横に並ぶ、という意味であれば、エディター上でもフロントでも設定した枚数で横並びになっていると思います(なっていないならバグなので調査が必要になります)。
エディター上ではスライドしない、フェードイン・アウトしない、という意味であれば仕様です。画像サイズも大きめで取り込んでおけば、1枚目に合わせてリサイズされるというカタチでしょうか(または最少サイズにあわせて)
特にそのような仕組みはないので、画像ブロックの設定や CSS で調整することになります。
♥ 0Who liked: No userSnow Monkey の機能としては無いので、やるとすれば
– CSS の background-image でやる
– フックを使って画像を挿入するのどちらかで対応することになると思います。簡単なのは CSS での対応ですかね。
デザインがわからないのでセレクタや指定は具体的には書けませんが、background-image
、background-size
、background-position
、background-repeat: no-repeat
の組み合わせで指定すれば良いと思います。Snow Monkey の PC サイズのメディアクエリは
min-width: 1024px
なので、@media (min-width: 1024px) { .l-header { // ← デザインによってはもっと良いセレクタがあるかも background-image: xxx; background-size: xxx; background-position: xxx; background-repeat: no-repeat; } }
のような感じになると思います。
♥ 0Who liked: No userコードだと、なんらかのオブジェクトとして管理画面から運用者が更新できない
アニメーション表現がされてないすみません、ちょっとどういう意味かわかりかねるのですが「コードを書き換えるのは手間だから UI で更新できるようにしたい」ということですかね? コードを提示したのは貼り付けたらすぐに試せるからで、コンテンツスライダー自体はブロックなので、ブロックのインサーターから普通に挿入して設定できます。
コードと、コンテンツスライダーブロックに画像ブロックを入れて、その画像ブロックにリンクを設定したらは別のはなしじゃないですよね コンテンツスライダーに画像いれてみましたけど、並びません。
「並ばない」というのはどういう意味でしょうか? 2列・3列にできない、という意味であれば、コンテンツスライダーの設定パネルにある「表示するスライド数」から設定できます。
♥ 0Who liked: No userPC とスマホ、どちらでもど真ん中に画像が入るのが理想ですかね?
ヘッダーの中央に画像を2つ載せたい。
「ヘッダー」で記載いただいた HTML には
img
が1つでしたが、「2つ載せたい」ということは、本当は載せたいimg
は2つある、ということですかね?♥ 0Who liked: No userコンテンツスライダーブロックに画像ブロックを入れて、その画像ブロックにリンクを設定したらどうですかね?
こっちで簡単なサンプルをつくってみました。下記をコピーしてエディターに貼り付けてみてください。<!-- wp:snow-monkey-blocks/spider-contents-slider {"dots":true,"gutter":"s","lgSlidesToShow":3,"canvasPadding":{"top":0,"bottom":0,"right":0,"left":0},"sliderClientIds":"[\u0022a2ecfd33-7816-4132-89fc-98150866709a\u0022,\u0022e94cc24d-6ff7-4192-b402-c8249317eaac\u0022,\u0022b8ea18d1-835a-4409-88ec-34345728b00c\u0022,\u0022c29dcffc-a811-4f59-b4ed-6e913cff0a47\u0022,\u002203ede109-55dc-477e-84d8-bb97e1ac5447\u0022,\u00226e1cc54c-e96d-4f08-9891-bff1a1770d66\u0022]"} --> <div class="wp-block-snow-monkey-blocks-spider-contents-slider smb-spider-slider smb-spider-contents-slider smb-spider-slider--gutter-s" data-fade="false" data-shuffle="false" data-lg-slide-to-show="3"><div class="spider"><div class="spider__canvas"><!-- wp:snow-monkey-blocks/spider-contents-slider-item {"contentPosition":"center-center"} --> <div class="wp-block-snow-monkey-blocks-spider-contents-slider-item spider__slide" data-id="0" data-content-position="center-center"><div class="smb-spider-contents-slider__item"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} --> <figure class="wp-block-image size-large"><a href="https://example.com"><img src="https://placehold.jp/1200x900.jpg" alt=""/></a></figure> <!-- /wp:image --></div></div> <!-- /wp:snow-monkey-blocks/spider-contents-slider-item --> <!-- wp:snow-monkey-blocks/spider-contents-slider-item {"contentPosition":"center-center"} --> <div class="wp-block-snow-monkey-blocks-spider-contents-slider-item spider__slide" data-id="1" data-content-position="center-center"><div class="smb-spider-contents-slider__item"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} --> <figure class="wp-block-image size-large"><a href="https://example.com"><img src="https://placehold.jp/1200x900.jpg" alt=""/></a></figure> <!-- /wp:image --></div></div> <!-- /wp:snow-monkey-blocks/spider-contents-slider-item --> <!-- wp:snow-monkey-blocks/spider-contents-slider-item {"contentPosition":"center-center"} --> <div class="wp-block-snow-monkey-blocks-spider-contents-slider-item spider__slide" data-id="2" data-content-position="center-center"><div class="smb-spider-contents-slider__item"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} --> <figure class="wp-block-image size-large"><a href="https://example.com"><img src="https://placehold.jp/1200x900.jpg" alt=""/></a></figure> <!-- /wp:image --></div></div> <!-- /wp:snow-monkey-blocks/spider-contents-slider-item --> <!-- wp:snow-monkey-blocks/spider-contents-slider-item {"contentPosition":"center-center"} --> <div class="wp-block-snow-monkey-blocks-spider-contents-slider-item spider__slide" data-id="3" data-content-position="center-center"><div class="smb-spider-contents-slider__item"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} --> <figure class="wp-block-image size-large"><a href="https://example.com"><img src="https://placehold.jp/1200x900.jpg" alt=""/></a></figure> <!-- /wp:image --></div></div> <!-- /wp:snow-monkey-blocks/spider-contents-slider-item --> <!-- wp:snow-monkey-blocks/spider-contents-slider-item {"contentPosition":"center-center"} --> <div class="wp-block-snow-monkey-blocks-spider-contents-slider-item spider__slide" data-id="4" data-content-position="center-center"><div class="smb-spider-contents-slider__item"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} --> <figure class="wp-block-image size-large"><a href="https://example.com"><img src="https://placehold.jp/1200x900.jpg" alt=""/></a></figure> <!-- /wp:image --></div></div> <!-- /wp:snow-monkey-blocks/spider-contents-slider-item --> <!-- wp:snow-monkey-blocks/spider-contents-slider-item {"contentPosition":"center-center"} --> <div class="wp-block-snow-monkey-blocks-spider-contents-slider-item spider__slide" data-id="5" data-content-position="center-center"><div class="smb-spider-contents-slider__item"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} --> <figure class="wp-block-image size-large"><a href="https://example.com"><img src="https://placehold.jp/1200x900.jpg" alt=""/></a></figure> <!-- /wp:image --></div></div> <!-- /wp:snow-monkey-blocks/spider-contents-slider-item --></div></div><div class="spider__dots"><button class="spider__dot" data-id="0">0</button><button class="spider__dot" data-id="1">1</button><button class="spider__dot" data-id="2">2</button><button class="spider__dot" data-id="3">3</button><button class="spider__dot" data-id="4">4</button><button class="spider__dot" data-id="5">5</button></div></div> <!-- /wp:snow-monkey-blocks/spider-contents-slider -->
♥ 0Who liked: No user -
投稿者投稿