【HTMLエディター】画像リンク/リンク画像/リンク付き画像を追加したい。
新手順(2025/10~)
2025年10月より「リンク付き画像」というパーツが利用できるようになりました。
下記手順にてリンク付き画像を設定してください。
- 上側リボンにある追加ボタン[+]を押す。
- 右側メニューにある[リンク付き画像]をエディタにドラッグする。
- 画像を選択する。
- 上側リボンにある[歯車]を押す。
- 右側リボンにある遷移先URLを設定する。(必要ならタイトルやターゲット属性も設定する)
旧手順
現在でもこちらの手順でも作業を行うことは可能です。
既存の画像にリンクを追加する場合等、必要であればこちらの手順をご活用ください。
- 上側リボンにある追加ボタン[+]を押す。
- 右側メニューにある[リンク(非テキスト)]を画像横にドラッグする。
- 上側リボンにある[歯車]を押す。
- 右側リボンにある遷移先URLを設定する。(必要ならタイトルやターゲット属性も設定する)
- 画像をリンクエリアへドラッグする。
- 画像の少し外側にマウスを当てて「リンク」」と表示されればOK。
Related Articles
【HTMLエディター】メール内に動画を埋め込みたい
メール内に動画を埋め込みたいという要望は少なからずありますが、 メールソフト側のセキュリティ上の制限や仕様によって再生できない場合も多くあるため、動画の埋め込み自体を推奨されていません。 代替方法 1.サムネイルをリンク付き画像として動画視聴ページにリンクする こちらが一般的な方法です。 リンク付き画像を作成する方法はこちらの記事をご確認ください。 2. gif画像で代用する 3秒程度の短い動画であれば、gif画像で代々できる場合があります。 Videoタグで埋め込む ...【HTMLエディター】テキストリンクの文字色を変更したい
エディターを使用していると、テキストリンクの文字色や下線部の色が青くなり、変更できなくなってしまうことがあります。 この記事ではどのようにすれば回避できるのかについて解説していきます。 リンクパーツを使用している場合 上図のような「リンク」パーツを使用している場合には、下記から色を変更することができます。 要素を選択 > 上部リボンパーツの🖌(編集)アイコン > テキスト設定 > Font color テキストの一部のみをリンクにしている場合 ...【HTMLエディター】画像が縦伸びする
HTMLエディターで画像を設定した際に、画像が縦に長くなってしまう(縦に伸びる・縦伸び)ような現象が発生してしまった場合の対応方法について説明していきます。 HTMLエディタでの対応方法 変更したい画像をクリックし、「属性 > Height」のにある「×」を押す。 (or 数字を全て消す or 「auto」と入力する) 下図のように「Height」の部分が「auto」になっていればok。 ソース編集での対応方法 <img alt="サンプル画像" ...【HTMLエディター】画像メールを作成しようとすると余白/隙間ができるので消したい
LPのようなメルマガを飛ばす場合、縦長の画像をいくつかに分割して挿入すると思います。 この際、端末で見てみると画像と画像の間や左右で余白が空いてしまうことがあります。 この記事では、この余白を消す方法について説明していきます。 1. padding,marginの設定を確認する 左右の余白では特に見落としがちになるのですが、画像の外側にあるカラム(table)要素に余白が入ってしまっていることが原因の可能性があります。 1-a. カラム(table)の余白 ...【HTMLエディター】スマホで見たときにテキスト・文字が小さくなる
HTMLエディターで作成したメールの文字が、スマホで見ると小さくなってしまう場合に解決するための方法を紹介していきます。 なぜこのような事象が発生するのか？ 画像がある場合に正しくサイズ指定がなされていない場合に元のサイズのまま画像を表示しようとすることが原因で、相対的に文字が小さくなってしまいます。 スマホのGmailアプリやOutlookメールアプリで確認した際に、比較的発生しやすい現象です。 ...