プラグインVPS-NEO EDITOR WP

NEOMAILの説明

このプラグインは、VPS-NEOのステップメールのメール作成をワードプレスでできるようにしたものです。ワードプレスで通常のように記事を書いたものを、ステップメールの原稿にできます。

仕組み

ワードプレスで書いたステップメールの原稿は、カテゴリーごと一括でダウンロードでき、解凍したテキストファイルは、そのままVPS-NEOのステップメールにインポートができます。

メリット

一度作ったステップメールを再編集したり、確認するのは、VPS-NEOの中だけですと、結構面倒です。また、原稿を書くのもなかなか大変です。

しかし、ワードプレスは文章を書いたりするのも、編集するのも使いやいです。

ですので、ワードプレスをステップメール原稿用のドキュメント管理ツールとして利用するというアイデアになります。

使いやすいワードプレスでステップメール原稿を作り、VPS-NEOにインポートして利用することができます。編集したりする場合も、このワードプレスで編集し、再度VPS-NEOにインポートすればOKです。

やり方

ステップメール用のカテゴリーを作る

ステップメール用の投稿ページのカテゴリーをまずは作ってください。　例「ステップメールA」

カテゴリーの一覧が下に表示されていますので、ステップメール用のカテゴリーをチェックをしておいてください。

それで、そのカテゴリーは非公開になります。(ステップメールの原稿作成専用のカテゴリーになるということです)

ステップメール用の原稿を書く

新規投稿ページで原稿を書いたら、上記のステップメール専用のカテゴリーで保存してください。 (他のカテゴリーは選ばないでください。)

保存後、再度読み込んでいただくと、その投稿ページの編集画面の右側の設定部分に、「ステップメールの設定」という部分が現れます。

ステップメールの設定をします

step_idというのは、VPS-NEOに登録されるステップメールの番号です。メルマガ単位ですので、使っていない番号を記入されるとよいです。半角の数字のみとなります。番号が重複しなければ、よいです。

stepdayというのは、読者が登録してから何日目に配信するかという日数の設定です。 3日目にメール送信したければ、「3」と書いてください。半角の数字のみとなります。複数日の設定はできません。

また、「0」は指定できません。自動的に「1」に修正されます。

sendtimeというのは、送信時間です。10時5分であれば、「10:5」と記入してください。午後4時の場合は、「16:0」です。「4:0」とか「16:00」ではありません。

ステップメールの原稿を書き終え、上記の設定を完了したら

原稿をダウンロードします。

下のカテゴリーリストの中で、チェックしたものだけが「ステップメール原稿取得」のリンクが表示されます。そのままクリックしますと、そのカテゴリーの記事が、VPS-NEOにインポートできる形式でダウンロードすることが可能です。

ダウンロードの中の「readme.txt」を確認してくたさい。

step_idなどが設定してなかったり、重複している場合は、ファイル化できません。そのような記録が書いてありますので、問題ないか確認してください。

記事の中に機種依存文字を入れないでください。

「②」のような文字は、機種依存文字です。ステップメール原稿作成時には自動的に変換されます。

画像やその他ファイル名などに機種依存文字を使われますと、自動的に変換されてしまうで、表示されなくなります

もう一つのメニューの「CSS設定」について

ステップメールのHTMLメール部分に入れるCSSをご自由に設定できます。

HTMLメールの見栄えが変わりますので、ぜひご利用ください。以下にCSSのサンプルを入れておきますので、ご自由にお使いください。

複雑なCSSは対応できません。(複雑とは要素を複数一緒に書いたり、属性指定を含んだ書き方です。)

CSSサンプル

body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
  }
  h1 {
    margin: 50px 0;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    margin: 16px 0;
    line-height: 1.5;
    font-size: 20px;
  }
  h2 {
    margin: 50px 0;
    font-weight: bold;
      margin: 56px 0 40px 0;
      padding: 8px 0 8px 16px;
      border-left: solid 4px #9b8d77;
      background-color: #f0f0f0;
      line-height: 1.5;
      font-size: 20px;
  }
  h3 {
    margin: 50px 0;
    font-weight: bold;
      font-size: 20px;
      color: #000c15;
      margin: 48px 0 32px 10px;
      padding: 6px 0;
      line-height: 1.5;
      border-bottom: solid 2px #d2d5d9;
  }
  h4 {
    
    margin: 50px 0;
    font-weight: bold;
    font-size: 18px;
    margin-left: 14px;
    padding: 0.5em 0;
    border-left: 4px solid #7db4e6;
    padding-left: 10px;
    font-size: 18px;
    color: #000c15;
    line-height: 1.5;
  }
  h5 {
    
    margin: 50px 0;
    font-weight: bold;
    font-size: 18px;
    margin-left: 14px;
    padding: 0.5em 0;
    padding: 0.4em 0.5em;
      color: #494949;
      background: #f4f4f4;
  }
  h6 {
    
    margin: 50px 0;
    font-weight: bold;
    font-size: 18px;
    margin-left: 14px;
    padding: 0.5em 0;
    color: #999999;
    border-left: 4px solid #c5e1f5;
  }
  p {
    font-size: 16px;
    margin: 14px 18px 0px 18px;
    line-height: 2.0;
  }
  span {
    font-style: italic;
  }
  ol, ul {
    margin-left: 30px;
    padding: 0;
    list-style: none;
  }
  ul{
    list-style-type: disc;
  }
  li {
    font-size: 14px;
    margin: 0.5em 0;
    line-height: 2;
    margin-bottom: 16px;
  }
  a {
    color: #337ab7;
    text-decoration: none;
  }
  table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1em;
    border-collapse: collapse;
  }
  thead {
    color: #ffffff;
    background-color: #337ab7;
  }
  tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  tbody tr:hover {
    background-color: #f5f5f5;
  }
  td {
    padding: 0.75em;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
  th {
    padding: 0.75em;
    vertical-align: top;
    border-top: 1px solid #ddd;  
    color: #ffffff;
    font-size: 14px;
    text-align: left;
  }
  tr {
    color: #555555;
    border-bottom: 1px solid #ddd;
  }
  td {
    color: #555555;
    font-size: 14px;
  }