この記事では、アメブロのアクセスアップ方法について解説します。

アメブロはアクセスを稼ぎやすいブログサービスですよね。

正しく運営できれば、1日3,000PV・月10万PVを簡単に狙えます。

下記は「あめっくま式コンサル」の生徒さんから送られてきた、アクセス数のスクショです。

以前は1日平均200PVでしたが、指導2か月後で1日平均4,000PV近くまで伸び・収益も順調に増加中。

コツが分かると、このようにブログ閲覧数を右肩上がりで増やせるのがアメブロのいいところですよね。

でも・・・

ブログ相談では、「毎日記事を書いているのにアクセスが伸びない」という悩みがとても多いです。

記事を書いても読者に訪問されなければ、アクセスは増えないですよね。

あめっくま

アクセスを伸ばす手法を使って、読者に訪問してもらうことが大事です。

そこでアクセスUPで重要な、下記の3点を解説します。

もちろん、誰でも使える真面目な方法だけを使います。

慣れると簡単なので、早めにアクセスを増やすコツを身にましょう！

くますけ

アメブロでも簡単にアクセスを伸ばせるんだね！

あめっくま

アクセスアップ手法をどんどん取り入れよう！

アメトピで一気に数万アクセス

記事が「アメトピ」に採用されると、アメブロのTOPページなどに表示されますよね。

目立つ位置に表示されるので、選ばれると短時間に大量のアクセス（数万PV）が来るのが特徴。

冒頭のコンサル生さんも、アクセスが急増している日はアメトピに採用されています。

掲載された日は、アクセス数が爆発的に伸びていますね。　

アクセスが急増すれば、AmebaPickの収益やフォロワー数UPも期待できます。

アメトピを狙えると、とっても有利！

ただしライバルは多いので、アメトピ掲載のコツを利用することが大事です。

 採用のコツがある！

アメトピ掲載のコツは7つ！1,000記事調査で分かった採用される方法

この記事ではアメトピに掲載されるコツを公開します。アメトピを1,000件調査したところ、本当に必要な条件・基準が明らかになりました。全く採用されないブログには明確な理由がありますが、簡単に採用率を上げることは可能です。

nk-media.org

くますけ

アメトピは効果が高いけど、1つだけではリスクが高いんだね！

あめっくま

検索エンジン・リンク・SNSなどの他の手法との併用が大事だよ！

検索エンジンから安定・大量アクセス

検索エンジン（Google・Yahoo・Beingなど）からアクセスを集める手法ですね。

主な効果は下記の3点。

検索エンジンはアクセスを集める能力が高く、収益性もバツグンなのでブログの最重要スキルとなっています。

例えば、「アメブロ 始め方」でGoogle検索すると・・・

当ブログの「アメブロ版」で書いている、👇の記事が1位で表示されていますね。

『【アメブロの始め方】アメーバ登録から開設・作成時の注意点』

この記事では、アメブロの始め方を詳しく解説します。 アメブロは無料で始められる、人気のブログサービスですよね。 趣味の日...

ameblo.jp

Googleから「アメブロの始め方で1番参考になる記事だよ」と推薦されている状態です。

ちなみに、この記事のアクセス数の推移は下記の通り。

ブログ全体ではなく、もちろん1記事だけのアクセス数推移です。

2020年8月に作成した記事ですが、どんどんアクセス数を伸ばしてますよね。

このように検索エンジンから評価されると、長期間大量のアクセスが続くのが特徴。

このような記事を「資産記事」といい、ブログが「自動販売機」状態になりますよ。

毎日記事を書く必要がなくなるので、時間も有効に使えますよね。

ちなみに「あめっくま」のアメブロは全記事が検索上位なので、過去記事だけで毎月数万アクセスを稼いでいます。

なお「資産記事」のテクニックを使えると、かなり稼げるので・・・

具体的な手法は、「あめっくま式コンサル生」または下記の「note記事」限定とさせて頂きます。

 限定情報を公開中！

アメブロ初心者を脱出！長期間アクセスが続く資産記事の基本的な作り方｜あめっくま先生

✅ あめっくまのnoteご購入者「1,000名突破」記念 この記事を購入された方向けに、キャンペーンを実施中！ 【特典】...

note.com

くますけ

過去記事が資産になって、アクセスが増えるんだね。

あめっくま

だから検索エンジン対策は、ブログの最重要スキルなんだよ。

リンクでアクセスを数倍にできる

関連する記事同士をリンクでつないで読者を誘導すると、簡単にアクセスを2倍・3倍に増やせますよね。

アメトピ・検索エンジン・SNSなどで外から訪問した読者を、リンクを活用してブログ内を回遊させることが重要。

ただし下記の設置だけでは、アクセスや収益は伸びにくいです・・・

初心者でよく見る「なんちゃってリンク」ですね。読者はあまりクリックしてくれません。

リンクは工夫次第で読者のクリック率が急増します。

つまり、アクセス・収益を簡単に伸ばせるということ。

単に設置するだけでは効果が低いので、アメブロのリンク活用方法を使うのが大事です。

 集客・収益UP方法がたくさん！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

くますけ

リンクの設置自体は簡単だけど、誘導するには工夫がいるんだね。

あめっくま

ブログでアクセス数・収益が多い人ほど、リンクの使い方が上手だよ。

ツールで改善点を探す

アメブロを分析する主なツールは3つ。

「アメブロ解析」はアクセス数が簡単に分かるツールですが、改善点は分かりません。

あくまでも、普段の確認用に使うツールですね。

「Googleアナリティクス」を使うと、ブログを訪れた読者の動きを確認できます。

つまり、「ブログの改善点」「アクセスが伸びない理由」を発見できるということ。

さらに「サーチコンソール」（通称サチコ）は、検索エンジン（Google）から集客する時の必須ツール。

あなたの記事が、Googleからどのように評価されているのか分かります。

どちらも無料で使える分析ツールなので、積極的に使いましょう！

 集客・収益UPの必須ツール！

【必見】アメブロのGoogleアナリティクス設置～超活用法！収益UPのヒント

アメブロにGoogleアナリティクスを設置する方法と自分のアクセスを除外する方法を解説します。アメブロ解析ではなくGoogleアナリティクスを使うことでブログの改善点が分かります。過去の記事を改善して資産化していく上で必須の設定なので必ず設置しておきましょう。

nk-media.org

 資産記事作成時の必須ツール！

詳しさNo.1！アメブロでのサーチコンソール登録＋活用法

アメブロでのサーチコンソール登録方法と具体的な活用法を解説します。サーチコンソールの使い方が分かると、アメブロでGoogleから集客するための改善点が簡単に分かります。Google上位を目指すための必須ツールなので、早めに習得しましょう！

nk-media.org

くますけ

自分で改善点を見つけて修正できると、効率がいいよね。

あめっくま

特にアナリティクスは、アメブロで稼ぐなら必須ツールだよ。

ハッシュタグを工夫する

ハッシュタグにはアクセスを増やす重要な役割がありますよね。

使い方を工夫すると、👇の効果があります。

読者があなたの記事を見つける機会が増え、アクセスが伸びる仕組みですね。

さらにアメトピの採用率にも影響するので、ハッシュタグの選び方はとても大事！

記事内容に合うハッシュタグだけを選ぶと効果が出にくいので、注意したいですね。

ハッシュタグの効果的な使い方は、下記の記事で詳しく紹介しています。

 適当じゃダメ！

効果絶大！アメブロのハッシュタグの付け方＋超活用法

アメブロのハッシュタグの効果的な付け方・使い方を公開します！ハッシュタグの選び方次第で、あなたのアメブロを成長させることも可能。逆に使い方を間違えると、効果が出にくいので詳しく解説します。

nk-media.org

あめっくま

ハッシュタグにはアクセスを増やす選び方があります。

SNSから集客

SNSはアメブロの数倍の利用者がいて、拡散されやすいツールですよね。

SNSでもフォロワーを増やし、アメブロへ誘導してアクセスを伸ばす仕組みです。

ただし、記事をSNSに共有するだけでは厳しいです・・・

慣れない人はアメブロの記事内容を要約・分割して、投稿ネタにすることから始めましょう。

くますけ

SNSからアメブロに誘導してくるのは大事だよね。

あめっくま

今の時代にアメブロだけでは厳しいからね。SNSとのセット運用は欠かせないよ。

外部サイトから誘導

もちろん質の高い記事を書けば、他人のブログから紹介されることもあります。

ただし難易度は高いので、自分自身で外部から誘導する手法が便利です。

特に簡単なのは、下記の2つ。

どちらも様々なブログを紹介する無料サービスですよね。

例えば「ブログ村」に登録して順位が上がれば、意外とアクセスが入ってきます。

他にも「note」などでサブブログを作って誘導する方法も人気。アメブロとは違う読者層の獲得も狙えます。

くますけ

外から自分のブログに誘導することもできるんだね。

あめっくま

ブログ村やブログランキングは、すぐに使えるからおすすめだよ。

アメブロ内検索

アメブロ内にも検索システム（Ameba検索）がありますよね。

知りたい情報を探すために、アメブロ内のブログを検索する人もいるということ。

読者が検索するキーワードを記事タイトルにつけることで、あなたの記事が発見されます。

記事タイトルにキーワードを入れるのは、アメブロの初歩テクニック。

適当な記事タイトルでは永久に発見されません・・・確実に習得しておきましょう！

くますけ

キーワードは大事なんだね。

あめっくま

キーワードの仕組みが分かると、ブログ集客は意外と簡単だよ。

ランキングからアクセスを稼ぐ

公式ジャンルで上位になると、ランキングからのアクセス数が増えます。

目安は1ページ目に入ること（できれば10位以内）

2ページ目以降はあまり見られないので、残念ながらほとんどクリックされません。

計算式は非公開ですが、順位に最も影響を与えるのは記事のアクセス数です。

そのため今アクセスの少ない人が、すぐに上位に入るのは現実的ではありません。

「アメトピ」「検索エンジン」「リンク」「SNS」などで、先にアクセス数を伸ばすことが大事ですね。

くますけ

ランキングを上げるためには、先にアクセス数が必要なんだね。

あめっくま

順位は気になるけど、まずはアクセスを伸ばすことに集中しよう。

フォロワーに再訪問してもらう

フォロワーを増やすことも重要です。

あなたの記事が更新されるたびに、フォローフィードに通知が行きますよね。再訪問の可能性が高くなります。

基本の手法は下記の2つ

そして、一般人のフォロワーを増やすことが大事。

フォロワーがアメブロを書いている人ばかりという状況は避けたいです。フォローバック目的のフォロワーばかり増やしても、再訪問してくれません。

収益につながる意味のあるフォロワーを増やしましょう。

くますけ

数だけ増やしても意味がないんだよね。

あめっくま

記事を正しく書いていれば、フォロワーは自然に増えていくよ。フォロワー数が少なくても、焦る必要はないよ。

アクセス数が増えない手法

下記はアクセスや収益が伸びにくい運営手法の一例です。

あめっくま

まずは読者が読んで参考になる記事を書きましょう。

アメブロのアクセスアップで大事なコト

アメブロで特に効果の高いアクセスアップ手法は下記の5つ。

アメトピ・検索エンジン・SNSを活用して、まずはブログ自体に訪問してもらうのが最初ですね。

そしてリンクで読者に回遊してもらい、アクセスをさらに伸ばします。

定期的にGoogleアナリティクスで改善点を探して、修正することも大事。

そうするとランキングやフォロワーも増えるので、さらにブログが成長していきますね。

あめっくま

アクセスアップ手法は1つだけに頼るとリスクが高いです。必ず複数の手法を組み合わせましょう！

この記事では、アメブロに「申し込みフォーム」や「お問い合わせフォーム」を設置する方法を解説します。

もちろん全て無料でOK！

例えば、下記のような「お申し込みフォーム」をアメブロでも作成できます。（デモページはこちら）

「お問い合わせフォーム」も下記のように埋め込みできます。（デモページはこちら）

アメブロでビジネスをするなら、「申し込みフォーム」は収益UPに必須です。

「お問い合わせフォーム」を設置すればお仕事の依頼が来たり、読者とのコミュニケーションにも利用できます。

「おすすめの無料フォーム」や「設置のコツ・注意点」も紹介しているので、確認しておきましょう！

くますけ

「申し込みフォーム」の設置は難しそうだなあ・・・

あめっくま

作り方は簡単だから、早めに設置しよう。

ブログ向け無料の「申し込み・お問い合わせフォーム」

無料の「フォームサービス」は複数あるので、おすすめなものを紹介します。

選ぶ時の主なポイントは、下記の5項目です。

お問い合わせ・アンケート・資料請求・イベント受付など、複数のフォームを使い分けたい場合は設置可能なフォーム数に注意して下さい。

「お問い合わせフォーム」のみに利用するなら、1つのフォーム内に設置可能な項目数は少なくてもOK。

ただし「申し込みフォーム」に使う場合は、設置可能な項目数が多い方が電話番号や住所などの入力欄も作れます。

くますけ

使う目的によって、おすすめなフォームサービスが違うんだね。

あめっくま

続いて「おすすめの無料フォーム」サービス4社を紹介するね。

formrun（フォームラン）

「formrun（フォームラン）」は直観的操作で、とにかく簡単にフォームを作れるのが特徴。

便利なテンプレートが用意されていて、「お問い合わせフォーム」ならサクッと作れます。

例えば下記のフォームなら、1分程度で作成も可能。とにかく早い！

ただし無料プランで作成可能なフォームは1つのみ。複数のフォームを使うなら、有料プランが必須。

無料プランでは、「お申し込みフォーム」と「お問い合わせフォーム」を同時に作れません・・・

「お問い合わせフォーム」専用として使うなら、手軽なので便利です。

なお自動返信メールに「formrun」のロゴが入るのが、個人的にはデメリットです・・・

アメブロでの「formrun（フォームラン）」の使い方・埋め込み方法は、下記の記事で具体的に解説しています。

 実際に設置してみたよ！

【簡単】formrun（フォームラン）の使い方・埋め込み設置方法

この記事ではのformrun（フォームラン）の使い方・埋め込み方法・活用のコツ・注意点を紹介します。

nk-media.org

あめっくま

お問い合わせフォーム１つでいいなら、超簡単で便利です。

FormMailer（フォームメーラー）

フォームメーラーも簡単操作で、「お問い合わせフォーム」を作成しやすいです。

無料プランでも5つのフォームを作れます。

例えば下記のフォームなら、3～5分程度で作成可能。比較的早いですね。

ただし無料プランでは、1つのフォーム内に設置できる項目数が7項目までと少なめ。

「お申し込みフォーム」では項目数が多くなりやすいので、7個で足りるかがポイント。（上記の見本でギリ7項目）

無料版では決済機能を使えないので、支払いは別途メールなどでやり取りなどが必要となるので注意しましょう。

アメブロでのフォームメーラーの使い方・設置方法は、下記の記事で具体的に解説しています。

 実際に設置してみたよ！

アメブロでのフォームメーラーの使い方・設置方法

この記事ではアメブロでのフォームメーラーの使い方・設置する方法・活用方法・注意点を紹介します。

nk-media.org

あめっくま

シンプルなフォームを複数作る場合に便利です。

Googleフォーム

Googleフォームは設置が楽チン！Googleアカウントがあればサービスへの登録も不要なので、今すぐ利用できます。

さらに「作成できるフォーム数」「1フォームに設置可能な項目数」は無制限（Googleドライブの容量上限まで）

例えば下記のようなフォームなら、2～3分程度での作成も可能。とにかく早い！

ただし実際にお問い合わせが来た時に、返信するまでの流れが他のサービスとは違います。

お問い合わせが来れば、登録したあなたのメールアドレスに通知が来るのは同じ。

通常は内容が書かれているので、そのままメールで返信できます。

ただし「Googleフォーム」の場合は、通知メールの文面では問い合わせ内容が分かりません。

つまり「Googleフォーム」を立ち上げて内容確認してから、メールに戻って返信します。

くますけ

返信する時に、ひと手間あるということだね。

また決済機能を使えないので、支払いは別途メールなどでやり取りが必要となります。

作成できる数が無制限＋手軽に作れるので、フォームを多く作る人にはとても便利です。

あめっくま

アカウント登録も不要なので、利用している人が多いですよね。

formzu（フォームズ）

無料アカウントでも、フォーム数を無制限で作れるのが特徴。

無料プランでも決済機能（PayPalのみ）も利用可。フォーム上で決済できるので、支払いについてのやり取りが不要となりますね。

無料で使える機能も豊富で、本格的な「お申し込みフォーム」「お問い合わせフォーム」を作成できます。

例えば下記のようなフォームなら、10分程度で作成可能。

ただしシンプルな「お問い合わせフォーム」を設置するだけなら、他の3つの方が簡単に作成できます。

また毎週開催しているような教室・スクールなどの予約には、無料で使える予約フォームの方が明らかに便利です。

おすすめの予約フォームと比較してから判断しましょう。

あめっくま

「お申し込みフォーム」を検討している人なら、特におすすめです！

アメブロにお申し込み・お問い合わせフォームを設置

下記の3STEPで、アメブロにお問い合わせフォームを設置できます。

あめっくま

詳しく解説しますね。

STEP① フォームを作成

まずは、「お申し込みフォーム」または「お問い合わせフォーム」を作成しましょう。

それぞれの作成方法は、下記のリンク先で解説しています。（一部準備中）

今回は「formzu（フォームズ）」で作成したフォームをアメブロに設置します。

あめっくま

フォームサービスは用途に応じて選んで下さいね。

STEP② フォームのURLを取得

お問い合わせフォームを作成したら、URLを取得しましょう。

例えば「フォームズ」で作成すると、フォーム保存完了画面で下記のようにURLが表示されます。

このURLをアメブロにリンクとして設置するということですね。

なおアメブロでのリンクの貼り方・活用法は、下記の記事で解説してます。（ちなみに収益が伸びない人は、ほぼ100%リンクの活用法に問題があります・・・）

 収益UP方法あり！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

あめっくま

フォームを作成したら、専用のURLが発行されますよ。

STEP③ アメブロに設置

最後にアメブロにお問い合わせフォームを埋め込みます。

リンク先をお申し込みフォームのURLにするだけ。

これで読者がクリックすれば、「お申し込みフォーム」や「お問い合わせフォーム」に飛んでくれますね。

あめっくま

ただし、テキストリンクでは読者からの申し込みは増えにくいです・・・記事後半の設置のコツを確認しておきましょう。

お申し込み・お問い合わせフォームの注意点

特に大事な注意点は下記の3つです。

あめっくま

順番に解説しますね。

①必ず記事内に設置する

最近ではブログをスマホで見る読者の方が多いですよね。

アメブロの場合にサイドバーやヘッダーメニューのみに設置するとスマホでは見れないので、フォームの意味がありません。

スマホの読者に知らせるには、アメブロでは記事本文に設置するのがベスト。

例えば記事本文の最後の方に設置するなど、工夫をしておきましょう。

あめっくま

サイドバーやヘッダーメニューだけに設置するのはNGです・・・

②自動返信メールを設定する

読者がフォームから送信した時に自動返信メールが届かないと、内容が届いたのか不安になりますよね。

事前に自動返信メールを設定しておきましょう。

自動返信メールに読者の記入内容を表示すると、送信内容も確認できるので親切ですね。

あめっくま

今回紹介している無料のフォームサービスは、全て自動返信メールの設定ができます。

③保存が必要ならダウンロードしておく

無料フォームサービスは、問い合わせ内容の保存期間や数に制限があります。

制限を超えると、過去の問い合わせ内容が見れなくなる点に注意して下さい。

保存が必要な場合には、必ずダウンロードしておきましょう。

あめっくま

スプレッドシートなどで管理しておけばOKですね。

お申し込みフォーム設置のコツ

単に「お申し込みフォーム」へのリンクを貼るだけでは、ハッキリ言って読者からの申し込みは増えません・・・

読者にクリックさせる工夫が欠かせませんよね。

あめっくま

収益UPのためには設置の仕方が重要です。

①画像リンクやボタンを利用する　

フォームの存在を分かりやすくするために、画像リンクやボタンを利用しましょう。

テキストリンクでも可能ですが、目立たないのが理由です・・・

くますけ

バナーやボタンを使うのは基本だよね。

例えば画像リンクなら、下記のようなバナーを用意してリンク先をフォームのURLにすればOK。（クリックするとデモ用のフォームに飛びます）

記事下やサイドバーなどに設置すると、かなり目立ちますね。読者からのコンタクトを増やせます。

なおアメブロでの画像リンク・バナーの設置方法や具体的な活用法は、下記の記事で紹介しています。

 超活用法あり！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

ボタンなら、当サイトで紹介しているアメブロ用の「申し込みボタン」「お問い合わせボタン」が便利。（クリックするとデモ用のフォームに飛びます）

お申し込みはこちら

お問い合わせはこちら

下記の記事で、素材を紹介しているので活用して下さいね。

 まだ使ってないの？

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

画像リンクやボタンを記事本文やサイドバーに配置して、リンク先をフォームに設定しましょう。

あめっくま

テキストリンクだけでは、チョット厳しいです・・・読者のクリック率を上げる工夫が欠かせませんね。

②吹き出しや囲み枠の中に入れる

アメブロでもアイコンつきの吹き出しが使えるようになったので、利用者が急増していますよね。

吹き出しは目立ちやすく、アイコン＋名前付きなので読者に覚えてもらえるのがメリット。

さらに会話する雰囲気が出るので、読者が目を留めやすいです。

下記のように、吹き出しの中に「申し込みフォーム」へのリンクを設置するとクリック率を伸ばせます。

アメブロでの吹き出しの使い方は、下記の記事で解説しています。

 効果絶大！

【コピペOK】アメブロ用の吹き出し素材42選（画像アイコン付き・会話風）

この記事ではアメブロで簡単に使える「アイコン画像つき吹き出し」を全42種類紹介します。吹き出しデザインと色を選んだら、コードが表示されるのでコピーしてアメブロに貼り付けるだけ。簡単にブログがおしゃれに生まれ変わりますね。

nk-media.org

古典的ですが、「囲み枠」の中に入れる手法もよく使われますよね。

「アメブロ用の囲み枠素材」は、下記の記事で紹介しているので活用して下さい。

 かわいい素材が豊富！

【素材数No.1】アメブロ用の囲み枠・ボックス厳選300種

この記事ではアメブロ用の囲み枠・ボックス・フレーム枠のデザインを提供しています。素材は約300種類（色も選べる）・コピーして貼り付けるだけ（HTML・CSSの知識不要）シンプル・かわいい・かっこいいな囲み枠を用意しています。囲み枠を使っておしゃれなブログにしましょう。

nk-media.org

あめっくま

特に吹き出しの効果は絶大です！

③記入項目は最低限にする

お問い合わせフォームの場合、読者に記入してもらう項目は最低限にしておきましょう。

項目数が多ければ、申し込み・問い合わせを面倒に感じますよね。

単に問い合わせ用なら、個人情報の項目も最低限でOK。

ただし下記の3項目の入力欄は、入力必須項目にしておきましょう。

もちろん必要な項目は、ブログや用途によって違います。

「申し込みフォーム」「注文フォーム」なら、住所や電話番号など項目が増える場合もありますよね。

読者の立場に立って、本当に必要な項目を絞り込みましょう。

あめっくま

フォームの用途によっても項目数は変わりますね。

この記事では、アメブロでの「画像リンク・バナー」の基本の貼り方・作り方～収益UPする方法について解説します。

画像リンクやバナーのクリック率が伸びれば、短期間で収益が伸びますよね。

当ブログのアメブロ版でも活用していて、売上は好調です。

この記事で画像リンクのテクニックを学んで、収益を効率よく伸ばしましょう！

あめっくま

効果が下がる貼り方をしている人も多いので、正しい手法を学んで下さいね。

なお下記記事の「収益UPするリンク活用方法」も知っておくと、さらに効果的です。

 収益UPする方法があるよ！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

アメブロでの画像や写真のリンク・バナーの貼り方

最初に基本的な貼り方を確認しておきましょう。

PCの場合は、下記の4STEPでOK。

画像やバナーを最初に挿入する以外は、リンクの基本的な貼り方とほぼ同じ。

あめっくま

PCの記事本文・サイドバー・スマホ、それぞれの設置方法を解説します。

【PC版】画像リンクの貼り方

PCで画像・写真リンクやバナーを入れるのは、とても簡単です。

STEP①

まず画像を記事に挿入する作業です。

通常の画像操作と同じなので、問題ない人は手順②に進みましょう。

最初にあらかじめ用意した画像やバナーをアップロードします。

エディタ右側の「カメラマーク」をクリックして「アップロード」をクリックしましょう。

あなたのPC側フォルダが開くので、使用する画像を選んで下さい。

すると下記のように、アメブロのエディタ右側に選んだ画像が表示されます。

アップロードできた状態ですね。

エディタ上で画像を貼り付ける場所を選んだ状態で、貼り付ける画像を選びましょう。

下記のように、記事エディタ上に画像やバナーを挿入できます。

くますけ

ここまでは記事に画像を挿入するのと同じだね！

STEP②

続いて下記のように、画像をクリックして「リンクマーク」をクリックしましょう。

画像が選択されている状態（青く表示され・画像の調整ボックスが表示）のまま、リンクマークをクリックすればOK。

STEP③

下記のようにリンク挿入用のボックスが表示されます。

リンク先のURLを貼り付けて、リンクを挿入する」をクリックして下さい。

ちなみにURL欄にアドレスが最初から入っていますが、全部消して新しいURLを貼り付けてOK。

なお「アメブロで自分のブログURLを簡単に確認・取得する方法」は、下記記事で紹介しています。

意外な時短テクニックも紹介しているので、チェックして下さいね。

 時短アイデア・注意点あり！

アメブロで自分のブログのURL確認方法をPC・スマホ別に解説！

この記事ではアメブロで自分のブログ記事のURL確認・取得方法をPC・スマホ・アプリそれぞれで紹介します。トップページ・テーマページ・プロフィールページ・予約投稿（未来記事）に加えて、他人のブログ記事のURLの調べ方も解説しています。

nk-media.org

STEP④

「リンクを挿入する」をクリックすると、エディタに戻り完成です！

なおリンクを埋め込みしても、エディタ上の見た目は変わりません。

またプレビューページでチェックしても、リンクにはまだ飛べない状態です。

記事公開後に画像をクリックして、予定通りのページに飛べるか必ず確認しておきましょう！

あめっくま

ここまでが基本の貼り方です。さらに収益を上げるための活用方法を、記事後半でチェックしましょう！

補足（画像の調整）

なおエディタ上で画像をクリックすると、下記のように調整ボックスが表示されますよね。

画像のサイズ調整・画像の中央寄せ・代替テキストを設定できます。

下記のように画像を中央寄せしておけば、PCで読む読者も見やすいですね。

なお、アメブロの画像に代替テキストを入れるのは大事なので忘れずに！

 基本を忘れずに！

【重要】アメブロの画像での代替テキストの書き方と効果

アメブロ記事に載せる画像に代替テキスト（alt属性）を載せる方法を解説します。画像で分かりやすくするのは大事ですが、代替テキストを入れていないと、画像が見れない時に内容が伝わりません。仕組みや効果的な活用法を解説します。

nk-media.org

【サイドバー版】画像リンク・バナーを設置

アメブロのサイドバーに画像リンクやバナーを入れる時は、フリースペースを使います。

（既にフリースペースを使用している人は、追記すればOK）

詳しい方法は、下記をクリックして確認して下さい。　　

サイドバーでの挿入方法はこちら

STEP①

アメブロの設定画面から、右下にある「フリースペース編集」をクリックします。

 

下記のようにフリースペースの編集画面が表示されるので、ここに画像リンクのHTMLコードを貼り付けるのですが・・・

HTMLコードが分からなくてもOKな方法を紹介します！

STEP②

仮の記事に画像リンク・バナーを設置して・フリースペースにコピペすると、サイドバーにも簡単に設置できます。

まずは仮の新しい記事を作成して下さい。（エディタを使うだけなので、記事自体は作りません）

 

そうするといつも通り記事作成エディタが開きますよね。

PCで記事に画像リンクを貼る方法で、下記のようにエディタに画像リンク・バナーを設置した状態にします。（URLは挿入済）

 

この状態で、エディタ左下の「HTML表示」をクリックします。

なお、画像サイズ・中央表示・代替テキストも全て設定済の状態にしておくのがおすすめです。

【補足】
サイドバーに設置するバナーは、2カラムの場合には横幅300ピクセルがおすすめです。（デザインが新CSSの場合）

下記のように画像をクリックして、サイズ調整しておきましょう。

 

すると下記のように、画像リンク・バナーのHTMLコードが表示されるのでコピーします。

 

くますけ

これならHTMLコードが分からなくても大丈夫だね！

STEP③

コピーしたHTMLコードを、フリースペースの好きな位置に貼り付けて下さい。

 

保存をクリックしましょう。

これで画像リンク・バナー自体は作成できました。後はフリースペースをサイドバーに表示するだけです。

【補足】
既にフリースペースに他のコードを使っている人は、バナーを設置したい場所に貼り付けて下さい。

STEP④

【補足】
STEP④は初めてフリースペースを使う人向けの作業で、既に利用中の人は不要です。（STEP③で表示されます）

 

最後にフリースペースを画面上に表示させる作業を行います。

下記のように再度設定に戻って、右下の「配置設定」をクリックして下さい。

 

下記のようにフリースペースを左側の「使用しない機能」から、右側の「使用する機能」へ移動させます。

 

今回は下記のように、一番上に配置しました。（配置順はお好みでOK）

サイドバーで「フリースペース」⇒「テーマ一覧」⇒「最近の記事一覧」の順に表示されるということですね。

 

順番を決めたら、「保存」をクリックして下さい。

これで完成！

PCで記事を見てサイドバーに表示されているか、確認しておきましょう。

 

あめっくま

実際にクリックしてチェックして下さいね。

補足

下記のようにフリースペースには、バナーを含め複数のコードを貼り付け可能です。

実際に当アメブロメーカーのアメブロ版では、バナーなどを複数貼り付けた見本を確認できます。（PCのみ）

 

ちなみにコードの間に空白行を「エンターキー」で作ると、実際のサイドバーでも余白ができます。

少し余白を入れておいた方が、見やすいサイドバーとなりますね。

 

あめっくま

ピッタリくっつくと、分かりづらく・クリックしにくいので注意しましょう！

【スマホ・アプリ版】画像リンク・バナーを設置

iPhoneなどでスマホアプリを利用する場合でも、画像や写真のリンク・バナーの設置は可能です。

ただしスマホでの貼り方は超面倒！PCでの貼り付けを推奨します・・・

必要な方は、下記をクリックして確認して下さい。

スマホでの挿入方法はこちら

なお下記記事の、「スマホでリンクを簡単に貼り付ける方法」を知っていると楽チンです。

 スマホでも簡単にできる！

【アメブロのスマホ・アプリでのリンク】簡単な貼り方とNGな方法

アメブロのリンクのスマホ・アプリでの貼り方と、URLの簡単な貼り付け方を解説します。アメブロのアプリ（iPone・アンドロイド）でもリンクを貼ることで収益UPが可能です。

nk-media.org

 

STEP①

スマホアプリでは基本的に画像やバナーにリンクを貼れないので、まずは「仮のテキストリンク」を用意します。

画像リンクを貼り付ける場所で、下記のように仮のテキストリンクを作成して下さい。

テキストは消すので適当でOK。

URLは画像をクリックした時に飛ぶ先のページを、間違えずに入力しましょう。

 

なお「アメブロのスマホアプリで自分のブログURLを確認・取得する方法」は、下記記事で紹介しています。

スマホで使える意外な時短テクニックも紹介しているので、確認して下さいね。

 時短アイデア・注意点あり！

アメブロで自分のブログのURL確認方法をPC・スマホ別に解説！

この記事ではアメブロで自分のブログ記事のURL確認・取得方法をPC・スマホ・アプリそれぞれで紹介します。トップページ・テーマページ・プロフィールページ・予約投稿（未来記事）に加えて、他人のブログ記事のURLの調べ方も解説しています。

nk-media.org

 

リンクを挿入すると、下記のようにリンクカードが出るページもあります。今回は使わないので、削除して下さい。

リンクカードの次の行をクリックして、削除すればOK。

STEP②

続いて画像・バナーを挿入します。

下記のように仮のテキストリンクの直後をクリックした状態で、画像マークを選択して下さい。

 

スマホの画像一覧が表示されるので、利用する画像・バナーを選びます。

 

すると下記のように、仮のリンクの後に画像・バナーが挿入できました。

この状態で右上の「入力完了」をクリックします。

STEP③

下記の画面に戻るので、左下の「HTML編集」をクリックして下さい。

HTMLコードが表示されます。

 

ここで大事なのはリンクを表す「<a>～</a>タグ」の間に、画像を表す「<img>タグ」を入れること。

そこで下記のように、「仮のリンク</a>」の部分を削除して・「<img>タグ」の直後に「</a>」を記入します。

【補足】
</a>は全て半角で記入して下さい。

 

下記のように「<a>～</a>タグ」の中に「<img>タグ」が入っていればOK。

完了をクリックして下さい。

STEP④

すると下記のように、仮のテキストリンクが消えて画像・バナーが残ります。

これで完成です。（プレビューやエディタ上では画像をクリックしても飛べません）

 

いつも通り記事を完成させて、記事を投稿しましょう。

記事完成後は実際に画像リンク・バナーをクリックして、予定したURLに飛べるか確認して下さいね。

補足

記事完成後に画像をクリックしてもリンクが飛ばず、画像が拡大される場合があります。

その場合は、再度記事を編集しなおします。

 

下記のように「HTML編集」に戻ると、余計なタグが入っているのが確認できます。

（アメブロの仕様で勝手に入れられる・・・）

画像拡大用の「<a>タグ」が入っているので、赤い部分を削除しましょう。

完了をクリックして、記事を投稿しなおせば今度はクリックで飛べるはずです。

 

あめっくま

画像リンクはPCで入れる方が明らかに楽ですね・・・

画像リンク・バナーを簡単に貼り付ける方法

毎回の記事で、画像リンク・バナーを貼り付けするのは面倒ですよね。

1度作成した画像リンク・バナーなら、2回目以降はコピペで簡単に貼り付けできます。

そこで、下記2つの方法を紹介しますね。

あめっくま

お好きな方を選んで下さいね。

過去記事の画像リンク・バナーをコピー

下記のように、過去に画像リンク・バナーを使った記事のエディタ画面を表示しておきます。

画像の前後の行を含めてマウスで選択して、キーボードの「CTRLを押しながらCキー」を押してコピーして下さい。

右クリックのコピーではできない可能性があるので、注意しましょう。

続いて新しく作成する記事のエディタを開きます。

貼り付け位置をクリックして、キーボードの「CTRLを押しながらVキー」を押して貼り付けて下さい。

すると下記のように、新しい記事に画像リンク・バナーをコピペできました。

念のため画像を選択した状態でリンクマークをクリックすると、

下記のようにリンクが無事に反映していました。

さらにエディタ上で画像をクリックしてみると、

画像サイズと代替テキストは反映されていますね。

中央寄せだけはなぜか反映されなかったので、修正しておきましょう・・・

画像リンクやバナー以外でも、過去記事のエディタ上からコピーできます。

意外と使える小技ですね。

あめっくま

「CTRL＋C」でコピー・「CTRL＋V」で貼り付けも知っておくと、記事作成が楽チンですよ。

過去記事の複製を使う方法

画像リンクやバナーを含めて、記事をまるごと複製する機能です。

過去に作った記事を複製して、新記事で使う部分だけを残すということですね。

イメージは下記のとおり。

記事下定型文などで毎回同じバナーを使うなら、複製機能を使い・過去記事のいらない部分を新しい内容に書き換えればOK！

バナー以外に「関連記事の内部リンク」や「ボタン」なども設置していると、まとめて複製できるので楽チンですね。

まとまった部分を新しい記事でも使う場合に、便利な機能です。

アメブロの記事複製の仕方と注意点は、下記の記事で解説しています。

 記事作成効率がUP！

【アメブロの記事複製・コピー】パソコン・スマホ両方OKなスゴ技！

アメブロの記事複製・コピーの方法について解説します。複製機能を使うと、過去記事をすぐにコピーして新記事を作成できます。一部分を繰り返し使う場合に便利！パソコン・スマホアプリのどちらでも利用可能ですよ。

nk-media.org

くますけ

一度作った定型文は、複製機能でコピペしていけばいいんだね。

あめっくま

記事を書く時に複製して、必要ない部分を新しく書き換えると楽だよ。

アメブロ向けのバナーデザインの作り方

アメブロでクリック率の上がるバナーを設置すれば、売上UPが見込めますよね。

最適なバナーサイズ・作成方法などを確認しましょう。

バナーのサイズを決める

自作・外注のどちらを選ぶ場合でも、バナーのサイズだけは事前に決めておく必要があります。

おすすめは300×250（ピクセル）

特によく使われるサイズが「300×250（ピクセル）」です。

PC・スマホのどちらで見る読者にも目立たせることができます。

ちょうど下記のサイズですね。PCで中央配置にしておくと目立ちます。

さらにスマホでは下記のように横幅いっぱいに表示されます。

PCの２カラム表示のサイドバーにもピッタリサイズとなるので、汎用性も高いですね。

あめっくま

300×250がよく使われていますよ

複数並べるなら300×100（ピクセル）程度もOK

サイドバーや記事下に「300×100ピクセル」程度で複数並べる場合もあります。

小さいサイズなので中身をあまり書けず、アピール力には欠けます。

ですが複数並べやすいので、サイドバーや記事下に3個以上並べる時に便利です。

あめっくま

「300×250」よりクリック率が下がりやすい点に注意しましょう。

バナーの作成方法

バナーの作成方法はたくさんあります。

自作なら「Canva」、外注なら「ココナラ」を活用するのがおすすめです。

自作の場合

バナーを自作する時に、デザインをイチから考えると時間がかかりますよね。

そこで下記のサイトで、イメージに近いものを見つけるのがおすすめ。

• Banner Matome
• retrobanner

あめっくま

参考になるバナーデザインの宝庫です。

自作する時に使う画像ソフトは、「Canva」「Googleスライド」「PhotoScape」などの無料ソフトでもOK。

特に「Canva」は豊富なテンプレートと操作の簡単さで人気です。ダウンロードも不要。　

例えばブログ用のバナーをCanvaで検索すると、下記のように多くの画像リンクに使える素材を選べます。

デザインを選んだら、テキストの文言などを変更するだけ。

オリジナルのバナーを作成可能ですね。

Canvaのアカウント作成（無料）はこちらからどうぞ。

＼ 無料プランでも超使える ／

Canvaでアカウントを作成

あめっくま

Canvaはブロガーの必須アイテムですね。

外注の場合

プロのデザイナーに、クリック率の高いバナーを依頼するのもおすすめです。

特にスキルマーケットの「ココナラ」を利用すると、格安であなたのブログに合ったバナーを作成してくれます。

ココナラでバナーを検索すると、下記のように一覧で表示されます。

多くのデザイナーがいるので、イメージに合った作家を選べますね。

ちなみにバナーの製作費は1,000円～8,000円と様々。予算に応じて決めましょう。

ヒアリングで最適なバナーを提示してくれる、スゴ腕のデザイナーさんもいますよ！

サクッと依頼できて記事作成に集中できるので、活用している人も多いですよね。

＼ 割引クーポンあり！ ／

ココナラでバナーデザインを探す
（会員登録は無料）

あめっくま

依頼する時は、サイズ・文言・利用目的・参考デザインを伝えるとスムーズですよ。

画像リンクのテクニック・注意点

ここからがこの記事の本題。

画像リンクやバナーで、「お申し込みフォーム」や「収益記事」に読者を誘導するのが目的ですよね。

あめっくま

ですが素敵なバナーでも、貼り方を間違えると効果が出ません・・・

大事なのは、読者にクリックしてもらえる貼り方！

実は少し工夫するだけで、クリック率がUPします。つまり収益に直結するということ。

注意点・テクニックをまとめたので、あなたのアメブロにも応用して下さいね。

くますけ

クリックされることに意味があるよね！

サイドバーだけに貼るのはNG

アメブロのサイドバーだけにバナーを貼っても、実はほとんどの人に見られません・・・

理由はスマホやアプリで記事を見る人には、サイドバーが表示されないため。

あめっくま

例えばスマホからの読者が8～9割のブログでは、効果がとても低いですよね。

スマホからの読者に「バナー」を見せるには、アメブロでは記事本文に設置するしか方法はありません。

スマホで見る読者向けの対応が大事ですね。

あめっくま

記事はPCで書くけど、読者は主にスマホで見るということですね。

記事内の場所が大事

画像リンクやバナーで宣伝する時に、最も大事なのは記事内の貼る位置！

記事下に置く人は多いですが、それだけではアピール不足になりやすいです・・・

「導入文直後」「記事本文の途中（見出しで区切った部分）」にも配置しておくのがおすすめ！

記事本文を読んでもらいながら、しっかりアピールもするということですね。

実際に下記のアメブロ版記事が、設置の参考になるのでチェックして下さいね。

『アメブロのアクセスアップ・集客10のコツ！アクセス数を増やす方法を全部公開』

注目【人気】アメブロ収益UPセミナーはこちら⇒  この記事では、アメブロのアクセス数を増やす方法を解説します。  アメブ...

ameblo.jp

『【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方』

この記事ではアメブロのリンクの貼り方について、「基本の貼り方」～「活用方法」まで詳しく解説します。 リンクはアメブロの集...

ameblo.jp

あめっくま

「導入文直後」「記事途中」「記事下」「サイドバー」の4か所が候補ですね。

NGな配置もあり

バナーなど宣伝の位置で、ここだけはダメという場所があります。

それは記事タイトルの直後に置くこと。

読者は記事を読みに来たのに、いきなり宣伝を見させられる状態ですね。

洋服を買いにお店に入ったら、商品を見る前に店員に強引に声をかけられるのと同じ。

即離脱する人が増え、宣伝色が強い記事と警戒されるので明らかに逆効果・・・

読者の気持ちを無視してアピールしても、効果はありません。

自己紹介程度ならOKですが、記事冒頭に宣伝を置くのはやめましょう！

くますけ

記事を読む気がなくなっちゃうよね・・・

あめっくま

宣伝したいなら、まずは記事を読んでもらわないとね・・・

テキストリンクとセットで配置

バナーは目立つのですが、クリックしない人も一部います。

リンクだと気がつかない・広告だと警戒するなど理由は様々。

そこでテキストリンクと併用することで、クリック率を伸ばすことができます。

例えば下記のように、バナーの下にテキストリンクを配置すれば2重にアピールできますね。

アメブロで資産記事を作る方法はこちら ⇒

あめっくま

テキストリンクならクリックするという人もいるので、併用がおすすめです。

マイクロコピーを用意

クリック率がグーンと上がりやすいのが、バナーの上にマイクロコピーを用意する方法です。

当ブログのバナーでも、下記のようにアピールしていますよね。

＼ アメブロたった20記事で5万PVの手法 ／

アメブロで資産記事を作る方法はこちら ⇒

「無料」「限定」「実績」「効果」「簡単」など、クリックするメリットを一言添えておくのがポイントです。

「アメブロたった20記事で5万PVの手法」なら、実績や効果をアピールしていますよね。

クリックした先の未来を提示して、読者がクリックしたくなるよう仕向けましょう！

下記の見本をコピペして使って下さいね。

バナーの上の行に、上記を貼り付け ⇒ 中身書き換え ⇒ 中央寄せにして使って下さい。

マイクロコピーが魅力的であれば、クリック率を2倍以上にすることも可能です。

ブログを始めたばかりの初心者さんも、下記の書籍で学ぶ人が多いですよね。

Webコピーライティングの新常識 ザ・マイクロコピー

秀和システム

Amazonの商品レビュー・口コミを見る

Amazon

楽天

Yahoo!ショッピング

キャッシュ削除

具体例を紹介しているので、とても参考になりますよ。

くますけ

クリック率を上げることが大事なんだね！

あめっくま

思わずクリックしたくなるマイクロコピーを作成しよう！

この記事では「アメブロのリンク」について、基本～収益UPにつながる応用テクニックを解説します。

リンクは早く上達したい、重要な技術です。

理由は下記の2つ。

アメブロで記事同士をリンクでつなぐと、読者がブログ内を回遊でき・アクセスが増えますよね。（内部リンク）

1つのアクセスを2倍・3倍にできるということですね。アクセスが増えれば、もちろんランキングもUP！

アメブロでアクセスを伸ばす方法の１つでもあります。

 アクセスUP手法を全部紹介！

【アメブロのアクセスアップ】アクセス数を増やす方法・優先順位・NG例

アメブロのアクセス数を増やす方法について具体的に何をすればいいのか、2021年最新の優先順位と合わせて解説します。アメブロのアクセスアップに逆効果なNG記事・運営手法も同時に紹介しています。アメブロのPV数が増えない人は要チェックです！

nk-media.org

また複数の記事を読む読者は、ブログに興味が出ている状態ですよね。

フォロワーになる確率が高く、「AmebaPick」や「提供サービスへの申し込み」にもつながりやすいです。

さらにビジネスブログで売り上げを伸ばすなら・・・

「メニュー紹介ページ」や「申込フォーム」へ誘導するために、リンクのクリック率を上げる技術は必須！

あめっくま

アメブロで稼げる人は、リンクの貼り方が上手です。

ただしリンクにはNGな使い方があり、入れ方や書き方を間違えて逆効果になる人も多いです・・・

自己流ではなく、正しい知識で使うことが重要ですね。

くますけ

リンクを単に貼るだけではダメなんだね！

そこでこの記事では、リンクの仕方について以下の3点を学べます。

当ブログの「アメブロ版」でもこの記事の手法を使い、短期間で毎月数万PVに成長しています。

（実際にアメブロでリンクを活用している記事はこちら）

リンクの貼り方を工夫すると、早い段階でアクセス・収益UPする人も多いです。

リンクのやり方に加えて、ブログを成長させる方法を学びましょう。

なお「アメブロのスマホアプリでリンクを簡単に貼る方法」は下記で解説しています。

スピードUP方法も紹介中なので、スマホで記事を書く人はこの記事と合わせて確認して下さいね。

 スマホでも超簡単！

【アメブロのスマホ・アプリでのリンク】簡単な貼り方とNGな方法

アメブロのリンクのスマホ・アプリでの貼り方と、URLの簡単な貼り付け方を解説します。アメブロのアプリ（iPone・アンドロイド）でもリンクを貼ることで収益UPが可能です。

nk-media.org

【アメブロのリンク】基本的な貼り方

アメブロでのリンクの基本の貼り付け方を確認しましょう。

ちなみにここで紹介するリンクは、下記のようなテキストリンクです。

アメブロのアクセスアップ方法はこちら

くますけ

よく見る青文字に下線のリンクだね！

あめっくま

誰でもリンクと分かる基本のリンクだよ。

なおアメブロで使えるリンクには、下記の5種類があります。

あめっくま

この記事では、主にテキストリンクについて解説します。

テキストリンク以外の貼り方や活用方法は、下記の記事で確認して下さいね。

 クリック率UPの手法も紹介！

アメブロのリンクカードの貼り方とクリック率と収益UPのテクニック

アメブロのリンクカードの貼り方・貼れない時の対処法などの基礎から、クリック率・収益がUPするリンクカードのテクニックも紹介します。リンクカードは設置するだけではクリック率は上がりません。思わずクリックしたくなる貼り方を全部紹介します！

nk-media.org

 意外な効果アリ！

【詳しさNo1】アメブロのリブログの仕方と効果で収益UP！

この記事ではアメブロのリブログのやり方・効果や注意点について解説します。リブログは簡単に記事を紹介できる機能ですが、意外なメリットもあります。使い方次第で高い効果を生み出すので、詳しく解説します。

nk-media.org

 バナーで収益UPする方法あり！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

 お客様からの申し込みが増える！

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

リンクの貼り方の基本手順（URLの貼り付け）

アメブロのテキストリンクは下記の4段階で、サクッと埋め込みできます。

実際の付け方を確認してみましょう。

当ブログの「アメブロ版」にある下記記事へのリンクを挿入してみますね。

『アメブロのアクセスアップ・集客10のコツ！アクセス数を増やす方法を全部公開』

注目【人気】アメブロ収益UPセミナーはこちら⇒  この記事では、アメブロのアクセス数を増やす方法を解説します。  アメブ...

ameblo.jp

手順①

アメブロの投稿エディタで、まずはリンクの中身の文字（テキスト）を書きます。

次に下記のようにリンクの文章を選択した状態で、「リンクマーク」をクリックして下さい。

手順②

すると、下記のようにリンク挿入用の設定ボックスが出てきます。

URLを貼り付けるので、事前にコピーしておきましょう。

なお「アメブロで自分のブログURLを簡単に確認・取得する方法」は、下記記事で紹介しています。

意外な時短テクニックも紹介しているので、チェックして下さいね。

 時短アイデア・注意点あり！

アメブロで自分のブログのURL確認方法をPC・スマホ別に解説！

この記事ではアメブロで自分のブログ記事のURL確認・取得方法をPC・スマホ・アプリそれぞれで紹介します。トップページ・テーマページ・プロフィールページ・予約投稿（未来記事）に加えて、他人のブログ記事のURLの調べ方も解説しています。

nk-media.org

手順③

コピーしたURLを下記のように貼り付けます。

この時、リンクのテキストを変更することも可能です。

最後に「リンクを挿入する」をクリックして下さい。

手順④

テキストがリンクに変わったのが分かりますね。

これで自分のブログ記事同士をリンクでつないで、読者がブログ内を巡回できるようになります。

