動くボタンを丁寧に説明

【動画】最近よくある動くボタンを丁寧に説明します!

最近よくある動くボタンを丁寧に説明します!

こんなボタン↓、最近よくみませんか?
コンバージョン(成果)が上がるボタンってすごくすごく大事なんですよ。
FTP不要で簡単に設置できるので初心者にも分かるように説明していきたいと思います。

スケジュールを確認する

【ワードプレス】動くボタンの作り方手順

①投稿画面で、メディアを追加してボタンを配置します。

②ボタンにリンクをつけます。
(ツールバーの挿入からもリンクを貼ることができます。)

③エディタタブをテキストにして、ボタンのコードを下記のHTMLではさみます。

HTML

<div class=”fluffy”>ボタンのコード</div>

④左サイドバーの外観→カスタマイズ→追加CSSに、下記のコードを入力します。

CSS

.fluffy {
animation: fluffy1 3s ease infinite;
}@keyframes fluffy1 {
0% { transform:translateX(0) }
5% { transform:translateX(0) }
10% { transform:translateX(0) }
20% { transform:translateX(-15px) }
25% { transform:translateX(0) }
30% { transform:translateX(-15px) }
50% { transform:translateX(0) }
100% { transform:translateX(0) }
}

⑤上の公開のボタンを押して、先ほどの投稿画面に戻ります。

動くボタンの設置は以上になります、プレビューして確認しましょう!

とっても簡単に設置できました!

 

「1から一緒にワードプレスを開設する」
「自分でできるデザイン集客のノウハウ」
を惜しみなく配信します!

LINE@では集客の為のノウハウやテクニック、ウェブパーツを不定期配信します。

LINE@開設しましたので、是非友達登録をお願い致します♡

こんな方に是非!

・アメブロでは限界がきた
SNS、ブログ更新が大変
・自動で集客してくれるシステムにしたい
・方向性が分からなくなってきた
・集客、まず何をしたらいい?
・ドメインをとってサイトを作りたいけどお金はかけたくない。
・継続的にサポートしてほしい
・女性のライフスタイルに特化したアドバイスが欲しい
SEOって何すればいい?今さら聞けない基本的な知識
・マインドをあげたい

今後の配信予定は…

アメブロから抜け出し、独自ドメインでウェブサイトを一緒に開設する講座です。
自分で出来ない方の為に、講座でサーバの契約からはじめ、一から作ります。

自分のウェブサイトを作るメリットは、

財産になる作り込むことでサイトの価値を上げSEOを強化できる
広告収入が入る
自由なデザイン、機能が実装できる
メルマガ配信が無料
オリジナルのメアドができる
SNSのシェアが楽になる

など、沢山のいいことがあります。

また、リアル講座や成功事例をシェアするお茶会などもしたいと思っています♪

無料で沢山の学びとノウハウを提供していきますので、是非是非登録お願いします!

LINE@に登録する!

 

メルマガでは、さらに特別な内容の講座を無料でプレゼントします。

【一流ブライダルコンサルタントから学ぶ!最速で成約を結ぶ方法】
【女性集客用ウェブ・ブログの考え方】
【女性集客用ウェブ・ブログの作り方】

を無料でプレゼントしますのでこちらもぜひ購読してくださいね!
女性を集客する上で、知ってて損はない知識・ノウハウです。
そして内容は全て私の経験と実績でお伝えします。

カバー画像が必要な理由プレイリスト

【動画プレイリスト】デザイン集客術を反映したブログ・SNSカバー画像が必要な理由

ブログ・SNSカバー画像が必要な理由の動画プレイリスト

私はブログやSNSのカバー画像は、ちゃんとしたデザイン集客術を反映したデザインのものが必要であると絶対的に思っています。

私だけでなく、ブログ集客やアフィリエイトなどのプロフェッショナルたちもそう言っているので、youtubeのプレイリストを集めてみました。

これを見たらあなたも納得するはずです…!

私がデザイン集客術を反映したブログやSNSのカバー画像作成を勧める理由

デザイン集客術とは?

デザインを戦略的に使い、ブログや実店舗などの集客をすること。

詳しくは下記の記事でも説明していますので読んでくださいね!

人は見た目が9割←SNSも見た目が9割

プロフェッショナルたちが必要性を伝えるyoutube動画

宇田和志さん(チャンネル登録者1.1万人)「ブログにもあった!明暗を分ける3秒ルール」

宇田さんがブログのヘッダー画像(カバー画像)は3秒で興味を引かなければユーザーは去ってしまうということを言っています。

JINの楽しいネットビジネス「簡単リサイズから文字入れまで独自性を打ち出す」

ブログは個性を出す時代に入り、外観は何と言ってもヘッダー画像で決まるということを言っています。

ピンク集客術

私たちの好きな【ピンク】について知っておくと得する知識

色には人の購買意欲を促進させたり、気持ちを変化させたりできる魔法のような効果が期待できます。

「私たちの好きなピンクについて知っておくと得する知識」をお伝えします。

ピンクは「安心」「幸福感」を与えさせることができる

さまざまな調査・研究によれば、「女性はピンクが大好き」ということは実証済み。

世界の刑務所では壁や囚人服をピンク色に統一させ、「落ち着かせ、幸福感を与える」という効果を狙っています。
心理学者はその効果を”ピンクの監獄”と呼んでいるそうです。

ウェブサイトや販促物でピンクを使うことは、女性集客術においてデメリットの少ない、効果的な方法と言えます。

ピンク色が安心や幸福感に繋がる理由は、
「血色の良い肌」「乳房」「子宮の中」
私たちが赤ちゃんだった頃に守ってくれた、

「母」

の存在が潜在意識の中にあるからなのです。

そして、幸せホルモン「セロトニン」の分泌が促進されるからなのです。

ウェブサイトのようなスケールの大きいデザインの場合でピンク色を使う場合は、他の色も補足的に使い、ボタンや重要なテキストにはピンクと対照的な色を使うと効果が増大することになります。

ピンクのイメージワード

ピンクを表すワードをまとめてみました。

ピンクイメージワード

・甘え・女性・若い・ロマンチスト・幸せ・赤ちゃん・母・デザート・花・春・繊細・癒し・親切・美容・可愛い

ロゴを作成する時などに、コンセプトイメージとしてピンクのイメージワードを使用してみてくださいね。

ピンクの応用でピンポイントな集客効果を狙おう

ピンクの種類

さらに、ピンクにも色々なピンクがありますよね!

・オレンジっぽいコーラルピンク
・パッションピンク
・ベビーピンク
・ブライトピンク

など、例を挙げればきりがないですが

オレンジよりのピンクは、オレンジの色彩心理効果を取り入れることができます。
例えば、オレンジを取り入れることで「エネルギッシュ」「行動」の要素をプラスでき、「安心感を与えつつも行動」させたい時に効果的。

いやいやーピンクなんて子供っぽくて使えないっていう方、ここぞという時には戦略的に使ってみてください。

ちなみにピンク色を適切に使うことで異性に好印象を与えることもできます。
ベビーピンクが似合う男の人って魅力的じゃないですか?笑

 

2STEPスクリーン動画を gif画像にして自動再生させる方法2STEPスクリーン動画を gif画像にして自動再生させる方法

スクリーン動画をgif画像にして自動再生させる方法2ステップ

スクリーン動画をgif画像にして自動再生させる方法1ステップ

最近よく見かける、下記のような動画、右クリックなどすると分かるのですが、これはgif画像なんです。
動画のようにボタンを押さなくても自動で繰り返し再生してくれるのでユーザーにとってもワンクリックの手間がなく便利ですよね。

今回はたった2ステップで作れる方法をご紹介したいと思います。

STEP.1 スクリーンを録画する

google chromeで録画する方法(私はこれ)

googleのウェブストアにアクセスします。

②「Awesome Screenshot」と検索して拡張機能をインストールします。
すると、ツールバーにAwesome Screenshotのマークが追加されます。

③「Record Screen」をクリックして、
・Countdownで何秒後にスタートするか入力
・Micで自分の音声を入れるか
を選択し、START RECORDINGのボタンを押すと、録画が開始されます。

 

STEP.2 動画を変換する

動画をgif画像へ変換

こちらのaconvertというサイトで変換可能です。

①ファイルを選択する。

②ターゲットフォーマットはそのままでオッケーです。
オプションは画面サイズやビット数の設定が必要であればしてください。
特に変更しなくても大丈夫です。

③いますぐ変換のボタンを押すと、エンコーディングが始まります。
変換結果の出力ファイルというところのダウンロードアイコンをクリックしてファイルをダウンロードします。

動画から変換したgif画像をワードプレスに挿入する方法

通常の画像アップロードと同じ手順で、メディアを追加すればオッケーです。ちょっと時間がかかる場合もありますがちゃんとアップされますのでご安心くださいね!

HTTPエラーが出た場合の対処法

HTTPエラーの対処法

エックスサーバーの場合は、サーバーパネルの「php.ini設定」というところで、「upload_max_filesize」を変更してください。

私は300Mにしていますが大体のファイルがアップできます。

主婦が成功しやすいアフィリエイトは登録無料の「ハピタス」

主婦が成功しやすいアフィリエイトは登録無料の「ハピタス」だと思う

主婦が成功しやすいアフィリエイトは登録無料の「ハピタス」

初心者や主婦がアフィリエイトを始めてみようかなと思うと、サイトを用意したり準備が大変ですよね。

今回紹介する紹介制度のアフィリエイトは、リスクなく、成功しやすく超簡単で自分も相手もハッピーになれる、無料で登録できるものです。

ちょっとアフィリエイトをしてみようかな〜?と思っている方にもオススメです。

ポイントを貯めるのが楽しくなるお小遣いサイト

あの有名なわっきーさんがオススメしているお小遣いサイトのハピタス。
わっきーさんのメルマガで存在を知ったのですが、主婦や働くママにぴったりなお小遣いサイトだったんです。

ハピタスを通すと、色々なサービスがお得になります。

私は楽天やアマゾン、Yahoo、メルカリでお買い物をする時にはハピタスを通してます。

クレジットカードを作って1万円もらえたり、
トイザらスやベビーザらスのオンラインショッピングでは1.2%のポイントがもらえたり。ネットショッピングは大体網羅しているので、とにかく一回ハピタスを通せばオッケー!

自分が使って本当に良いものなら、人に紹介してもきっと感謝される!
あなたがハピタスを使ってみて良いものと感じたら友達に紹介したり、ブログでオススメしてみてください。

私の持論ですがアフィリエイトは、「売らない」 「自分も相手もハッピーになる」ものだと成功します。

ハピタスは無料なので売るものではないです、だから初心者のアフィリエイトとして成功しやすいんです。

ハピタスの紹介制度

では実際、どういう報酬が手に入るのか?=ポイントがプレゼントされます。

2つのパターンがあって、
1つは、友達紹介制度といって自分と友達に200ポイントがプレゼントされます。
2つめは、還元型紹介制度で友達が貯めたポイント数に応じてポイントがプレゼントされます。沢山活用してくれそうだな〜と思う友達にはこちらをオススメするといいですね!

ハピタス

主婦でも贅沢する権利はある!

私もそうでしたが、生活費を気にして自分の美容や趣味への投資を我慢する生活…。
正直、辛くないですか?
自分のお小遣いが少しでもあったらちょっといいランチに行けたり、欲しい洋服を値段を気にせずに購入したり、好きば場所へ旅行へ行けたり…が可能になります。

まずは自分が登録してみて、普段のインターネットショッピングをする前にハピタスを経由してポイントを貯めてみてください。

そして良いサービスだなぁと思ったら友達に紹介してください!

とにかく行動すること!が成功の道を開くことになりますよ♪

ハピタスはこちら
ハピタス