- このトピックには2件の返信、1人の参加者があり、最後に
により10年、 2ヶ月前に更新されました。
-
投稿
-
-
こんにちは。
WordPressの質問かもしれませんが、Simplicityのテーマにも依存すると思うのでここで質問させて頂きたいのですが、それは、PC向けの投稿本文中にのみ、
<div id=”div_pc”></div>
を入れたいのです。入れる場所は、
<div id=”div_container”></div>
とすると
<div id=”div_container”>
<div id=”div_pc”></div>
</div>
こうしたいのです。
モバイルの場合には入れたくないのですが、そういう手法に関して知識がないので何でも良いのでアドバイスを頂けると有難いです。
Simplicity2です。
よろしくお願いします。 -
> PC向けの投稿本文中にのみ
これを判断するのは色々と手があります。
ただ「PC向け」が内容がPC向けの場合と、PCで表示している時ではニュアンスが異なります。
内容がPC向けにならカテゴリーやタグで判断できますし、PCで表示している時なら画面サイズで判断したりもできます。その場合は、この記事はPC向けということでそれ用のカテゴリ等を用意することになるかと思います。タグは表示するように設定しないと出てこなかったように思いますが、カテゴリーならpost-metaに表示されているのでそれを調べます。
サンプル: post-metaのカテゴリに目的のものがあったらdiv挿入 | jsFiddle
サンプルは編集できないかと思うので、画面上部にあるforkボタンを利用して、if文の中身をSKEからske等に変えてみて下さい。存在するカテゴリーの場合はdivが表示されるかと思います。
PCで表示している時という事なら、
if (window.innerWidth > 1280 ) {
$(“#container”).prepend(“<div class=’div_pc’>);
}など。1280は1024pxとかと色々とできます。
-
Hidekichiさん、
レスありがとうございました。
>ただ「PC向け」が内容がPC向けの場合と、PCで表示している時ではニュアンスが異なります。
確かに私自身もその辺りの区別を混同していました（今も混乱しています）。
やりたいことはPCでそのページを見た人にはdiv_pcも表示して、沢山の情報を表示するけれど、
モバイルの人には一部を省略した簡素な画面を出したいという事でした。
でも良く考えてみると、モバイル端末にはiPadなどのような高性能で画面もパソコン並みに広いものが
ありますので、何をもってPCと呼ぶかを自分でもう一度良く考えてみます。
サンプルを試してみました。カテゴリに応じてdivを追加する手法、参考にさせて頂きます。
-
- このトピックに返信するにはログインが必要です。