ちなみにプレビューでは、リンクにカーソルを合わせても指マークにならず・クリックもできません。

記事公開後に実際にクリックして、作成したリンクが正しく飛ぶか確認しましょう。

くますけ

アメブロのリンクは簡単に貼れるんだね！

あめっくま

ここまでが最低限の基本だよ。記事後半でリンクの注意点と収益UPの具体的な方法を紹介するね。

貼り付けできるURLは？

あなたのアメブロの下記URLを貼り付けできます。

また自分のアメブロ以外、つまり外部記事のリンクを貼ることもできます。（下記は一例）

アメブロ以外に上記のような外部サイトを用意する場合も多いですよね。

記事にリンクを載せて、集客・売上UPにつなげましょう。

もちろん他人のブログやホームページで参考になる記事があれば、リンクを貼って共有するのもOK。

読者にも優しいですね。他のブログでも、リンクの許可を得る必要はありませんよ。

あめっくま

URLがあるページなら、ほぼ全てリンクを貼ることができます。

リンクを削除する場合は？

アメブロのリンクを消す・削除したい場合も簡単です。

下記のように、エディタ上で「リンクの部分をクリック」⇒「削除をクリック」でOK

下記のようにリンクが削除され、通常のテキストに戻ります。

あめっくま

変更をクリックすると、テキストやURLの変更も可能です。

リンクを簡単に貼り付ける方法

毎回の記事で、リンクを貼り付けするのは少し面倒ですよね。

1度作成したリンクと同じなら、2回目以降はコピペで簡単に貼り付けできます。

下記の2つの方法を紹介しますね。

あめっくま

お好きな方を選んで下さいね。

過去記事のリンクをコピー

下記のように、過去にリンクを使った記事のエディタ画面を表示しておきます。

下記のようにリンクを選択した状態で、「右クリック⇒コピー」をしましょう。（CTR+Cが楽チン）

新しく作成する記事のエディタを開き、貼り付けたい場所で「右クリック⇒貼り付け」をして下さい。（CTR＋Vが楽チン）

するとリンクが反映された状態で、貼り付けできます。

過去に作ったリンクを活用すれば、サクッと作れますね。

あめっくま

過去記事のエディタを開きながら作成すると簡単ですね。

記事の複製機能を使う

リンクだけではなく、記事をまるごと複製する機能です。

過去に作った記事を複製して、新記事で使う部分だけを残すということですね。

イメージは下記のとおり。

例えば記事下定型文などの「リンク」「囲み枠」「ボタン」などで作った部分を、毎回作るのは面倒ですよね。

複製機能を使い、過去記事のいらない部分を新しい内容に書き換えればOK！

まとまった部分を新しい記事でも使う時に、便利な機能ですね。

アメブロの記事複製の仕方と注意点は、下記の記事で解説しています。

 記事作成効率がUP！

【アメブロの記事複製・コピー】パソコン・スマホ両方OKなスゴ技！

アメブロの記事複製・コピーの方法について解説します。複製機能を使うと、過去記事をすぐにコピーして新記事を作成できます。一部分を繰り返し使う場合に便利！パソコン・スマホアプリのどちらでも利用可能ですよ。

nk-media.org

くますけ

リンクが入った定型文は、複製機能でコピペしていけばいいんだね。

あめっくま

記事を書く時に複製して、必要ない部分を新しく書き換えると楽だよ。

リンクを貼れない・飛ばない原因

「リンクを貼れない」「リンクを貼り付けても飛ばない」など、リンクのエラーが起こる場合もあります。

主に下記の2つの原因が考えられます。

①はアメブロ以外の記事からコピペする時に、アメブロで使えない禁止タグが入る場合があります。

リンクができないのではなく、コピーした時に入るタグが原因ということですね。

コピペではなく、最初の基本方法で作成しましょう。

②のリンクが飛ばない場合は、URL間違いの可能性があります。

アメブロに貼り付けたリンクをクリックしても、「表示されない」「記事がない」「情報は見つかりません」などの表示が出ます。

URLは長いのでコピペ推奨です。

あめっくま

ここまでは最低限の基本です。次はリンクのNG手法を解説しますね。

アメブロのリンク埋め込み時の注意点

続いてリンクの注意点や、やってしまいがちなNG手法を解説します。

上記の使い方では、集客・売上の効果が出にくい状態となります。

くますけ

間違えると悪影響が出てしまうんだね。

あめっくま

集客・収益が下がる可能性があるから注意しよう。

リンクは青色が定番

リンクは青色が多く使われていますよね。

例えば「Yahoo! Japan」のTOPページも、下記のようにリンクが青色で統一されています。

青色は読者も見慣れているので、パっと見でリンクだと気がつきますね。

リンクはクリックしてもらうことに意味があります。

デザイン重視でリンクをピンク色などにして、クリック率を下げるのはやめましょう。

あめっくま

リンクの色を変更をしている人は、注意して下さいね。

プロフィールページのURLに注意

プロフィールページへのリンク先URLを、下記のように間違える人が多いので注意しましょう。

最後が「/me」になっていると間違いです。

プロフィールを見てもらえない載せ方なので、絶対にやめておきましょう。

あめっくま

初心者さんによくある間違いですね。

リンクにアンダーラインを引いていない

アメブロではリンクに下線があると、クリック率が上がりやすいです。

理由はアプリやスマホで記事を読む読者が、ハッキリとリンクだと分かるため。

アメブロの記事をPCで見ると、色が濃いので下線なしでもリンクと分かりやすいです。

ところが、アプリやスマホで記事を見るとリンクの色がうすいです。下線がないと、リンクだと分からない読者が出やすいですね。

スマホで記事を見る場合は、そのままではリンクに下線が引かれません。

PCだけではなく、アプリやスマホでもリンクに下線が表示される方法を使うのがおすすめです。

 アプリでも表示してる？

アメブロのリンクの下線・アンダーラインを引く・消す方法（アプリ表示も可）

この記事ではアメブロでのリンクの下線・アンダーラインを引く方法と消す方法を解説します。特にアプリやスマホ画面では下線がつかないので、リンクだと分かりにくいです。クリック率を上げるためにPC・アプリの両方で下線を引いておくことが重要です。

nk-media.org

あめっくま

少しでもクリック率を上げる工夫ですね。

収益UPにつながるアメブロのリンク活用方法10個

リンクは使い方次第で、アクセスと売上UPに直結します。

特にクリック率が上がるリンクの使い方を知っておくと、早期に改善できますよね。

あめっくま

この先の内容は、事前に「アメブロアクセスアップ方法」の記事を読んでいると分かりやすいです。

 アクセスUP手法を全部公開！

【アメブロのアクセスアップ】アクセス数を増やす方法・優先順位・NG例

アメブロのアクセス数を増やす方法について具体的に何をすればいいのか、2021年最新の優先順位と合わせて解説します。アメブロのアクセスアップに逆効果なNG記事・運営手法も同時に紹介しています。アメブロのPV数が増えない人は要チェックです！

nk-media.org

リンクカードとのダブル配置

アメブロでは下記のような、画像サムネイルつきの「リンクカード」がよく使われます。

【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方  この記事ではアメブロのリンクの貼り方について、「基本の貼り方」～「活用方法」まで詳しく解説します。 リンクはアメブロの集客・売上を簡単に伸ばせる手法ですよ…ameblo.jp

文字だけのテキストリンクより目立ちますよね。

そこで下記のように、文字リンクとリンクカードを併用するとクリック率を伸ばしやすいです。

確実にリンクと分かるテキストリンクと、目立つリンクカードの両方でアピールできますね。

なお「アメブロでのリンクカードの貼り方・クリック率UPの手法」は、下記記事で解説しています。

 クリック率UPの手法も紹介！

アメブロのリンクカードの貼り方とクリック率と収益UPのテクニック

アメブロのリンクカードの貼り方・貼れない時の対処法などの基礎から、クリック率・収益がUPするリンクカードのテクニックも紹介します。リンクカードは設置するだけではクリック率は上がりません。思わずクリックしたくなる貼り方を全部紹介します！

nk-media.org

あめっくま

両方を置いて、強くアピールするのもおすすめです。

画像リンク・バナーリンクは収益UPに必須

アメブロに画像リンクやバナーを使うと、収益UPにつながりやすいです。

当ブログのアメブロ版サイトでも、下記のようなバナーリンクを設置しています。

＼ アメブロたった20記事で5万PVの手法 ／

アメブロで資産記事を作る方法はこちら ⇒

＼ ついに登場！アメトピ攻略法 ／

アメトピ採用率UPのテクニックはこちら ⇒

かなり目立ち・読者へのアピール力があるので、クリックされやすいリンクです。

導入文直後・記事の途中・記事の最後・サイドバーなど、クリック率の高い場所に設置しましょう。（記事冒頭はNG）

画像リンクやバナーの設置場所や貼り方を工夫すると、収益を大幅に増やすことも可能です。

詳しくは、「アメブロでの画像リンク・バナーの貼り方」の記事で解説しています。

 バナーで収益UPする手法あり！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

あめっくま

ビジネスブログなら、バナーを活用して収益UPしましょう！

リンクの文章にキーワードを入れる

例えば「おひつじ座　運勢」についての記事へリンクを貼る場合

一番上のように、「おひつじ座　運勢」のキーワードをリンクに含むと検索エンジンからの集客も期待できます。

リンクの文字（テキスト）のことを「アンカーテキスト」といいます。

アンカーテキストに記事のタイトルやキーワードを入れるのは、ブログの基本です。

これにより検索エンジンに記事内容が伝わる（SEO）ので、アクセス数が増えやすくなる仕組み。

「こちら」「★」のようなリンクの貼り方では、アクセスが増えにくいのでやめておきましょう。

あめっくま

アンカーテキストに狙ったキーワードを入れるのは、ブログの基本テクニックです。

記事本文の関連する部分に配置

リンクを記事下定型文などに配置することは大事ですが、それだけではクリック率は上がりません。

理由は並べているだけでは、読者の興味が上がらないため。

そこで記事の中の解説した部分から直接リンクを貼りましょう！一気にクリック率が上がります。

解説された部分にリンクを貼るということ。

読んでいる内容に関連したリンクが貼られていると、クリック率が高くなります。

最も興味が出ている瞬間だからですね。

実際にこの記事の中でも、記事本文中の多くの場所でリンクが貼られていますよね。

記事下定型文の内部リンクと合わせて、本文中にもリンクを散りばめましょう！

あめっくま

過去記事へリンクを貼れるかどうか、記事作成時に検討するのが基本です。

囲み枠の中にリンクを入れる

アメブロで「囲み枠」を使うと記事が読みやすくなり、読者に理解を深めてもらうことが可能ですよね。

例えば下記のように、囲み枠にリンクを入れることも可能です。

リンクが目立つので、読者のクリック率が高くなります。

下記記事でアメブロの囲み枠素材や活用方法を紹介しているので、チェックして下さいね。

 かわいい素材も豊富！

【素材数No.1】アメブロ用の囲み枠・ボックス厳選300種

この記事ではアメブロ用の囲み枠・ボックス・フレーム枠のデザインを提供しています。素材は約300種類（色も選べる）・コピーして貼り付けるだけ（HTML・CSSの知識不要）シンプル・かわいい・かっこいいな囲み枠を用意しています。囲み枠を使っておしゃれなブログにしましょう。

nk-media.org

あめっくま

囲み枠＋リンクは、よく見る手法ですね。

吹き出しの中にリンクを入れる

最近では当アメブロメーカーが作成した、下記の「アメブロ用の吹き出し」を使う人も増えてきました。

読者がじっくりと読む・覚えてもらいやすい効果がある、人気のカスタマイズです。

下記のように、吹き出しの中にリンクを使うとクリック率が高くなりやすいです。

あめっくま

アメブロの「リンク活用法」と「アクセスアップ手法」を組み合わせると、最短で収益UPが可能です。

アメブロで吹き出しを使う人が増えてきているので、乗り遅れないようにしたいですね。

 利用者急増中！

【コピペOK】アメブロ用の吹き出し素材42選（画像アイコン付き・会話風）

この記事ではアメブロで簡単に使える「アイコン画像つき吹き出し」を全42種類紹介します。吹き出しデザインと色を選んだら、コードが表示されるのでコピーしてアメブロに貼り付けるだけ。簡単にブログがおしゃれに生まれ変わりますね。

nk-media.org

あめっくま

アメブロで吹き出しを使うと、効果がかなり高いですよ。

ボタンリンクで申込者数UPを狙う

下記のような、お申し込みボタンですね。こちらもリンクの一種です。

お申し込みはこちら

テキストリンクより目立ち、ボタンは読者のクリック率がかなり高いです。

お客様の申し込み数UPには欠かせませんね。

下記の記事で「アメブロのボタン素材」を紹介しているので、早めに導入しておきましょう。

 お客様からの申し込みが増える！

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

あめっくま

特にビジネスブログなら、ボタンの設置は基本です。

記事下定型文にリンクを貼る

記事下の定型文に、リンクを入れるのはよく見る手法ですね。

大事なのは、下記の2つを両方入れること。

収益で苦戦するブログでは、①の「収益UP用のリンク」だけを置く場合が多いです・・・

他にも「LINE＠ボタン」だけを設置している残念な人も、結構見かけます。

自分の過去記事への誘導ができていない状態ですね。

あめっくま

過去記事への内部リンクも置くと、集客と売上の両方がUPします。

1記事だけ読んで、申し込みする人は極めて少ないです。

複数の記事を読んでもらい、信頼してもらうことが大事。

「フォロワーになる・ブックマークする」といった行動に移る確率も上がります。

将来の売り上げにつながる読者を作るために、内部リンクをしっかり設置しましょう！

あめっくま

記事下定型文の内部リンクは、こちらの「かわいい囲み枠」の記事が参考になりますよ。

電話番号リンクも便利

お店など「電話受け付け」をしている場合には、下記のような電話番号リンクが便利。

お電話はこちら
00-0000-0000

スマホで見ている読者が、タップするだけで電話できるボタンですね。

PCで見ている読者に、電話番号を伝える役割もあります。

アメブロの電話番号リンクの設置方法は、下記の記事で確認して下さいね。

 電話受付がUPする！

【簡単】ブログやアメブロに電話番号リンクを貼り付ける方法

アメブロに電話番号リンクの貼り付け方と、読者が電話をかけやすくなる方法を解説します。ビジネスで電話受付する場合は、スマホタップで電話をかけられる電話番号リンクは必須。電話番号を書いてあるだけなら、今すぐ導入しましょう。

nk-media.org

あめっくま

電話受付をしている人は、必ず設置しておきましょう。

メールリンクの設置

アメブロでもメールアドレスをリンクにすると、読者がクリックするだけでメールが送れます。

下記のようにクリックするだけで、メールソフトが起動するボタンが便利。（デモなので実在しないアドレスです）

お問い合わせはこちら
ame-kuma@ameblo.com

お問い合わせはこちら

事前に下記のようなテンプレートを作り、読者が書きやすい文面を用意することも可能。

アメブロでのメールリンクの貼り方は、下記の記事で解説しています。

 メールリンクの活用法あり！

【ブログやアメブロでのメールアドレスのリンク】貼り方とクリックされる載せ方

アメブロにメールリンクを貼り付ける方法を解説します。読者がクリックしやすいメールリンクや活用法、大事な注意点も紹介。導入するかどうかは記事を読んでから決めて下さいね。

nk-media.org

あめっくま

メールリンクでお問い合わせ数を増やせますね。

リンクは効果が出やすい改善手法

リンクのクリック率が上がれば、アクセスが増え・売上が伸びます。

リンクの貼り方を工夫するだけで、すぐに集客・売上がUPするブログは多いです。

この記事で紹介したリンクの活用方法を多く取り入れて、アメブロを改善していきましょう！

くますけ

リンクの貼り方で工夫できることが、たくさんあるんだね！

あめっくま

リンクの使い方上手な人ほど、アメブロで早期に成功しているよ。

ブログ収益が伸びない原因の1つが、ライティングを無視して書いてしまうケース！

読者にとって「読みづらい・分かりにくい記事」だと、最後まで読まれませんよね。

あめっくま

実は、読者に途中離脱されるブログはとても多いです。

ライティングの基本が分かると、👇の技術が身につきます。

つまり、「読者がじっくり読むブログ」になるということ。

もちろん、収益も伸びやすいですよね。

ブログライティングを習得して、収益力の高い記事を作りましょう！

くますけ

読まれる記事を作るのが大事なんだね。

あめっくま

ライティングは簡単に改善できるから、効果も出やすいよ。

ライティングの基本ルール11選

ブログで文章を書く時の基本となる、「ライティングのルール」を確認しておきましょう。

今回は最低限これだけは知っておきたい！

「11つのコツ」を厳選しました。

あめっくま

記事を書く時の基礎なので、確実に習得しましょう！

ライティングは収益に直結する

「読みづらい・分かりにくい記事」を途中で離脱して、他の記事を探した経験ってありますよね？

もちろん、途中で離脱されると収益は伸びません・・・

つまり、ライティングを身につけて「読みやすい・分かりやすい記事」を作れると収益が伸びやすいということ。

👇はGoogleアナリティクスで、「あめっくまのアメブロ」に訪問した読者の滞在時間を分析したデータです。

各記事の滞在時間が2分以上で、ブログ全体の平均では2分45秒間読者が滞在しているということ。

一般的なブログの滞在時間は平均1分程度ですが、私の読者は記事をじっくり読んでいることが分かります。

くますけ

時間をかけて読まれるブログは、収益化に強いよね。

逆に各記事の滞在時間が1分以下のブログだと、読者にしっかり読まれていない可能性が高いです。

30秒以下だと高確率で即離脱されているかも・・・・

これから解説するライティングの基本を習得して、記事を改善することが重要ですね。

あめっくま

記事を書いたら、アナリティクスで分析することも忘れずに！

 ブログの改善点が分かる！

【必見】アメブロのGoogleアナリティクス設置～超活用法！収益UPのヒント

アメブロにGoogleアナリティクスを設置する方法と自分のアクセスを除外する方法を解説します。アメブロ解析ではなくGoogleアナリティクスを使うことでブログの改善点が分かります。過去の記事を改善して資産化していく上で必須の設定なので必ず設置しておきましょう。

nk-media.org

①しっかり改行する

ブログでおすすめの改行方法は、👇のとおりです。

行間をつめず、しっかり改行した文章の方が読みやすいのが理由です。

例えば、👇のように行間をつめると・・・

あめっくま

行間がつまっていると、読みづらいですよね。

そこで、👇のように行間を開けましょう。

1文が終わるごとに改行して、途切れた部分で2行改行しました。

1行の改行ばかりが続いても、読んでいて息切れします。

このように、話の内容が変わる部分では「2行以上の改行」がおすすめです。

くますけ

文章が読みやすくなったね！

②文末の表現を変える

記事を作る時は、1文ごとに文末の表現を変えると読みやすくなります。

文末で使える表現の例は、👇の通りです。

1文ごとに使い分けるということですね。

例えば👇のように、毎回同じ文末表現だと・・・

あめっくま

毎回同じ文末だとメリハリがなく、印象に残らないですよね。

そこで👇のように、1文ごとに文末表現を変えましょう。

よく使う「です」「ます」だけに、偏らないようにしています。

このように文末の表現をできるだけ1文ずつ変えて、読みやすい記事を作りましょう

くますけ

違和感が少なくなるね！

③文字のフォントを変える

文字のフォントが単調だと読みづらいだけではなく、何が大事なのか伝わりにくいですよね。

👇のいづれかを使って、伝えたい部分を目立たせましょう。

ただし、使いすぎると何が重要なのか分かりにくいです。

本当に大事な部分だけに使うようにして下さい。

あめっくま

メリハリが大事ですね。

④見出しを使う

アメブロでも見出しを使う人が、増えてきましたよね。

見出しは記事を区切り、今何を解説しているのか分かりやすい記事になります。

例えば、👇のような見出しのない文章は・・・

くますけ

読みづらいし、文章の切れ目も分かりにくいね。

ですが、👇のように見出しを加えるだけで・・・

あめっくま

同じ内容でも、グッと分かりやすくなりますね！

見出しを使わないブログ記事は読みづらいので、読者の途中離脱も多いです。

見出し素材を使って、読者に伝わりやすい記事に変えましょう！

 すぐ使える見出し素材が豊富！

【素材数No.1】アメブロ用の見出しデザイン！コピペで簡単設置

この記事ではアメブロで使える見出し素材・デザインを350種類以上紹介します。かわいい・おしゃれなど多彩なテンプレート・装飾を用意。HTML・CSSの知識不要で、コピペして貼る付けるだけでOK！簡単に使えてSEO効果もバッチリ。もちろん作り方・使い方も分かりやすく解説しています。

nk-media.org

⑤箇条書きを使う

箇条書きを使うと、読者に内容が伝わりやすくなります。

例えば、👇は読みにくい文章の例です。

くますけ

これじゃ伝わらないよね・・・

箇条書きを使うと、👇のように分かりやすくできます。

特に複数の内容を一度に伝えたい場合に、とても便利ですね。

囲み枠とセットで使うと効果的です。

あめっくま

箇条書きは便利なので、積極的に使いましょう！

⑥画像や図解を使う

画像や図解は文字と比べて、何倍も分かりやすく読者に伝える能力があります。

つまり文章だらけの記事より、画像を使った記事の方が読者にしっかり読んでもらえるということ。

例えば、👇のような文章も・・・

👇のように図解を使うと、読者に分かりやすい記事となりますよね。

「自分で撮った写真を使う」「イラスト素材を組み合わせて図解を作る」など、少しの工夫で読者の評価は上がります。

文字だらけの記事だと離脱されやすいので、画像を積極的に使いましょう！

オリジナルの写真や図解が有利ですが、難しい場合は無料で使えるフリー素材を使うのもアリです。

 使わなきゃ損！

写真素材を無料・著作権フリーで使用できるサイト

ブログに写真画像を載せる場合に、著作権フリー・無料・転載自由・引用不要で使用できる写真素材サイトを一気に紹介します。自分で撮った写真を使うのは大事ですが、素材サイトもかなり使えるので便利ですよ。

nk-media.org

くますけ

文章だけより、画像の方が何倍も説得力があるね。

⑦3行文章が続いたら工夫する

稼いでいるブログでは、文章が続く場合に読みやすい工夫がされていています。

目安として3～4行文章が続いた次の行では、👇のどれかを取り入れて離脱を防ぎましょう。

例えば、👇のように途中に吹き出しを使うことで読みやすくなりますよね。

ライティングのコツを使って文章を書くと、読者にとって「読みやすい」「分かりやすい」記事を作ることができます。　

自由気ままに書いてしまい、実は読みづらい記事になっている人も多いです。

あめっくま

流し読みされたり、途中離脱されることも増えますよね。

読者にしっかり読んでもらえる記事を作れる人は、収益も伸びやすいです。

基本のコツを身につけて、読者に分かりやすく伝えましょう。

ブログでは5行以上も単なる文章がづくと、とても読みづらいです。

ちょっとした工夫で、読者にじっくり読まれる記事になりますよ。

くますけ

本じゃないから、文章だけが続く記事ではダメだよね。

 ライティングで欠かせない！

【素材数No.1】アメブロ用の囲み枠・ボックス厳選300種

この記事ではアメブロ用の囲み枠・ボックス・フレーム枠のデザインを提供しています。素材は約300種類（色も選べる）・コピーして貼り付けるだけ（HTML・CSSの知識不要）シンプル・かわいい・かっこいいな囲み枠を用意しています。囲み枠を使っておしゃれなブログにしましょう。

nk-media.org

 読者に覚えてもらえる！

【コピペOK】アメブロ用の吹き出し素材42選（画像アイコン付き・会話風）

この記事ではアメブロで簡単に使える「アイコン画像つき吹き出し」を全42種類紹介します。吹き出しデザインと色を選んだら、コードが表示されるのでコピーしてアメブロに貼り付けるだけ。簡単にブログがおしゃれに生まれ変わりますね。

nk-media.org

⑧句点の使い方

ブログの記事では、句点を👇のように使うのが一般的です。

特に注意したいのが、1文の中で使う数です。

少ないと切れ目がなく分かりづらくなり、多すぎると幼稚な文章に見えます。

例えば👇のように、句点がないと・・・

読みづらいので、意味の切れ目で句点を入れます。

あめっくま

句点のあるなしで、読みやすさが変わりますね。

一方、👇のように句点が多いと・・・

句点が多くても読みづらく、ちょっと幼稚な感じもします。

そこで、句点の数を減らしましょう。

途中「・」も使ってみました。

句点の数が減り、読みやすくなりますね。

ちなみに、句点の数が多い文章は「2文に分けられる」可能性が高いです。

この後の「1文につき1内容」も、合わせて確認しておきましょう！

くますけ

句点が多くても・少なくてもダメなんだね！

⑨1文につき1内容

ブログの記事では、「1文で伝える内容は1つ」が基本です。

1文中に2つ以上の内容が入ると、伝わりづらいのが理由ですね。

