会員サイトをリニューアルしました! 新サイトはこちら

ショートコードをブロック変換してスマホのみに表示する方法について < ご要望

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

ショートコードをブロック変換してスマホ...
 
通知
すべてクリア

[解決済] ショートコードをブロック変換してスマホのみに表示する方法について

9 投稿
2 ユーザー
1 Likes
1,174 表示
hotsan
(@hotsan)
Active Member
Topic starter
 

お世話になっております。

記事内でショートコードをスマホ表示のにしたいのでブロック変換してからスマホ表示設定にしました。

確認するとスマホ表示の中は空になっていて、その下にショートコードが呼び出されていてPC表示でも表示されてしまいます。

スマホのみにショートコードの内容を表示させる方法はありますでしょうか。

 
投稿済 : 12/07/2021 11:58 am
しらこ
(@96ssbike)
Prominent Member
 

ショートコードはブロック変換しないと思うのですが、再利用ブロックのことでしょうか?

再利用ブロックについては、ブロック変換があります。

今、試しにショートコードで呼び出したもののPC/スマホ出し分けのサンプルを簡単に作って、きちんと出し分けはできました。

もう少し詳しく説明していただけますか。よろしくお願いいたします。

(ちなみに、ショートコード自体をPC/スマホ出し分けをするには、グループ化を使用します)

にゃーん .

 
投稿済 : 12/07/2021 12:23 pm
hotsan
(@hotsan)
Active Member
Topic starter
 

@96ssbike ありがとうございます。
ショートコードはクラシックエディターで広告タグのバナーに登録したものを呼び出していました。
バナーをセンタリング表示にして、スマホ表示のみにしたかったのでクラシックエディタからブロック変換しました。

電話番号の画像をタップすると電話番号がかけられるのを普通に画像バナーリンクでスマホ表示をやっていたのですが、SWELLのカウント表示を利用できないかと思った次第です。

 
投稿済 : 12/07/2021 1:15 pm
しらこ
(@96ssbike)
Prominent Member
 

なるほど、広告タグでは表示回数あたりのクリック数が出ますから、用途としてはとても良さそうですね!
(私も、この方法利用させていただきます!笑)

やりたいことは、概ねこれで合っていますでしょうか?バナーなので、

  1. ブロックエディターの広告タグブロックを使用して、バナー型の広告タグを挿入。
    (私の場合はConoHa WINGの広告ですが、それをお手元の電話番号に置き換えてください)
  2. デバイス制限でSPサイズをクリック。

これでスマホのみ、自動的に中央寄せで表示されるはずです。

手動での中央寄せ(センタリング)はいらないと思います。

にゃーん .

 
投稿済 : 12/07/2021 1:29 pm
hotsan reacted
hotsan
(@hotsan)
Active Member
Topic starter
 

@96ssbike なるほど!
広告タグブロック・・・初めて広告タグ使ってみたので、ショートコードが出ていたのでショートコードで呼び出すものと思っていました。
ブロックの存在に気がついていませんでした。ありがとうございます!

 
投稿済 : 12/07/2021 1:43 pm
hotsan
(@hotsan)
Active Member
Topic starter
 

@96ssbike やりたいことができました!ありがとうございます。ご報告まで。

 
投稿済 : 12/07/2021 1:47 pm
しらこ
(@96ssbike)
Prominent Member
 

やりたいことが出来て良かったです!

ついでに、ショートコードで呼び出す方のTipsですが、

  1. 以下の画像の上のほう:ショートコードブロック内にショートコードを設置して、そのショートコードブロックをグループ化して、そのグループブロック自体をデバイス制限でSPのみにした場合も、正しくSPのみに表示されます。
  2. 以下の画像の下のほう:段落ブロック内にショートコードを設置して、それをデバイス制限でSPのみにした場合は正しく反映されません(PCにも表示されちゃいます)。これを回避する方法は、上記1と同じく、ショートコードを挿入した段落ブロック自体をグループ化して、そのグループブロック自体をデバイス制限でSPのみにすると回避されます(SPのみに表示されます)。

おそらく、今回は2の現象が出ていたのではないかと思いますので、現状での回避方法(グループ化)を提示しておきます。

これで、ショートコードでしか挿入できないテキスト型広告の計測にも柔軟に対応できます。

同様に、バナー型では中央寄せ(センタリング)は不要です。

にゃーん .

 
投稿済 : 12/07/2021 1:49 pm
しらこ
(@96ssbike)
Prominent Member
 

次回から、要望ではなくて「SWELLの使い方の質問」のほうに書いてくださいね!

にゃーん .

 
投稿済 : 12/07/2021 1:50 pm
hotsan
(@hotsan)
Active Member
Topic starter
 

@96ssbike 場違いでしたか。承知いたしました。重ね重ねありがとうございます。

 
投稿済 : 12/07/2021 1:59 pm
共有: