[ 解決済 ] お知らせ投稿の表示位置をパソコンでは下部、モバイル表示では上部にしたい

VWSとは フォーラム Lightning [ 解決済 ] お知らせ投稿の表示位置をパソコンでは下部、モバイル表示では上部にしたい

[ 解決済 ] お知らせ投稿の表示位置をパソコンでは下部、モバイル表示では上部にしたい

  • このトピックには5件の返信、2人の参加者があり、最後にうなこにより2週、 6日前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #102761

    suisei98
    参加者

    ■ WordPress のバージョン
    6.6.2

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    0.6.0

    ■ Pro Unit のバージョン
    0.27.1

    ■ スキンの種類
    Origin III

    ■ 期待する動作
    お知らせ投稿の表示位置をモバイル表示では上部にしたい。

    現在パソコンでは、お知らせ投稿の表示位置を下部にしているのですが、モバイル表示での場合は上部にしたい。

    ■ 自分で試した事
    管理画面から「外観」→「カスタマイズ」→「Lightningレイアウト設定」を選択。
    画面左のサイドバー設定の中に「サイドバーの位置(PC閲覧時)」という項目の個所を操作してみましたが、上手くできませんでした。

    ■ 症状が発生するブラウザ
    edge、クローム

    ■ 実際の症状
    まだ設定がわからないので、試せていません。

    宜しくご教示お願い致します。

    #102767

    うなこ
    モデレーター

    お世話になっております。

    現在パソコンでは、お知らせ投稿の表示位置を下部にしているのですが、モバイル表示での場合は上部にしたい。

    こちらの件ですが、現状の症状が確認できるページの画面キャプチャか、ページのURLなどをご提示いただけますと、具体的なアドバイスがつきやすくなると思います。
    お手数をおかけいたしますが、何卒よろしくお願いいたします

    #102769

    suisei98
    参加者

    うなこ様

    いつもお世話になっております。

    vkパターンライブラリーにある、「訪問介護トップページ2022年4月15日」管理ID2182
    このライブラリーが、運用しているトップページの「お知らせ」の個所がほぼ似ています。

    最初のフォーラムに書いた内容で言葉足らずになっておりましたが、トップページのお知らせ投稿一覧をパソコンでは下部(今)のままで、モバイル表示ではトップページのスライドショーの下の辺りに表示させたいのです。

    よろしくお願いいたします。

    #102771

    うなこ
    モデレーター

    VK Blocks の「非表示設定」でご希望のことができると思います。

    「お知らせ」部分をグループブロックなどで囲い、複製して一番上に配置します。
    グループブロックを選択して「非表示設定」から非表示にしたい画面サイズをオンにします。(添付画像参照)

    PC用のお知らせも同様にグループブロックなどで囲い、「非表示設定」から非表示にしたい画面サイズをオンにします。

    いかがでしょうか。

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

    suisei98
    参加者

    うなこ様

    お世話になっております。
    ご指導ありがとうございます。期待通りの設定ができました。

    ありがとうございます。

    ちなみにですが、非表示設定する箇所の「画面サイズ」の単位でしょうか。all、sm、mdとは使用するデバイスの画面サイズかと思うのですが、all、xs、md、など、実際にどれくらいの画面サイズなのか想像がつかいないのですが、ザックリで結構ですので、教えて頂けたらと思います。

    #102780

    うなこ
    モデレーター

    解決できたようで安心しました!

    all、xs、md、など、実際にどれくらいの画面サイズなのか想像がつかいないのですが、ザックリで結構ですので、教えて頂けたらと思います。

    非表示設定」のページでもご案内しておりますが、以下のサイズになっております。よろしくお願いいたします

    xs~xxl各サイズの範囲は、以下のように設定されています。

    xs:~576px
    sm:576px ~768px
    md:768px~992px
    lg:992px~1200px
    xl:1200px~1400px
    xxl:1400px~

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