例えば👇のように、1文に複数の内容を入れると・・・

あめっくま

言いたいことが、分かりにくいですよね。

そこで👇のように、1文の内容を1つにして分割しましょう。

「分かりやすい記事を作れる」と「読みづらい記事になっている人も多い」と内容を分けました。

このように1文の内容を1つにして、読者に伝わる記事を作りましょう

くますけ

1つずつ伝える方が、分かりやすいね！

⑩余計な言葉を削る

ブログの記事は会話や本と違い、余計な言葉がなくシンプルな文章が好まれます。

具体例で解説しますね。

あめっくま

このように言葉を削った方が、シンプルに伝わります。

くますけ

なくてもいい言葉って多いんだね。

あめっくま

繰り返して使わなくても、伝わる場合が多いですね。

⑪分かりやすい言葉で書く

ブログの記事は「中学生でも分かる言葉」で書くのが一般的です。

難しい言葉や漢字は使わず、できるだけ簡単な表現を使うということ。

例えば👇のような、難しい単語を使うと・・・

ちょっと文章が硬いですよね。

読者に「難しいなぁ・・・」と思われると、離脱される原因にもなります。

そこで👇のように、できるだけ簡単な言葉を使いましょう。

あめっくま

分かりやすい文章で、離脱を減らしたいですね！

ライティングのNGパターン6選

アメブロ初心者さんによく見かける、読者に離脱される記事の書き方を6つ紹介します。

6つに共通するのは、読者目線では「読みたくない記事」になっていること。

あめっくま

1つでも当てはまる人はNGです！

文章途中の改行はNG

👇のような、文の途中で無意味な改行をする書き方ですね。

PCやタブレットで見る読者には、異常に読みづらいです・・・

あめっくま

こんな書き方では、記事の信頼性も下がりますよね。

👇のように、1文ごとの改行が基本です。

下記のように、スマホで見ても画面サイズに合わせて改行してくれます。

あめっくま

記事の質が下がるので、文の途中での改行はやめておきましょう。

文章の中央揃えはNG

こちらも、初心者さんに多い書き方です。

👇のように文途中で改行して、さらに中央揃えにする人がいます。

上記のような書き方は、読者からの評判も悪いです。

読みづらいだけではなく、幼稚な文章に見えてしまいますね。

くますけ

これはダメだね・・・

👇のように、「文章は左揃え」「文の途中で改行しない」のが基本です。

あめっくま

他の人がやっていても、マネしないで下さいね。

色の基本ルールを外すのはNG

読者にとって「読みづらい・分かりにくい」原因となるので、👇の色使いはやめましょう。

あめっくま

独自の使い方は、読者にとって分かりにくいだけですね。

記事冒頭の長すぎる自己紹介はNG

記事の中で自己紹介を入れること自体は問題ないです。

ただし、👇のようにコンパクトな自己紹介にしましょう。

これ以上長い自己紹介は、記事本文を読みに来た読者にとっては邪魔です。

アピールしたい気持ちは分かりますが・・・

まだ興味を持っていない段階の人に、長文の自己紹介を見せても離脱される原因となります。

つまり、読者評価が下がりやすい逆効果な手法ですね。

あめっくま

読者は長文の自己紹介ではなく、本文を読みたいんです！

しっかり自己アピールしたい場合は、👇のように短い自己紹介からリンクで誘導すればOK。

事前に、別の記事で詳しい自己紹介の記事を作っておきます。

興味を持ってくれた人は、リンクをクリックして読んでくれる仕組みですね。

短い自己紹介なので、離脱も防げます。

くますけ

毎回の記事で長文の自己紹介って、読む人への嫌がらせだよね・・・

あめっくま

ブロガー目線ではなく、読者目線で記事を作ることが大事だよ！

記事冒頭の長い宣伝・AmebaPickはNG

記事冒頭の長い自己紹介がダメな理由と同じですね。

読者は記事本文を見たいのに、いきなり宣伝されても邪魔なだけです。

記事下や導入文の下など、読者評価の下がらない場所に設置しましょう。

あめっくま

洋服屋で商品を見る前に、店員に声かけされるのと同じ状態ですね・・・

記事内容が宣伝の記事を作るのはNG

アメブロでよく見かけますが、毎回の記事内容が宣伝・募集になっているブログはNGです。

読者が得られる情報のない記事を書いても、収益は伸びません。

くますけ

宣伝ばかりのブログを読みたいと思わないよね・・・

普段から読者の悩みや疑問に答えるなど、ニーズのある記事を積み重ねることが必須。

そして事前に提供メニューの記事を別に作り、記事から誘導しましょう。

読者から信頼されているので、テキストリンクやバナーで誘導すれば申し込みを増やせます。

毎回の記事で読者に求める情報を提供し、読者の信頼を得るのが先ということ。

役に立つ記事を書くのは、ブログ収益化の最低条件ですね。

あめっくま

他のアメブロが募集記事ばかり作っていても、絶対にマネしないでおきましょう！

 効果的な誘導方法あり！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

 バナーで売上が伸びる！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

ライティングで最も大事なコト

じっくり読まれる記事を作るために、最も重要なことは・・・

読者の目線に立って考えるコト

読者にとって「読みやすいか？」「分かりやすいか？」を、常に考えることが大事です。

くますけ

ブロガー目線ではなく、読者目線が大事なんだね。

例えば、👇のチェック方法もあります。

あめっくま

第3者に見てもらうのは、特に効果的ですよ。

収益が伸びない人ほど、ライティングのルールを無視した書き方をしますが・・・

今回紹介した簡単なテクニックだけで、「読みやすい・分かりやすい記事」を作ることは可能です。

慣れないうちは時間がかかっても、1記事ずつ丁寧に作成しましょう！

あめっくま

読者目線で記事を作って下さいね。

この記事では、アメブロのスマホアプリでのリンクの貼り方・URLの簡単な貼り付け方を解説します。

アメブロのスマホアプリでも、リンクの使い方はとても重要です。

特によく使われる理由は、下記の2つ。

そこでこの記事では下記の3点を解説します。

スマホアプリでもリンクを正しく貼って、集客・売り上げを伸ばしましょう！

くますけ

リンクには注意点もあるんだね！

あめっくま

逆効果になる貼り方もあるから、正しい使い方を学ぼうね。

なお下記記事では、スマホアプリでも使えるアメブロのリンクで収益UPする活用法を紹介しています。合わせてチェックしておきましょう！

 収益UPする方法があるよ！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

【基本編】アメブロのスマホアプリでのリンクの貼り方

最初にスマホアプリを使う場合の、基本的なリンクの貼り方を確認しておきましょう。

下記の3STEPで貼り付けできます。

単にリンクを貼るだけなら、これだけで完成！

ですが、アメブロのリンクには下記の5種類があります。

それぞれの貼り方や特徴を知った上で、使い分けるのがおすすめです。

くますけ

リンクには種類があるんだね！

あめっくま

各種リンクの貼り付け手順を、画像付きで紹介しよう。

スマホアプリでテキストリンクを貼る方法

スマホアプリで記事の中に、「テキストリンク」を貼る方法を解説します。

テキストリンクとは、下記のような青文字に下線が引かれる文字リンクのこと。

アメブロのアクセスアップ方法はこちら

くますけ

よく見るリンクだね！

あめっくま

誰にでもリンクと分かるのがメリットだね。

パッと見でリンクと分かるので、誰でもクリックしやすいのが特徴。

スマホで記事を書く場合にも、よく使われるリンクですね。

今回は下記のアメブロ記事へのリンクを貼る場合を例にします。

『アメブロのアクセスアップ・集客10のコツ！アクセス数を増やす方法を全部公開』

注目【人気】アメブロ収益UPセミナーはこちら⇒  この記事では、アメブロのアクセス数を増やす方法を解説します。  アメブ...

ameblo.jp

手順①

最初にアプリのエディタ上で、リンクを入れたい場所を選び・リンクマークをクリックして下さい。

手順②

すると下記のようにリンクの編集画面が出てきます。

上段にリンク先記事のURL・下段にリンクのテキストを入力して、「挿入」をクリックしましょう。

URLは長くて間違えやすいのでコピペ推奨です。

URLを1文字でも間違えると、正常に働かないので注意しましょう。

なお「アメブロで自分のブログURLを簡単に確認・取得する方法」は、下記記事で紹介しています。

意外な時短テクニックも紹介しているので、チェックして下さいね。

 時短アイデア・注意点あり！

アメブロで自分のブログのURL確認方法をPC・スマホ別に解説！

この記事ではアメブロで自分のブログ記事のURL確認・取得方法をPC・スマホ・アプリそれぞれで紹介します。トップページ・テーマページ・プロフィールページ・予約投稿（未来記事）に加えて、他人のブログ記事のURLの調べ方も解説しています。

nk-media.org

手順③

「挿入」をクリックすると、下記のようにエディタ上にテキストリンクが作成されます。

これでテキストリンクの出来上がり！

ちなみにこのエディタ上やプレビューの段階では、リンクをクリックしても飛べません。

記事を投稿すると、クリックできるようになります。

必ず記事作成後に、記事を開いてリンク先に飛べるか確認しておきましょう。

あめっくま

リンクは間違いが起こりやすいので、チェックして下さいね。

スマホアプリでリンクカードを貼る方法

リンクカードは下記のようなサムネイル付きのカードタイプのリンクです。

【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位  この記事ではアメブロのアクセスを増やす方法を効果の高い順・優先度順に解説します。 「アメブロ記事をたくさん書いてもアクセスが増えない」と、本当につらいです…ameblo.jp

スマホで表示する場合は、下記のようになります。

文字だけのテキストリンクに比べて大きく目立つので、クリック率が高くなりやすいのが特徴。

過去記事へのリンクカード貼って読者を誘導すると、ブログ全体のアクセスが増えていきます。

「アメブロのアクセスアップ方法」の基本テクニックですね。

スマホで記事を書く場合でもサクッと設置できて、簡単にPVを伸ばせるので導入しておきましょう。

「アメブロでのリンクカードの貼り方」は、下記の記事で解説しています。

 クリック率UP手法も紹介！

アメブロのリンクカードの貼り方とクリック率と収益UPのテクニック

アメブロのリンクカードの貼り方・貼れない時の対処法などの基礎から、クリック率・収益がUPするリンクカードのテクニックも紹介します。リンクカードは設置するだけではクリック率は上がりません。思わずクリックしたくなる貼り方を全部紹介します！

nk-media.org

あめっくま

過去記事のリンクカードを効果的に使いましょう！

スマホアプリで画像リンク・バナーを貼る

スマホアプリでも下記のような、画像リンクやバナーを貼ることもできます。

「メニュー紹介ページ」や「申込ページ」などの収益記事に、バナーで誘導する手法ですね。

くますけ

バナーはクリック率が高そう！

あめっくま

最高に目立つから大事な誘導にピッタリだよ。

なおアメブロでの画像リンク・バナーの貼り方は、下記記事の中で紹介しています。

 バナーで収益UPしよう！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

スマホアプリでボタンリンクを貼る

下記のような、お申し込みボタンですね。こちらもスマホアプリでも設置できるリンクの一種です。

お申し込みはこちら

テキストリンクより目立つので、読者のクリック率が高く・収益UPにつながりやすいのが特徴。

「収益ページ」や「申し込みフォーム」などに誘導するリンクとして最適ですね。

くますけ

ボタンがあると、つい押したくなっちゃうよね！

あめっくま

大事な誘導にはボタンを使おう！

下記の記事で「アメブロのボタン素材」を紹介しているので、早めに導入しておきましょう。

 クリック率が超UP！

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

スマホでのリンク・URLの簡単な貼り付け方

アメブロのスマホアプリでリンクを貼る時に、面倒なのがURLを入力する作業ですよね。

「記事を探す⇒URLをコピー⇒貼り付け」

この作業を少しでも簡単にできる方法を2つ紹介します。

スマホの辞書登録を使う方法

よく使うURLをスマホで辞書登録しておくと、簡単に貼り付けできます。

例えば、「りんく」という単語で「https://ameblo.jp/ame-maker/entry-12653500026.html」のURLを辞書登録してみました。

リンクの挿入画面で「りんく」と打ち込むと、下記のように変換候補にURLが出ていますね。

候補のURLをタップするだけで、簡単に貼り付けできます。

くますけ

URLを簡単に入力できるね！

あめっくま

よく使うURLを事前に辞書登録しておくといいよ。

記事の複製機能を使う

リンクだけではなく、記事をまるごと複製する機能です。

過去に作った記事を複製して、新記事で使う部分だけを残すということですね。

イメージは下記のとおり。

