• このエントリーをはてなブックマークに追加

こんにちは!

 

葉です(^^)

 

今日は、ブログで集客をするに当たり必須の

メルマガ登録フォームを賢威のトップページに挿入する方法を

紹介していきます。

 

トップページにメルマガ登録フォームを挿入するとどうなるの?

まずは、トップページにメルマガ登録フォームを挿入するとどうなるのか?

を見ていきましょう。

 

まず、メルマガ登録フォームが挿入されていない場合を見てみましょう。

sc20150930133835

メルマガ登録フォームを挿入すると、このようになります。

sc20150930140700

 

トップページは、ブログの中で最もよく見られるページでもあるので、

ここに、メルマガ登録フォームを設置しておくのは、

読者さんを集めるにあたって非常に有効な手段です。

この場所へのメルマガ登録フォーム設置は忘れずに行っていきましょう!

 

 

賢威トップページにメルマガ登録フォームを貼り付けてみよう!

では実際に、メルマガ登録フォームを貼り付けていきます!!!

WordPress管理画面の左メニューより

【外観>テーマの編集】をクリックします。

sc20150930134052

 

 

次に、右側にある【index.php(メインインデックスのテンプレート)】をクリックします

sc20150930134246

 

 

そしたらば、

<!–▽メインコンテンツ–>
<div id=”main-contents”>

と記載されている場所を探します。

※Ctrl+Fを使うと簡単に探せます。

 

 

探し出せたら、メインコンテンツの下に

メルマガ登録フォームのコードを貼り付けます。

sc20150930140111

 

 

メルマガ登録フォームを貼り付ける(マイスピーの場合)

ただ、肝心のメルマガ登録フォームの作り方がわからない!

という人の多いのではないでしょうか?

 

 

実は、これは、メール配信スタンド会社ごとにそれぞれ用意されています。

今回は、僕が使用しているマイスピーを使っての方法を紹介します。

※それぞれのメール配信スタンド会社ごとに用意されているはずです。

 

 

とはいっても、すごく簡単で、

発行したいメルマガのページに飛び、

【登録フォームタグの発行】をクリックします。

sc20150930135128

 

 

すると、次のような画面が表示されるので、

記述されている内容をコピーします。

cats

 

 

そして、先ほど指定した箇所にコピーしたコードを貼り付けます。

sc20150930140111

 

 

【ファイルを更新】をクリックしたら作業完了です。

sc20150930140304

 

 

賢威のトップページを見てみよう!

では、最後に賢威のトップページにどのようなメルマガ登録フォームが出来上がったのかを

確認してみましょう。

sc20151001112059

 

こんな感じになりました!

 

 

画像を使ったり、コードを編集するなどして、

より綺麗なメルマガ登録フォームを作っていきましょう!

 

白い枠を付けたい場合

このままでも良いのですが、僕としては

白い枠があったほうが綺麗かな~なんて思っています。

 

こんな感じにに!

sc20150930140700

 

 

なので、この白い枠の付け方も紹介しますね。

と言ってもすごく簡単です。

 

メルマガ登録フォームのコードを下のコードで挟んでしまえばいいんです。

<div class=”post”>
</div>

 

 

実際には、

<div class=”post”>
メルマガ登録フォームのコード
</div>

という形になります。

簡単なのでぜひやってみてくださいね。

 

 

以上で、賢威トップページにメルマガ登録フォームを挿入する方法の説明は終了です。

 

 

賢威の記事下にメルマガ登録フォームを設置する方法は、

こちらの記事を参考にしてください。

賢威の記事下にメルマガ登録フォームを設置する方法

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

賢威カスタマイズ