iPadでの画像挿入 (Movableマネージャ)

iPadですこぶるCMSほかMovable Typeブログを更新する際、「Movable マネージャ」というアプリを利用する旨ご紹介しました。

このアプリ「Movable マネージャ」で画像挿入する方法をご説明します。

まずiPadでMovableマネージャにアクセスします。

ブログリストから対象のブログを選択します。 

対象のブログを選択

 

次に画像を挿入したいブログ記事を選択します。

挿入するブログ記事を選択

 

投稿記事の編集画面が表示されたら、画面右下のカメラアイコンをクリックし、ここでは「ライブラリから写真を選択」(iPad内の写真)をクリックします。

ブログ記事編集画面でカメラアイコンをクリック

 

次に「保存した写真」をクリックします。

保存した写真をクリックします

 

「保存した写真」の一覧が表示されたら、この中から記事に挿入したい画像を選択します。

挿入したい画像を選択します

 

アップロードするイメージ画面で必要に応じてサイズを変更してください。

また出力形式欄でサイトパス(画像のファイル名を入力します。※必ず半角英数字にしてください。

上記入力が済んだら、画面右上の「保存」ボタンをクリックします。

画像のサイズやファイル名を設定

 

下記確認画面でOKをクリックします。

確認画面

 

次にコピーされた画像のコードを貼り付ける作業を行います。

ブログ記事編集画面で画像を挿入したい場所にカーソルを置き、画面下のメニューの中の”IMG"をクリックします。(メニューはキーボード表示の上に表示されています)

コピーした画像のコードを貼り付ける

 

コード<img src="" alt=""/>が入力されていますので、src=の次のダブルコーテーションの間にカーソルを合わせ、表示されるメニューから「ペースト」をクリックします。

※カーソルを合わせてペーストのメニューを表示させるのが大変かも知れません

画像コードの挿入

 

画像挿入後、下記のようにsrc=の次のダブルコーテーションの間にはいていることを確認します。

検索エンジン対策のためには、alt=の次のダブルコーテーションの間に、写真の説明文を日本語でいれておくとよいでしょう。

最後に画面右上の「完了」ボタンをクリックします。

画像のコード挿入後のイメージ

 

再度確認画面が表示されますので画面右上の「保存」をクリックします。

確認画面

 

うまく設定できれば、下記のように画像が挿入できていれば完成です。

画像挿入後のイメージ

すこぶるCMSに関するお問い合わせ
TEL:054-205-3320
月~金:9:00~17:00 土日祝日:休み