未分類
0

記事分割して端末ごとに表示内容を変更

一つの記事でPCと携帯(ガラケー)との表示内容を振り分けたい場合には、プラグインKtai StylePC Ktai content selecterを利用して、
[pccontent]PC用表示[/pccontent][ktaicontent]携帯用表示[/ktaicontent]
と記述すれば簡単に表示振り分け可能。

では、スマートフォンと振り分けるには?
探してみたが、そんなプラグインが見当たらない…..。

なので、
長文記事を「続きを読む」リンクで分割するには<!–more–>。
さらに長文な記事を3つ4つに分割出来る魔法?のタグ<!–nextpage–>。
この魔法のタグ<!–nextpage–>を利用してスマートフォンなど端末によって表示内容を変えてみる。

まず、
スマートフォン専用のテーマを別に作成する。
さらに、プラグインwptap-mobile-detectorを利用してスマートフォンからアクセスがあると専用テーマで表示されるようにする。

記事内で、

1、PC・スマートフォン共通の表示箇所
<!–nextpage–>
2、PC専用の表示箇所
<!–nextpage–>
3、スマートフォン専用の表示箇所

とする。

PC用のテーマ(デフォルト)のsingle.phpには、

<?php
global $page;
// メインコンテント
$page = 1;
the_content();
// メインコンテント
$page = 2;
the_content();
?>

と記述して、

スマートフォン専用テーマのsingle.phpには、

<?php
global $page;
// メインコンテント
$page = 1;
the_content();
// メインコンテント
$page = 3;
the_content();
?>

と記述する。

これで、
PCからアクセスの場合には、

1、PC・スマートフォン共通の表示箇所
2、PC専用の表示箇所

と表示され、

スマートフォンからのアクセスの場合には、

1、PC・スマートフォン共通の表示箇所
3、スマートフォン専用の表示箇所

と、なる。

例えば、
店舗情報などでMAPのコードをPCとスマートフォンで振り分け表示したい時に利用できる。

でも、アフィリエイトコードなど文中の一部分だけを振り分けたい時にはちょっとツライ…..何か良い方法はないものでしょうか?

【参考】
WordPressフォーラム:ページ分割時に特定ページのみ指定して表示

関連記事
固定ページ一覧表示のリストタイトルをカスタムフィールドにする~get_posts
保護中: Myメモ:「ナイトアークス」ヘッダーmetaタグ自動挿入
アイキャッチ画像の登録がある場合のみ表示する条件分岐