Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
タブレット(Ipadpro)閲覧時にウ...
 
通知
すべてクリア

タブレット(Ipadpro)閲覧時にウィジェットがきちんと表示されない

7 投稿
4 ユーザー
2 Likes
186 表示
takeshi
(@yahoo)
投稿: 3
メンバー
Topic starter
 

現在、以下のようにウィジェット設定をしています。

「共通サイドバー」

・プロフィール

・新着記事

 

「追尾サイドバー」

・人気記事

・広告バナー

 

「共通サイドバー【スマホ版】」

・プロフィール

・新着記事

・人気記事

・広告バナー

 

このように設定しているのですが、ipadproで閲覧した時に、レイアウトはスマホ表示のように縦並び等に変更されますが、ウィジェットは共通サイドバーに設定した項目のみが表示されます。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.9
利用中のPHPバージョン
7.4.33
OS
Windows
利用中のWordPressバージョン
6.3.2
利用中のサーバー会社
Xサーバー
ブラウザ
Chrome,Safari
利用中のプラグイン一覧

All In One WP Security
Custom Field Suite
Favicon Rotator
Search Regex
SEO SIMPLE PACK
UpdraftPlus
Useful Blocks
Widget Clone
WP Multibyte Patch
WP Revisions Control
WP Sitemap Page
XML Sitemap Generator for Google
Yoast Duplicate Post

 
投稿済 : 21/10/2023 10:06 am
サブロ
(@windorz)
投稿: 86
メンバー
 

サイトのレイアウトが切り替わる基準とモバイル端末の判定は別の基準ですので連動していません。

SWELLは、モバイル端末の判定にipadをモバイル端末を含めていないので、正しい動作だと思います。

 

 
投稿済 : 22/10/2023 11:33 pm
takeshi
(@yahoo)
投稿: 3
メンバー
Topic starter
 

ご返信ありがとうございます。

申し訳ありません、投稿の仕方が悪かったですね。

PCでユーザーに見せたいからこそ追尾サイドバーのウィジェットに設定している内容が、

 

・PCでは、追尾サイドバーが表示されるので問題なし

・モバイルでは、共通サイドバー【スマホ版】に設定できるので問題なし

・タブレットでは、追尾サイドバーが表示されず、共通サイドバー【スマホ版】の設定も表示されない。タブレット用の設定項目もない。

 

そのため、共通サイドバーに設定しないといけないが、そうするとPCで共通サイドバーと追尾サイドバーの内容が重複してしまう。

となるため、実質的に追尾サイドバーが使えないことになるかと思います。

 
投稿済 : 25/10/2023 8:11 am
しらこ
(@96ssbike)
投稿: 834
メンバー
 

そうですね、追尾サイドバーがタブレット表示では追尾ではなく、単純に下部に配置されるだけになりますね。

その挙動について(これが特段不具合ではないのですが)、たとえばサイト管理者自身が問題と感じた上でどうするかについて解決する場合は、一例ですがサイト管理者自身がCSSを追記するなりで表示・非表示を切り分けるなどカスタマイズすると良いと思います。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 25/10/2023 11:06 am
reacted
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

サブロさんの仰るとおりでして、レイアウトが切り替わる基準とモバイル端末の判定基準が別物なのでどうしてもズレのようなものが出てくる部分はあります。

「共通サイドバー【スマホ版】」の判定はPHP側で行っているため、見た目上ではなくHTML上からも非表示にできるというものになります。

単純に非表示にするだけでいいのであれば、共通サイドバー上でブログパーツを呼び出し、ブロックでPC/SPの表示切り替えをするとよいかもしれません。(ブロックの表示切り替えはメディアクエリなので、1カラムになるタイミングと、表示するコンテンツの切り替えタイミングが揃うかなと思います。

This post was modified 6か月前 by

SWELL開発者です。

 
投稿済 : 25/10/2023 12:11 pm
しらこ reacted
takeshi
(@yahoo)
投稿: 3
メンバー
Topic starter
 

@96ssbike 

 

ご返信ありがとうございます。

私のサイトでは、タブレットでは追尾サイドバーが単純に下部に表示されるのではなく、表示そのものがされないのですが、これは私のサイトだけの挙動なのでしょうか…。

ありがとうございました。何とか解決策考えてみます。

 
投稿済 : 27/10/2023 10:50 am
しらこ
(@96ssbike)
投稿: 834
メンバー
 

@yahoo 失礼いたしました。回答が誤っていました。

追尾サイドバーは、スマホおよびタブレットサイズ(幅959px以下)については、

@media (max-width: 959px) {
.pc_, .pc_only {
display: none!important;
}
}

というCSSが効いており、物理的に非表示になっています(非表示なので、要素としては存在し続けています)。

具体的には、上記のうち、.pc_ というクラス名を使用して非表示になっています。

CSSで再表示も、おそらく可能ではないかなと思います。

以上が、正確な答えとなります。訂正させていただきます。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 29/10/2023 12:31 pm
共有: