一つの記事に同じページのブログカードを貼ると表示が崩れる



  • こちらで過去にも同じ内容が投稿されており、テーマ側の不具合とのことで、アップデートにて1年ほど前に修正されていると確認済みです。

    ところが、ワードプレスやテーマを最新の情報にアップデート等行ってみましたが、一つの記事内に同じページのブログカードやテキストリンクを入れると下のような現象が起きてしまいます。

    ・写真①:アイキャッチ下にブログカードの「合わせて読みたい」が表示される

    ・写真②:テキストリンクで表示していたリンクはテキストリンクの文字列と、ブログカードの方に表示されるはずのアイキャッチや枠がバラバラに表示される

    ・写真③:ブログカードで表示していたリンクはURLの文字列のみ表示

    2_1623908746580_B8721B68-3E66-452B-8F6F-3C15096A048B.jpeg 1_1623908746580_5309F839-69FB-42D4-8852-CD8E032EA1A5.jpeg 0_1623908746579_8B9ECA23-ECE4-4ABE-854D-CB494498766C.jpeg

    念のため、知り合いのエンジニアにも見ていただいたところ、

    「ブロックエディタの処理と、このブログカードを作るプラグインorテーマの処理が整合ついていない感じがする」

    と、もしかしたらテーマの影響かもしれないとのことだったので、こちらにも相談させていただきました。

    おいしいところお手数ですが、よろしくお願いいたします。


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.7.2
    ご利用のサーバー名 : mixhost
    PHPのバージョン : 7.4.19
    OS : Windows10
    ご利用のブラウザ : Google chrome
    該当サイトのURL : https://otegaru-sweets.com/familymart-matcha-cheesecake/



  • 横から失礼いたします。
    私も同じ症状で困っています。
    0_1624008003260_1623139158942-スクリーンショット-2021-06-08-165906-resized.png

    一つの記事に「ブログカード」と「テキストリンク」を入れると表示が崩れます。
    ただ、この症状が起きるのはテキストリンクよりも「下」にブログカードを入れた場合で、テキストリンクよりも「上」にブログカードを入れるとこの症状は起きません。
    ですが、テキストリンクを入れたうえで、その下にブログカードを入れたいため、対策をお願いできますでしょうか。

    WordPressのバージョン : 5.7.2
    ご利用のサーバー名 : Xserver
    PHPのバージョン : 7.4.13
    OS : Windows10
    ご利用のブラウザ : Google chrome
    該当サイトのURL : https://hardrockman.com/2018/04/03/purchase-first/

    上記URLだけでなく、私のサイト全体で同じ症状が出ていますが、今はブログカードを削除しております。
    恐れ入りますが、よろしくお願いいたします。


  • administrators

    @hardrockman_i @H-Kana

    こんにちはー!!
    うーん、、僕は確認ができないですね。。
    WordPress5.7.2、JIN2.650のバージョン、ブロックエディターでの動作がこちらでは確認できているので。。

    https://www.tech-first.mixh.jp/rtoc/?p=1455
    パスワード保護しているので「pnBAg|RGJR55」これで入れると思います。(1日後にこのパスワードは削除・変更します。)
    テストサイトなので、確認程度にみていただければ幸いです。。

    その上で、気になったところがあるとすればブログカードの作り方ですね。。
    ブログカードはブロックに対応しているので、ブロックを選んで作る必要があります。

    0_1624075966472_スクリーンショット 2021-06-19 13.11.08.png



  • @Ryota さん

    お返事ありがとうございます!
    JINのバージョンは2.650です。

    サイト拝見しました。
    恐れ入りますが、H.Kanaと私が症状が起こる条件が@Ryotaさんにうまく伝わっていないようです。
    @Ryotaさんは参照先のサイトで一つの記事に「ブログカードを3つ」入れていらっしゃいます。

    ただ、H.Kanaさんと私が苦しんでいるのは、一つの記事に同じページへの「テキストリンク」と「ブログカード」の両方を入れた場合に生じています。

    0_1624120046149_スクリーンショット 2021-06-20 012701.png

    上のスクショのように、テキストに他のページへのリンクを貼った後、その下にそのリンク先のブログカードを入れたいです。
    なお、このスクショはブロックではなくクラシックで作成したものです。
    これをブロックに変換すると、

    0_1624120351949_1.png

    0_1624120358088_2.png

    このようになり、やはり表示が崩れてしまいます。
    すべての記事をブロックに変換したいので、やはり今回の症状に困っています。

    投稿一覧の編集画面では

    0_1624120632987_スクリーンショット 2021-06-20 013538.png

    と、表現したいようになっています。
    ですが、これでプレビューや更新後に記事を見てみると崩れた表示となってしまいます。

    なお、ブログカードの作り方は下記のとおりです。

    0_1624121094754_1.png

    0_1624121100910_2.png

    0_1624121105226_3.png

    0_1624121109342_4.png

    お忙しいかと存じますが、何卒よろしくお願いいたします。



  • @Ryota

    ご連絡遅くなりすみません。
    添付いただいたテストサイトも確認しました!

    ただ、hardrockman_iさんも仰るとおり、今回の問題の内容がRyotaさんにうまく伝わっていないようです。

    hardrockman_iさんが詳しく説明してくださっているので、私のほうで簡単にお話すると、aの記事に

    ・b記事のブログカード
    ・同じくb記事のテキストリンク

    を同時に貼り付けると、私やhardrockman_iさんのスクショのように表示が崩れてしまいます。

    お忙しいところお手数ですが、もう一度ご確認をよろしくお願いいたします。


  • administrators

    @hardrockman_i さん
    @H-Kana さん

    詳細の共有ありがとうございます!
    確かにこれはダメですね。僕の方でも確認できました。。

    JIN側の不具合ではある可能性が非常に高いので、次回以降のアップデートにて対応させていただきます。
    取り急ぎテキストリンクを差し替えていただくか、ブログカードのみにするかご対応いただけますと幸いです!
    ご不便おかけいたしますが、何卒宜しくお願い致します。



  • @Ryota さん

    ありがとうございます。
    アップデートお待ちしてます!

    @H-Kana さん

    おかげさまで困っていた症状が良い方向に向かいそうです。
    ありがとうございます!
    そして、横から失礼しました。



  • @Ryota さん

    ご確認いただきありがとうございます。
    アップデートお待ちしています!

    @hardrockman_i さん

    こちらこそ、私の代わりにわかりやすい詳細説明をありがとうございます!

    とても助かりました!