PIM Publishing Support
■11/2/8 8:47AM
HTMLメールマガジンを送付する
企業メルマガでソースの管理で面倒な思いをしたりコストについて考えたりすることがあるかと思います。また個人の方でもHTMLメールを送りたいというニーズもあるかと思います。ナントこのCMSはメルマガにも対応します[画像を見る]

やり方は以下の通りです。

[画像を見る]
サイトデザインをHTMLメールマガジンに指定してサイトを作成します。
個別ページにアクセスすると上のような画面になります。
次に右クリックでソースの表示を選択します。
テキストエディタにソースが表示されたら全てを選択しコピーします。

[画像を見る]
通常はHTMLメールマガジンを送信するツールを使って送信しますが、
Hotmailでは完全ではないながらHTMLメールが送信することができるようです。
今回はサンプルとしてこちらを使用することにします。
新規メール作成画面で上図のようにHTMLタグの編集モードに切替ます。
また、本文にコピーしたソースをペーストします。

[画像を見る]
次に上図のようにリッチテキスト(HTML)形式に変更します。一度では正しく表示されないようです。
HTMLタグの編集に再度変更します。少しHTMLタグが自動修正されているのが分かります。
もう一度リッチテキスト(HTML)形式に変更します。
[画像を見る]上のようにHTMLメールが完成しています。これで送信しましょう[画像を見る]


Comment (0)

■11/2/7 8:59AM
Javascriptを埋め込みたい(ウィジット)

例えば、当サイトの右側にツイッターのバッジ(Follow)が付いています。これはJavascriptのコードで配布されるウィジットなのですが、こういうものを当CMSで扱いたい場合にちょっとしたコツが必要になります。

ギャラリー編集などには入力欄がありますが、HTMLエディタを使用している場合はJavascriptが思うように保存できません。しかし、右上のHTMLエディタを無効にするにチェックを入れ設定変更をすればきちんと保存ができるようになるんです[画像を見る]

その上でお好きなJavascriptなどを埋め込むなどをして頂ければきっと素敵なサイトに仕上がると思います[画像を見る]

[画像を見る]

サイト全体に有効にしたいときはギャラリー編集やリンク編集で、特定の記事に有効にしたいときは各コンテンツの編集でJavascriptを埋め込めば良いでしょう[画像を見る]


Comment (0)

■11/2/6 8:45AM
サイトデザインをHTMLタグでカスタムする

[画像を見る]

■サイトの角を丸めたい!
そういうときは代替タイトルテキストに画像を使うようにHTMLタグを入力してカスタマイズします。この場合以下のように入力しています。

<div style="position:absolute;top:10px;left:407px;z-index:1"><img src="http://your_site/uploaded/itunes_title.png"></div><div style="position:absolute;top:75px;left:-1px;z-index:-1"><img src="http://your_site/uploaded/frame_top.png"></div>

フッターも同じように丸くできます。

[画像を見る]

同じく代替フッターテキストに以下を入力しています。

<div style="background-color:#cfd0d0"><img src="http://your_site/uploaded/frame_bottom.png"><br>&nbsp;&nbsp;<font size="-1">Copyright (C) iTune Review. All Rights Reserved.</font><br><br></div>

[画像を見る]
デザインの設定はこんな感じです。


使用している画像はこちらからダウンロードできます[画像を見る]
(URLを右クリックし対象をファイルに保存)

角丸画像トップ
http://pimpub.jpn.org/support/uploaded/frame_top.png

角丸画像フッター
http://pimpub.jpn.org/support/uploaded/frame_bottom.png

タイトルバー背景画像も掲載しておきますので是非使ってくださいね[画像を見る]

見出し背景画像
http://pimpub.jpn.org/support/uploaded/title_main.gif

サイドバー背景画像
http://pimpub.jpn.org/support/uploaded/title_sub.gif


Comment (0)

Navi: <  1 | 2 | 3  >
-Home
-質問受付 - Question [1]
-回答 - Answer [1]
-TIPS - Tips [7]
-一般 - General [3]

@PIM Publishing Support