質問内容

 

お世話になります。

 

貴殿サイトを参考にシリウスをレスポンシブウェブデザインへと
カスタマイズ致しました。

 

レスポンシブデザイン導入前はシリウスのphoneサイト設定を
利用しておりましたが、閲覧の範囲がスマートフォンサイト
ＰＣサイトと2種類で範囲が限られているのでした。

 

多くの閲覧デバイスに対応するには、範囲を拡大できると
判断しての導入となりました。

 

作動も充分でサイトの解説などを参考にしながら
ちょこちょことカスタマイズを進行中です。

 

そこで気が付いたことがあり質問させていただきます

 

 

シリウスのphoneサイト設定で利用のサイトでは

 

スマートフォンとパソコン画面では画像や記事の一部を
<pcc>
<ipc>
で囲むと
非表示にしたり表示させたりして切り替えることが出来たのですが

 

当サイト案内のレスポンシブコードでは

 

指定しても　

 

非表示とする<ipc>囲みはパソコンサイトでは非表示ですが
スマートフォンで確認しても非表示で表れません。

 

スマートフォンでは非表示とする<pcc>囲みも認識されず
スマホでも表示されたままです。

 

パソコン画面での<ipc>だけは非表示なので反映？
されているのですが？

 

面倒な質問で申し訳ありませんが

 

シリウスのphoneサイト設定で使える切り替え機能は　
レスポンシブウェブでは使えないのでしょうか？

 

メディアクエリで分離することも考えたのですけれど
さっぱり解りません。

 

でも、使えればいろいろ便利なので新たに設定などできないのでしょうか？

 

 

ネット上で色々調べたのですけれど何とも意味不明な講釈ばかりで
理解すらできなく、どうにもならずご質問させていただきました。

 

もし、できるならご教授ください。

 

---

 

 

スポンサーリンク

 

 

 

当サイトのご利用ありがとうございます

 

大変申し訳ありませんでした

 

 

非　表示指定ができないことは知ってはいたのですが

 

対応に至らないでおりました
すみません

 

シリウス機能　phoneサイト設定でサイトを進めている場合は
<pcc>
<ipc>は使えます

 

 

非phoneサイト設定の場合は　レスポンシブ化した際
パソコンでは非表示とする
<ipc>は　パソコンサイトでは反映しますが　スマートフォンサイトで
確認しても　パソコンサイトそのままで変化はありませんね

 

phoneサイト設定は　レスポンシブ化構造ではなく
phoneサイト機能であるがための機能でレスポンシブウェブは
メディアクエリで読み込ませるもので意味合いが異なることでの
作動違いかと思われます

 

 

シリウスのphoneサイト設定同様の機能追加は　

 

スタイルシートおよび追加のメディアクエリ内に

 

表示する　

 

表示しないの

 

ＣＳＳコードを配置すれば対処可能です

 

ただし　画像とコンテンツ（バナー広告を含む）は同一コードでは
指定が出来なくふた種類の選別指定コードを配置することになります

 

詳細はは解説ページを追加いたしましたのでそちらでをご覧ください

 

どちらもほとんど同じ手順ですがコンテンツ違いとなり
個別に記載しております

 

 

画像の表示　非表示切り替えはこちらでご確認ください
スマートフォン　パソコンサイトで画像を切り替え表示指定する

 

記事コンテンツはこちらでご確認ください
端末により記事コンテンツを切り替え表示する

 

 

記事や画像をスマホやＰＣサイトで切り替えることは出来ませんか？
レスポンシブウェブデザイン構築サポート
シリウスカスタマイズ