アップデート後、サイドバーデザイン崩れ

VWSとは フォーラム Lightning アップデート後、サイドバーデザイン崩れ

アップデート後、サイドバーデザイン崩れ

  • このトピックには8件の返信、2人の参加者があり、最後に幸一により3日、 1時間前に更新されました。
9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #51389

    幸一
    参加者

    WordPress 5.7.1 
    Lightning Proバージョン: 8.9.9
    デザインスキン:OriginⅡ

    Lightning Proバージョン: 8.9.9へアップデート後、投稿ページのサイドバーの表示が崩れ(スクロールすると途中から表示される)、フッターが全幅にならずコンテンツ幅で表示が止まり、サイドバー分空白になってます。

    ショートコード自作によりサムネイルを取得していますが、アップデート前の投稿は、画像URLをきちんと取得してますが、アップデート後は、サムネイルを取得できなくなりました。

    Attachments:
    You must be logged in to view attached files.

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #51391

    石川@Vektor,Inc.
    キーマスター

    まず独自のショートコードを外した状態で不具合は出ますか?

    独自のショートコードは内容がわからないと調査のしようがないので大変お手数おかけして恐れ入りますがコードを貼ってください。

    #51402

    幸一
    参加者

    ショートコードを外しても不具合は変わりません。

    大変失礼しました。ブログカードのコードです。

    //—————————————//
    // 内部リンクのブログカード化(ショートコード)
    // ここから
    //—————————————//

    // 記事IDを指定して抜粋文を取得
    function ltl_get_the_excerpt( $post_id ){
    global $post;
    $post_bu = $post;
    $post = get_post( $post_id );
    setup_postdata( $post_id );
    $output = get_the_excerpt();
    $post = $post_bu;
    return $output;
    }

    //ショートコード
    function nlink_scode($atts) {
    extract(shortcode_atts(array(
    ‘url’=>””,
    ‘title’=>””,
    ‘excerpt’=>””
    ),$atts));

    $id = url_to_postid($url);//URLから投稿IDを取得

    $no_image = ‘noimageに指定したい画像があればここにパス’;//アイキャッチ画像がない場合の画像を指定

    //タイトルを取得
    if(empty($title)){
    $title = esc_html(get_the_title($id));
    }
    //抜粋文を取得
    if( empty( $excerpt ) ){
    $excerpt = esc_html( ltl_get_the_excerpt( $id ) );
    if( mb_strlen($excerpt, ‘UTF-8’) > 80 ){
    $excerpt= mb_substr($excerpt, 0, 80, ‘UTF-8′).’…..’;
    }
    }

    //アイキャッチ画像を取得
    if(has_post_thumbnail($id)){
    $img = wp_get_attachment_image_src(get_post_thumbnail_id($id),’medium’);
    $img_tag = ““;
    }else{
    $img_tag=’‘;
    }
    $nlink .=’


    <div class=”tmt-blog-card-box”>
    <div class=”tmt-blog-card-thumbnail”>’. $img_tag .'</div>
    <div class=”tmt-blog-card-content”>
    <div class=”tmt-blog-card-title”>’. $title .’ </div>
    <div class=”tmt-blog-card-excerpt”>’. $excerpt .'</div>
    </div>
    </div>
    <div class=”tmt-blog-card-site”>’. $site .'</div>
    ‘;

    return $nlink;
    }

    add_shortcode(“nlink”, “nlink_scode”);
    //—————————————//
    // ここまで
    // 内部リンクのブログカード化(ショートコード)
    //—————————————//

    #51403

    石川@Vektor,Inc.
    キーマスター

    原状弊社環境で症状が発生していないのと、該当URLが結構独自にカスタマイズされているので、ちょっと原因がわかりません。

    まずUpdraftPlusなどすぐに戻せるようにバックアップをとってください。
    Google自動広告を使っていると思うので停止してみて確認してください。

    ダメな場合は投稿のアーカイブと詳細でサイドバーの項目が違うようで、
    アーカイブでは正常に表示されるのに詳細で崩れるので、一旦揃えてください。

    #51414

    幸一
    参加者

    >>Google自動広告を使っていると思うので停止してみて確認してください。

    停止して確認したところ、サイドバーの表示は崩れたままです。

    >>ダメな場合は投稿のアーカイブと詳細でサイドバーの項目が違うようで、
    >>アーカイブでは正常に表示されるのに詳細で崩れるので、一旦揃えてください。

    サイドバーの項目を揃えましたが、変わらずです。

    ほくろ除去前とほくろ除去後のビフォーアフター公開します【顔のほくろ編】

    #51415

    石川@Vektor,Inc.
    キーマスター

    ページヘッダーが表示されてないのはどうやってカスタマイズされていますか?

    見る限りHTML構造が壊れているので、何かしらテーマのHTMLを改変しているように見られるのですが、
    子テーマを使っているわけではないようですので、自作のプラグインからフックなどでカスタマイズしていますか?

    #51416

    石川@Vektor,Inc.
    キーマスター

    お問い合わせページでも崩れていないので、投稿の詳細ページになにか共通のHTMLを挿入していませんか?
    共通で挿入しているHTMLがある場合はそれが壊れている可能性があるので一度削除して確認してください。

    #51420

    幸一
    参加者

    現在、子テーマを使ってます。

    ヘッダーを消しているのは、投稿ページを編集のレイアウト設定のページヘッダーを表示しないにチェックを入れています。

    投稿詳細ページのカスタマイズ、共通HTMLを入れていません。

    #51448

    幸一
    参加者

    サイドバーの表示崩れは、カスタムHTMLブロックで「想定されていないか、無効なコンテンツが含まれています。」と表示が出ており、ブロックのリカバリーを試行することにより、無事に表示されました。

    ショートコードのサムネイル取得は、コードを書き直しをしましたが、未だ新しい投稿には反映されません。。

9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • このトピックに返信するにはログインが必要です。