例えば記事下定型文などの「リンク」「囲み枠」「ボタン」などで作った部分を、再度作るのは面倒ですよね。

複製機能を使い、過去記事のいらない部分を新しい内容に書き換えればOK！

まとまった部分を新しい記事でも使う場合に、便利な機能ですね。

アメブロの記事複製の仕方と注意点は、下記の記事で解説しています。

 記事作成効率がUP！

【アメブロの記事複製・コピー】パソコン・スマホ両方OKなスゴ技！

アメブロの記事複製・コピーの方法について解説します。複製機能を使うと、過去記事をすぐにコピーして新記事を作成できます。一部分を繰り返し使う場合に便利！パソコン・スマホアプリのどちらでも利用可能ですよ。

nk-media.org

くますけ

一度作った定型文は、複製機能でコピペしていけばいいんだね。

あめっくま

記事を書く時に複製して、必要ない部分を新しく書き換えると楽だよ。

スマホでのリンクのNGな使い方・注意点

リンクのNGな使い方・注意点は下記の3つ。

「クリック率が下がる」・「読者に見てもらえない」などの悪影響が出てしまいます。

あめっくま

順番に解説しますね。

リンクにはアンダーラインを引く方がいい

リンクにアンダーラインを引くかどうかは、本来はお好み。個人的にもどちらでもいいと思います。

ただしアメブロではリンクに下線があると、クリック率が上がりやすいです。

理由はアプリやスマホで見る読者が、ハッキリとリンクだと分かるため。

アメブロの記事をPCで見ると、下記のように色が濃いためリンクと分かりやすいです。

アプリで記事を見ると、色がうすいです。下線がないと、リンクだと分からない読者が出やすいですね。

アプリで記事を見る場合は、そのままではリンクに下線が引かれません。

PCだけではなく、アプリやスマホでもリンクに下線が表示される方法を使うのがおすすめです。

 アプリでも表示してる？

アメブロのリンクの下線・アンダーラインを引く・消す方法（アプリ表示も可）

この記事ではアメブロでのリンクの下線・アンダーラインを引く方法と消す方法を解説します。特にアプリやスマホ画面では下線がつかないので、リンクだと分かりにくいです。クリック率を上げるためにPC・アプリの両方で下線を引いておくことが重要です。

nk-media.org

あめっくま

少しでもクリック率を上げる工夫ですね。

リンクは青色がベスト

テキストリンクには青色が多く使われていますよね。

例えば「Yahoo! Japan」のTOPページも、下記のようにリンクが青色で統一されています。

青色は読者も見慣れているので、パっと見でリンクだと気がつきますね。

リンクはクリックしてもらうことに意味があります。

デザイン重視でリンクをピンク色などにして、クリック率を下げるのはやめましょう。

あめっくま

できるだけ青色にしておきましょうね。

プロフィールページのURLに注意

プロフィールページへのリンク先URLを、下記のように間違える人が多いので注意しましょう。

最後が「/me」になっていると間違いです。

読者がプロフィールページを見れない載せ方なので、絶対にやめておきましょう。

あめっくま

初心者さんによくある間違いですね。

リンクで集客・収益を伸ばす！

リンクはアメブロで記事を書く上で、とても重要な技術です。

理由は下記の2つ。

リンクでアクセス・ランキング・フォロワーを伸ばせる

新しい記事に加えて過去記事も読んでもらえると、1つのアクセスを簡単に2倍・3倍にできますよね。（内部リンク）

「アメブロのアクセスアップ方法」の中でも、最も簡単ですぐに効果が出る手法です。

 アクセスUP手法を全部紹介！

【アメブロのアクセスアップ】アクセス数を増やす方法・優先順位・NG例

アメブロのアクセス数を増やす方法について具体的に何をすればいいのか、2021年最新の優先順位と合わせて解説します。アメブロのアクセスアップに逆効果なNG記事・運営手法も同時に紹介しています。アメブロのPV数が増えない人は要チェックです！

nk-media.org

当然ですがリンクでアクセスが伸びれば、ランキングも上がります。

そうするとランキングページからも集客でき、ブログがどんどん成長していきますね。

さらにリンクを踏むということは、「あなたのブログに読者が興味が出ている状態」です。

複数記事を読む読者は、フォロワーになる可能性も高くなります。

このようにリンクには高い効果があります。

新しい記事を書く時に、必ず関連する過去記事にリンクを貼っておきましょう。

くますけ

リンクはすごい大事なんだね。

あめっくま

だから過去記事のアクセスが続く人は、アメブロでの成長が早いんだよ。

収益をUPできる

収益目的でアメブロを運営しているなら、ゴールは申し込みに至ることですよね。

そこで大事なのは、「集客記事」から「収益記事」にリンクで誘導すること。

日々の新しい記事で集客し、「おすすめのAmebaPick商品を紹介する収益記事」「提供メニューの紹介ページ」「申込フォーム」などへ読者を誘導するのが基本です。

つまり、リンクで誘導できないと売上が伸びません。

毎日新しい記事を追加しても読者を誘導できなければ、離脱されるだけですね。

当然ですが、読者にリンクをクリックされる回数が増えるほど収益は伸びます。

クリック率をどれだけ伸ばせるかが重要！

詳しい方法は、「リンクで収益UPする活用方法」で解説しています。

 収益UPする方法があるよ！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

くますけ

リンクで誘導するから、売り上げにつながるんだね。

あめっくま

読者のためになる情報記事で集客して、収益ページにリンクで誘導するのが基本だよ。

この記事では、アメブロに下記のようなボタンリンクを導入する方法を解説します。

例えばこんなボタン

くますけ

ボタンがあると、つい押したくなるよね。

使い方はHTMLやCSSを知らなくてもOK、コピペして貼り付けるだけ。

しかもスマホやアプリで記事を見る読者にも対応。

デザインと色を選ぶとコードが自動で表示されます。コピーしてアメブロ記事内のHTML表示に貼りつけましょう。

記事後半には「ボタンの活用法」や「設置の手順」も解説しているので、必要に応じて確認して下さい。

なお、ボタンは「申し込みフォーム」と組み合わせると効果が高いです。使い方のコツは下記記事で紹介しています。

あめっくま

アメブロにボタンを設置して、申し込み・問い合わせ数のUPを狙いましょう！

①シンプルな申し込みボタン

フラットなボタン（①－A）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

角丸のフラットボタン（①－B）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

影つきボタン（①－C）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

各丸＋影つきボタン行（①－D）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

枠＋影つきボタン（①－E）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #4169e1; background: #e0e7fa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #87cefa; background: #e7f5fe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #59a136; background: #d6efbe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #d9333f; background: #f5c7ca; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #fca60d; background: #fee8c2; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #8b4513; background: #f6d4bc; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

枠＋各丸＋影つきボタン（①－F）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #4169e1; background: #e0e7fa; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #87cefa; background: #e7f5fe; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #59a136; background: #d6efbe; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #d9333f; background: #f5c7ca; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #fca60d; background: #fee8c2; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #8b4513; background: #f6d4bc; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

点線のボタン（①－G）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #4169e1; background: #e0e7fa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #87cefa; background: #e7f5fe; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #59a136; background: #d6efbe; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #d9333f; background: #f5c7ca; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #eb6ea5; background: #fbe4ee; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #fca60d; background: #fee8c2; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #8b4513; background: #f6d4bc; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

点線＋各丸ボタン（①－H）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #4169e1; background: #e0e7fa; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #87cefa; background: #e7f5fe; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #59a136; background: #d6efbe; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #d9333f; background: #f5c7ca; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #eb6ea5; background: #fbe4ee; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #fca60d; background: #fee8c2; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #8b4513; background: #f6d4bc; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

二重線＋影つきボタン（①－i）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #4169e1; background: #e0e7fa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #87cefa; background: #e7f5fe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #59a136; background: #d6efbe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #d9333f; background: #f5c7ca; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #eb6ea5; background: #fbe4ee; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #fca60d; background: #fee8c2; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #8b4513; background: #f6d4bc; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

二重線＋各丸＋影つきボタン（①－J）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #4169e1; background: #e0e7fa; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #87cefa; background: #e7f5fe; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #59a136; background: #d6efbe; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #d9333f; background: #f5c7ca; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #eb6ea5; background: #fbe4ee; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #fca60d; background: #fee8c2; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #8b4513; background: #f6d4bc; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

②かわいいボタン

水玉模様＋影つきボタン（②－A）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #4169e1; background-color: #e0e7fa; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #87cefa; background-color: #e7f5fe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #59a136; background-color: #d6efbe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #d9333f; background-color: #f5c7ca; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #eb6ea5; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #fca60d; background-color: #fee8c2; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #8b4513; background-color: #f6d4bc; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

水玉模様＋各丸＋影つきボタン（②－B）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #4169e1; background-color: #e0e7fa; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #87cefa; background-color: #e7f5fe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #59a136; background-color: #d6efbe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #d9333f; background-color: #f5c7ca; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #eb6ea5; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #fca60d; background-color: #fee8c2; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #8b4513; background-color: #f6d4bc; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

キルト・布風ボタン（②－C）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #4169e1; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #87cefa; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #59a136; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #d9333f; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #eb6ea5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #fca60d; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #8b4513; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

キルト・布風の角丸ボタン（②－D）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #4169e1; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #87cefa; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #59a136; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #d9333f; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #eb6ea5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #fca60d; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #8b4513; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

③おしゃれなボタン

ストライプ＋影つきボタン（③－A）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e0e7fa, #e0e7fa 3px, #e9eefb 3px, #e9eefb 7px); border: 3px solid #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e7f5fe, #e7f5fe 3px, #f0f9fe 3px, #f0f9fe 7px); border: 3px solid #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #d6efbe, #d6efbe 3px, #e0f3ce 3px, #e0f3ce 7px); border: 3px solid #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f5c7ca, #f5c7ca 3px, #f7cfd2 3px, #f7cfd2 7px); border: 3px solid #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fbe4ee, #fbe4ee 3px, #fcedf4 3px, #fcedf4 7px); border: 3px solid #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fee8c2, #fee8c2 3px, #fef0d7 3px, #fef0d7 7px); border: 3px solid #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f6d4bc, #f6d4bc 3px, #f8dfce  3px, #f8dfce  7px); border: 3px solid #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

ストライプ＋各丸＋影つきボタン（③－B）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e0e7fa, #e0e7fa 3px, #e9eefb 3px, #e9eefb 7px); border: 3px solid #4169e1; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e7f5fe, #e7f5fe 3px, #f0f9fe 3px, #f0f9fe 7px); border: 3px solid #87cefa; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #d6efbe, #d6efbe 3px, #e0f3ce 3px, #e0f3ce 7px); border: 3px solid #59a136; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f5c7ca, #f5c7ca 3px, #f7cfd2 3px, #f7cfd2 7px); border: 3px solid #d9333f; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fbe4ee, #fbe4ee 3px, #fcedf4 3px, #fcedf4 7px); border: 3px solid #eb6ea5; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fee8c2, #fee8c2 3px, #fef0d7 3px, #fef0d7 7px); border: 3px solid #fca60d; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f6d4bc, #f6d4bc 3px, #f8dfce  3px, #f8dfce  7px); border: 3px solid #8b4513; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></a></div>
<p>&nbsp;</p>

立体的なボタン（③－C）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border: 6px outset #1e46be; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border: 6px outset #54b9f8; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border: 6px outset #4d8a2e; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border: 6px outset #b9222c; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border: 6px outset #e85494; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border: 6px outset #e89402; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border: 6px outset #70380f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

押したくなる立体的なボタン（③－D）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-bottom: 5px solid #1b3fac; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-bottom: 5px solid #54b9f8; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-bottom: 5px solid #447a29; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-bottom: 5px solid #a81f28; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-bottom: 5px solid #e54389; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-bottom: 5px solid #d48702; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-bottom: 5px solid #4c260a; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

押したくなる立体的な角丸ボタン（③－E）

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-bottom: 5px solid #1b3fac; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-bottom: 5px solid #54b9f8; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-bottom: 5px solid #447a29; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-bottom: 5px solid #a81f28; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-bottom: 5px solid #e54389; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-bottom: 5px solid #d48702; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-bottom: 5px solid #4c260a; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

④大きなボタン

PC表示では大きいボタンで、スマホでは横幅いっぱいに表示されるボタンです。

（文字が多すぎるとスマホ表示で崩れやすいので注意）

大きなボタン（④－A）

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

大きな角丸ボタン（④－B）

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>

お申し込みはこちら

<div><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;">ボタンのテキスト<img style="position: absolute; top: calc(50% - 9px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div>
<p>&nbsp;</p>