ホームページ » インターネット » 無料でEメールニュースレターを作成して送信する方法

    無料でEメールニュースレターを作成して送信する方法

    多くのEメールニュースレタープロバイダーから提供される多くの有料オプションがありますが、Gmail、Yahoo、Hotmail、その他の無料Eメールアカウントから1つを送信できる場合は、他のアイテムに予算を追加することができます。.

    あなたのEメールキャンペーンを監視するためのツールを備えた、より管理されたニュースレターサービスを探しているなら、有料サービスを使いましょう。.

    CampaignMonitorを使用して、独自のニュースレターテンプレートをHTMLテンプレートとして保存して送信する方法についてご案内します。.

    Photoshopのメールテンプレートから始める

    ニュースレターのテンプレートをどのようにしたいかについてのアイデアがあれば、Photoshopを使い始めることができます。それ以外の場合は、無料の電子メールテンプレートプロバイダから多くのテンプレートをダウンロードできます。電子メールテンプレートの幅や高さは特に決まっていませんが、電子メールのテンプレートと互換性があり、中断することなく読みやすいように、幅のサイズを650px以下に設定することをお勧めします。高さに制限はありませんが、パラメータはあなた次第です。.

    メールテンプレート

    あなたはあなたのEメールテンプレートであなたが好きなように創造的になることができますが、より創造的な要素が含まれていることを覚えておいてください、各要素をスライスすることでより多くの仕事があるでしょう。ここで使用するテンプレートには、このガイドの利点のために、ヘッダー、写真、行、テキストという単純な要素がいくつかあります。.

    フォント選択

    あなたは間違いなくあなたのPhotoshopで利用可能などんな種類のフォントでも使うことができます。しかし、あなたがニュースレターを作成しているなら、Times New Roman、Arial、そしてGeorgiaのようなウェブフォントを使うことが賢明です。それ以外の場合は、特別なフォントを使用しますが、テキストとしてではなく画像として保存します。.

    テンプレートに保存する画像が多すぎるため、サイズが大きくなり、読み込みに時間がかかるため、制限するようにしてください。.

    1.メールテンプレートをスライスします

    このガイドでは、CampaignMonitorによる無料版電子メールテンプレートの編集版を使用します。このチュートリアルに従うには、ここからダウンロードしてください。.

    メールテンプレートを使用する準備が整ったので、Photoshopで開き、[選択]を選択します。 スライスツール そしてテンプレートのすべての要素をスライスし始めます.

    このプロセスでは、すべてのスペース、テキスト、線およびイメージをすべてスライスする必要があります.

    テキストをスライスするときは、必ず正確なサイズを選択してください。テキスト領域に余分なスペースを空けないでください。空のスペースの場合は、それらを1つの大きなスライスにスライスしますが、それらを正方形に分割します.

    あなたがPhotoshopで使用する必要がある次のツールは スライス選択ツール. このツールを使用して、テンプレート内のスライスされたすべての要素を修正します。すべての行が接続されていることを確認し、スライスせずに空の領域を残さないでください。.

    スライス選択ツールを使用して、テンプレートをズームし、作成したすべてのスライスを確認します。すべての線が接続され固定されていることを確認してください.

    結果は次のようになります.

    2. HTMLテンプレートとして保存

    スライスしたテンプレートの準備ができたら、[ファイル]に移動して[選択]を選択します。 Webとデバイス用に保存.

    保存オプションを含むウィンドウがポップアップします。まず、画像要素をダブルクリックして名前を付けると、保存時に画像ファイルを簡単に認識できます。クリック OK 名前を付けた後.

    次にポップアップウィンドウの右上隅で、イメージタイプを次のように設定します。 JPEG ドロップダウンメニューから。質はに置くことができます 60 または 80. 品質を100に設定すると、画質は最大になりますが、テンプレートが重くなります。.

    今すぐクリックして 保存する ウィンドウ下部のボタン.

    新しいポップアップウィンドウが表示されます。ここで、ファイルの保存先を選択し、フォーマットを HTMLと画像 そして設定します スライス全スライス.

    次に、 設定 ドロップダウンメニューから選択 その他の.

    別のポップアップウィンドウが表示されます。 HTML セクションで、「フォーマット」の下の選択が以下の通りであることを確認してください。 「コーディング」セクションについても同じことをします。.

    今から HTML ドロップダウンメニューから選択 スライス, そして選択 スライス出力テーブルを生成 そして列を次のように設定します。.

    今から スライス, に行く ファイルを保存する ドロップダウンメニューから[最適化ファイル]セクションに移動し、 画像をフォルダに入れる 画像フォルダの名前を設定します。デフォルトの画像フォルダは 'images'になります。次にクリック 'OK'.

    [OK]をクリックすると、前のポップアップウィンドウに戻ります。 保存する.

    保存ボタンを押した後、ファイルを保存した場所のフォルダを開くと、メールテンプレート用に既に保存されているスライス画像を含むhtml and imagesフォルダが表示されます。.

    ブラウザで '.html'ファイルを開くと、ニュースレターがHTMLテンプレートに変換されたことがわかります。.

    3. HTMLを修正し、テキストイメージをWebフォントに変更します

    次の手順の最後に、完成した電子メールテンプレートがHTML形式で表示されます。.

    HTMLニュースレターのすべての要素は、すべてのテキストを含む画像に保存されます。今度はテキストイメージをWebフォントに変換する必要があります。これを行うには、HTMLエディタで「.html」ファイルを開きます。この例では、Dreamweaverを使用しています.

    ヘッダをクリックしてハイライトされたHTMLをチェックしてください.

    HTMLはこのようになります。

    強調表示されているすべての行を削除します。または、ヘッダー画像をクリックして[削除]を押します。削除すると、領域がデフォルトの背景色で塗りつぶされます。.

    それでは、Photoshopに戻って、ヘッダーのフォントの詳細を確認してください。あなたはフォントの種類、色、サイズを取得する必要があります.

    フォントの詳細を取得したら、テンプレートのヘッダー領域にヘッダーテキストを入力し、フォントの詳細も含めます。私の例では、私のヘッダテキストHTMLは以下の通りです:

    ABCニュースレター

    上記のHTML行には 'style'が含まれています。ここで背景色、フォントファミリ、フォントサイズ、文字間隔を定義します。適切な文字間隔とフォントサイズでテキストスペースを埋めるようにしてください。テンプレートが壊れないようにしてください。.

    今度はあなたのテンプレートのあらゆるテキストのために同じプロセスを繰り返す必要があります。すべてのテキスト画像がWebフォントに変換されていることを確認し、HTMLの不要な画像を避けます.

    次のオプションはオプションですが、ニュースレターを中央に設定して、アラインメントを

    セクション.

    最終テンプレートを確認するには、ブラウザで「.html」ファイルを開きます。

    参考のためにここで最終的なテンプレートをダウンロードすることもできます。.

    4. Gmail経由でHTMLをニュースレターとして送信する

    HTMLメールをGmailから直接送信するためのちょっとしたコツがあります。これを実行するには、実際にはWebサーバーにニュースレターフォルダをアップロードする必要がありますが、持っていない場合は、代わりにDropboxを使用して実行してください。.

    Dropboxパブリックフォルダを使う

    2012年8月1日より前にDropboxアカウントを登録した場合は、次の手順に従ってください。.

    1. 無料のアカウントをDropboxに登録してから、あなたのPCまたはMacにアプリをインストールしてください。そうすれば、あなたはウェブ上でアップロードプロセスをスキップすることができます。アプリにアップロードを任せてください.

    2. 作成したメールテンプレートはフォルダに保存されました。フォルダをコピーして、 パブリック Dropboxにフォルダが見つかりました(Dropbox>公開).

    3. フォルダ内の '.html'ファイルを探し、右クリックして選択します。 公開リンクをコピー.

    4. [パブリックリンクのコピー]を選択すると、リンクはコンピュータのメモリに保存されます。このリンクをWebブラウザに貼り付けてから、Webページとして開きます。.

    5. このニュースレターの内容をコピーする必要があるので、キーボードを使用してCtrl + Aを押してすべてを選択し、次にCrtl + Cを押して内容全体をコピーします(Macの場合はCmd + Aを押してすべてを選択)

    6. Gmailを開き、クリックします 構成する 空白のメールを受信するには、テキストフィールドでマウスをクリックしてからCtrl + Vを押して、メールの内容フィールドにニュースレターを貼り付けます。 MacユーザーはCmd + Vを押すことができます

    7. あなたのニュースレターがあなたのEメールの内容として表示されます。件名とEメールアドレスを入力して、あなたの最初のEメールニュースレターを送ってください!

    Site44アプリの使い方

    Dropboxは、2012年8月1日以降に登録したDropboxユーザーにパブリックフォルダ機能を提供しなくなったので、Dropboxフォルダをウェブサイトに変えるアプリ、Site44を試すことができます。.

    1. Site44にアクセスしてDropboxでサインインしてください。.

    2. Site44があなたのDropboxアカウントに接続するのを許可します。ほとんどの場合、メールアドレスを確認する必要があります。.

    3. 「新しいWebサイトをクリック」をクリックして開始します.

    4. [site44.comドメインを使用]セクションで、DropboxにこのWebサイトの適切なフォルダ名を入力して[作成]をクリックします。この場合、私は "を使用していますマイニュースレター「フォルダ名として。その後、利用規約に同意して続行します。.

    5. これで、Site44はあなたのDropboxにWebサイト用の新しいフォルダを作成しました.

    6. 以前に作成したnewsletter.htmlファイルとimagesフォルダをmynewsletter.site44.com Dropboxフォルダにコピーします。.

    7. Webブラウザを開いてhttp://mynewsletter.site44.com/newsletter.htmlにアクセスしてください。.

    8. このニュースレターの内容をコピーする必要があるので、キーボードを使用してCtrl + Aを押してすべてを選択し、次にCrtl + Cを押して内容全体をコピーします(Macの場合はCmd + Aを押してすべてを選択)

    9. Gmailを開き、クリックします 構成する 空白のメールを受信するには、テキストフィールドでマウスをクリックしてからCtrl + Vを押して、メールの内容フィールドにニュースレターを貼り付けます。 MacユーザーはCmd + Vを押すことができます

    10. あなたのニュースレターがあなたのEメールの内容として表示されます。件名とEメールアドレスを入力して、あなたの最初のEメールニュースレターを送ってください!

    結論

    ニュースレターのHTMLフォルダがDopboxのパブリックフォルダに保存されている限り、受信者はニュースレターを正しく表示できますが、フォルダを削除するとリンクが解除され、受信者はテキスト。 Photoshopで基本的なHTMLニュースレターを作成し、Gmail経由でHTML形式で送信する方法について、このチュートリアルに従ってください。他に方法がある場合は、他の読者と共有してください。.

    © Savtec
    役立つ情報とWeb開発のヒント。 プログラミング、Webデザイン、CSS、HTML、JAVASCRIPT。 WINDOWSを構成して再インストールします。 サイトおよびアプリケーションをゼロから作成します。