AMS使い方マニュアル

簡単ホームページ作成ツール「AMS」のマニュアルサイト

ホーム ≫ ブログの本文内に画像をいれたい ≫

[ケーススタディ]
ブログの本文内に画像を入れる

ケーススタディ

ブログページの本文内に「お問い合わせバナー」画像を設置したい。

事前準備

使用する画像は、事前に「ファイル管理」にアップロードして、適宜、サイズやファイル名を調整しておきましょう。

1.画像を入れる場所を決める

ブログに画像リンク挿入02

ブログ編集画面に入り、画像(ここではお問い合わせバナー)を入れたいところをクリックします。
ここでは、「お問い合わせはこちら」の下の行をクリックしています。

2.画像を配置する

ブログに画像リンク挿入03

エディタ上部にある「イメージ」アイコンを押します。

ブログに画像リンク挿入04

ファイルマネージャから選択」ボタンをクリックします。

ブログに画像リンク挿入05_コピー

画像をクリックして選択します。

Blog_img2

高度な設定」タブをクリックし、
「スタイルシート」に「width:100%;」を入力して、「OK」ボタンをクリックします。

※スマホで表示した際にも、画像が見切れないように「width:100%;」を設定しておきましょう。

3.完了

ブログに画像リンク挿入10

「お問い合わせはこちら」の下に「お問い合わせバナー」画像が入りました。

4.ブログ記事を更新する

ブログに画像リンク挿入08_コピー

ブログ編集ページの一番下にある「記事を更新」ボタンをクリックします。

5.表示を確認する

ブログに画像リンク挿入09_コピー

ブログ一覧画面に戻り、「プレビュー」をクリックして確認します。

「お問い合わせバナー」が表示されていれば、画像の挿入は完了です。

otukaresamadesita

こちらのページも見られています