TOP

記事や画像をスマホやPCサイトで切り換えるcss指定

質問内容

 

お世話になります。

 

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

 

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

 

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

 

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

 

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

 

 

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

 

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

 

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

 

指定しても 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

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

 

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

 


 

 

スポンサーリンク

 

 

 

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

 

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

 

 

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

 

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

 

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

 

 

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

 

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

 

 

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

 

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

 

表示する 

 

表示しないの

 

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

 

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

 

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

 

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

 

 

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

 

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

 

 

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

 

 

 

記事や画像をスマホやPCサイトで切り替えることは出来ませんか?関連解説
スマートフォン横画面ではアドセンス広告が押しやられ消えてしまう?
当該サイト公開のレスポンシブウェブデザイン構造を導入後スマートフォンで確認すると横画面ではアドセンス広告が押しやられ消え去ってしまう?という質問です...ご返事はサイトで
3カラム2カラム併用サイトをレスポンシブ化 以降作動しません
シリウスカスタマイズの解説に従い レスポンシブデザインを導入したのですが 3カラムは作動しますけれど2カラムは記事カラムが伸縮せずPC画面みたいです....ご返事はサイトで
シリウスの3カラムをレスポンシブウェブデザインにできますか?
HTMLサイトでの3カラムレスポンシブウェブデザイン化は複雑との説明情報がありますが シリウスでは対応可能なのでしょうか? お答えします!レスポンシブ化は可能です..詳細はこちらでご確認ください
シリウスへレスポンシブウェブ設定完了 でもスマホ画面で不作動?
シリウスへレスポンシブウェブデザイン設定を完了し PC画面で作動は確認できるのですが スマホでサイトを閲覧するとレスポンシブ化の変化は?反映されていない..という質問です