話し下手でも
ゼロからオリジナル高額商品をつくり、
30万円のご成約がいただける♡
おっとり口べたな女性起業家代表、
おっとりクロージング(R)
起業コンサルタント
髙橋佳代(かよ)です
今回は、めずらしく技術的なネタを
紹介させていただきます。
ペライチでもファーストビューの画像が
スマホとPCでわけられる裏技
を見つけちゃったので、シェアしますね!
ペライチというのは、
オンライン起業でいう、販売ページを
つくる無料ツールのことを言います。
あなたが体験セミナーを企画したとして、
そのお申込みをしていただくための
WEB上のお申込み案内です。
初めての起業でも毎月しっかり
売上を作っていきたい!
そう思っている
本気の本気たまごさんなら、
SNS集客では、販売ページや
オプトインページを作って
質の高い見込み客を獲得したいって
思ってますよね?
販売ページ=LP(ランディングページ)
はプロに頼むと、
数万円~15万円、
もっと上は50万円くらいします。
でも、安心してください!
無料でLPやオプトインページは
作れちゃいます
本気の本気たまごさんなら
一度は耳にしたことがあるかもしれない
ペライチ
です。
わたし、佳代もペライチで
オプトインページを作っています。
ブログやワードを書く感覚で
販売ページが作れちゃうので
重宝してます
なのですが、意外とネックなのが、
PC表示とスマホ表示とで、
画像の入れ替えができない!
十分使いやすいし、
無料だからありがたく
使わせてもらっているのですが、
PC用とスマホ用とで画像を変えるのって
お客様さま目線で見るとかなり大事なこと
なんです。
スマホで見たときに
最適な画像をそのままPCで使うと、
左右の余白がありすぎて
インパクトに変えてしまうんですよね。
具体的に言うと、
スマホ用画像をPCでも
表示させようとすると、、
【スマホ表示】
【PC表示】
こうなってしまいます
左右に余白がありすぎて
すこし気持ち悪くないですか?
わたしは気になんないよ〜
と思う形もちろんいると思いますが
お客さまが見やすいかどうかは
大事にしたいポイントです
PC用画像をスマホでも表示させようとすると、、
表示させたい画像は1個だけしか
指定できないんです。
どちらかだけだと、
帯に短したすきに長しになってしまう。。
でも、一番最初に表示されるファーストビューだけでも変えたい!
で、何とかならないか
グーグル先生で色々探したんだけど
見当たらず、、
諦めかけていたその時、
ん?
背景画像としてなら
PCとスマホを変えられる。。。
でも、画像があっての背景だから、
背景だけ変えてもしょうがないのよ~。。。
・・・ん?もしや画像はPNGでも
オーケーだから、
画像は「透明な画像」にして、
背景にPC用とスマホ用にわけた画像を
設定すればよいのでは・・・!
となにかが降ってきてひらめきました。
それで、できたのがこちら!
【PC表示】
【スマホ表示】
理想の形になりました!
最初の画像=ファーストビュー画像が
違っているの、わかりますか?
やり方は簡単。
ペライチでスマホ用の画像とPC用の画像を分ける方法
1.普通の画像ブロックを挿入
オーソドックスな画像ブロックを挿入します。
2.PC表示を選択
画面左の欄の表示モードがPCに
なっていることを確認します。
なってなかったらPCの絵をクリック。
3.背景設定をクリック
背景設定をクリックします。
4.PC用の背景画像を設定します
こんな風になります。
かなり切れて表示されているはずです。
PC用の背景画像のサイズですが、
わたし佳代は
1500 x 640 ピクセル
にしています。
文字が映る領域は
1082 x 570 ピクセル
に収めています。
こんな風に緑の枠に文字が
収まるようにしています。
5.スマホ表示を選択
画面左の欄の表示モードをスマホにします。
オーソドックスな画像ブロックを挿入します。
6.背景設定をクリック
再び背景画像をクリックします。
7.スマホ用の背景画像を設定します
一見、わかりにくいのですが、
左上のマイライブラリから
画像を選択します。
スマホ用の背景画像のサイズですが、
わたし佳代は
1082 x 610 ピクセル
にしています。
設定するとこうなるはずです。
せっかく指定したスマホ画像はほぼ、
見えなくなっていますが
これで大丈夫です。
8.画像の編集ボタンをクリックします
9.透明なPNG画像を設定します
透明PNG画像は
1082 x 570 ピクセル
にしています。
もしあなたが、
デザイナーの方にスマホ用画像と
PC用画像を作ってもらってて
透明PNG画像だけあれば、
この裏技が使えるのに~と思ったら
この記事を参考にしてくださいね。
10.完成!
スマホ用画像が表示されたはずです。
PC表示にすれば
PC用画像が表示されます!
いかがでしょうか。
今回のペライチでスマホ用の画像と
PC用の画像を分ける裏技
よかったらやってみてくださいね〜
話し下手な人の
起業を成功させる
世界一のサポーター 高橋佳代
商品作り・集客・ライティングの全てが
わかる60P以上の【3大特典付き!】
話しベタでもお一人30万円以上のご成約を
いただけた全7ステップ無料セミナー
↓↓↓↓
→すぐに個別相談希望の方はこちらから
※現在、個別相談の応募を締切っています。
募集再開する際はまたお伝えします。
→まずは、質問だけしたい方はこちら
【起業の悩み専用】問合せフォーム
→LINEで相談・質問したい方はこちら
※LINE限定の特典もお渡ししてます
■アクセス(開催場所)
オンライン(zoom)にて対応しております^^
【大人気記事】
▼動画で学びたい方▼
受講生の実績
商品なし看護師さん
→1.5ヶ月で高単価商品をご成約
月商3000円のオンライン
お片付けアドバイザー
→2ヶ月で22万円の商品ご成約
月商30万円の起業コンサルタント
→4ヶ月で月商200万円超え
月商3000円のダイエットカウンセラー
→4ヶ月で月商140万円達成
無料セミナー開催していたドクター
→1回16万円のセミナーご成約
副業OLさん
→3ヶ月で50万円の商品ご成約
月商17万円のNLPスクール
→5ヶ月で80万円超え
HPからの集客ゼロの心理コーチ
→SEO対策で19万円の商品を20名以上に販売
1拠点だった音楽教室がSEO対策で4拠点へ。
→月商、約4倍に。
ニッチな事業の一人起業家が
見込み客の心をつかむLP制作で年商3倍に。
▼おっとりクロージング起業コンサルタント髙橋佳代はこのような話題を提供します。
FB集客 SEO対策 アメブロ集客 インスタ集客 エンジニア クロージング ひとり起業 フェイスブック集客 プログラミング ブログ集客 マーケティング 起業 起業 起業コンサルタント 起業ストーリー 起業ママ 起業塾 起業初心者 起業女子 起業女子 主婦起業 集客コンサル 集客セミナー 集客講座 集客方法 女子起業 女性起業 女性起業家 占い コーチ コーチング 四柱推命 カウンセラー 心理 カウンセリング ダイエット 教室 講座 セミナー セッション オラクルカード インストラクター お茶会 相談 相談会 体験 モニター お試し 西洋占星術 ピラティス ウェブデザイナー コンサルタント 女性コンサル アメブロコンサル 100万円 商品づくり 売上 収入 上げる UP 講義 NLP 認知行動療法 実践心理学 カラーコーディネート フラワー クラフト 解決 原因 理由