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

[suisei98]

■ WordPress のバージョン
6.6.2

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

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

■ テーマのバージョン
0.6.0

■ Pro Unit のバージョン
0.27.1

■ スキンの種類
Origin III

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

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

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

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

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

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

[うなこ]

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

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

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

[suisei98]

うなこ様

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

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

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

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

[うなこ]

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

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

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

いかがでしょうか。

Attachments:

You must be logged in to view attached files.

[suisei98]

うなこ様

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

ありがとうございます。

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

[うなこ]

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

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

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

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

xs：～576px
sm：576px ～768px
md：768px～992px
lg：992px～1200px
xl：1200px～1400px
xxl：1400px～

[投稿者]

投稿