理想のお客様にインパクトや魅力が伝わるアメブロカスタマイズとホームページのワードプレス制作、そして集客ノウハウでウェブ苦手な起業女性を手厚くサポート。「好きなことで輝く」ライフスタイルを叶えたいあなたのビジネスをお手伝いいたします。LP制作も承っております。ブログの導線作りこんにちは。先日、お客様から「アメブロのスマホアプリからバナーを貼り付けて、リンク先をつなげる方法を知りたい」とリクエストをいただきました。今回の記事は、アメブロのスマホ作業では基本の超基本。Web苦手で不慣れな内にちゃっちゃっと慣れておくと、あとの編集作業がラクになりますよ!それでは、どうぞ!目次アメブロのスマホアプリで画像を貼り付ける1.編集画面の上を軽くタッチする2.今回使うアイコンを確認3.「写真」アイコンをクリック4.記事に貼り付ける画像(またはバナー)を選択5.「リンク」のアイコンをクリック6.画像(バナー)につなげたいリンク先を作成7.「入力完了」をクリック8.「HTML編集」モード切替をクリック9.「OK」をクリックする10.範囲の「青色」で選択している画像のhtmlタグを、コピーして切り取る11.テキスト入力している部分を選択して、10でコピーした画像のhtmlタグを貼り付ける12.右上にある「完了」をクリック13.画像(バナー)になっていれば完了!【ワンポイント】レイアウトを美しくしよう1.画像(またはバナー)を長押しして「すべての選択」をクリック2.画像の配置を「中央にそろえる」にクリック3.配置を揃えたら、完了!まとめアメブロのスマホアプリで画像を貼り付ける【重要】貼り付けたい写真をスマホの写真アプリにご用意しておいて下さい。アメブロのスマホアプリを開いて下さい↓こちらがスマホでよく使う「Ameba」アプリです。*「記事を書く」編集画面からスタートします。1.編集画面の上を軽くタッチする2.今回使うアイコンを確認3.「写真」アイコンをクリック4.記事に貼り付ける画像(またはバナー)を選択これで、記事に画像を貼り付けることができました。次にリンク先を作成します!5.「リンク」のアイコンをクリック6.画像(バナー)につなげたいリンク先を作成1コピーしたリンク先のURLをここに貼り付ける2テキストを入力する3「挿入」をクリック7.「入力完了」をクリックリンク先が表示されたら、次に画像にリンク先をつなげていきます。8.「HTML編集」モード切替をクリック9.「OK」をクリックする10.範囲の「青色」で選択している画像のhtmlタグを、コピーして切り取る*タグの始め「<」から、終わり「>」まで一字も漏れがないように範囲を選択するとミスがなくなります!11.テキスト入力している部分を選択して、10でコピーした画像のhtmlタグを貼り付ける「テスト」と表示されている部分を画像のhtmlタグと置き換えます。記事の見た目を美しくすることができます^^余談ですが、スマホアプリで配置の変更は画像だけは出来ないと思っていたんです。画像にリンク先をつなぎ配置を「中央そろえ」にできました!まとめいかがでしたか?画像は、スマホでは幅が全面表示されているため配置が分かりづらいのですが、パソコンではちゃんと配置が「中央揃え」で表示されていますので、ご安心を^^実は今回紹介した方法よりも、もっと簡単な作業があるんです。パソコンで作っておくと、スマホでの作業もサクサク進められるので私としては、PC・スマホ両方とも活用することをおすすめしています。次に、スマホアプリから下書き保存した記事を編集する。すると、いつでも編集できるようになりますよ^^この方法は外出先でも大変役に立ちます!ぜひお試し下さいね。この私も、この方法でスマホで編集する手間を省けているので、いつも助かっています。Web苦手でイメージを上手く伝えることができない女性起業家を中心にデザイン集客でサポート。新ブロックエディタ版の「改行」はスペーサーで空白を調整しよう!〈お客様の声〉いつも素敵な制作をありがとうございます。