FC2ブログ公式マニュアル

検索フォーム

 

Entries

トップ > 記事を書く > 記事に画像(写真)を載せる

記事に画像(写真)を載せる

記事の中に写真を載せる

ブログ記事の文章内に写真を入れる手順を説明します。画像は1記事に何点でも載せることができます。


こんなふうに記事内に画像を入れることができます

編集画面から画像を入れる手順

 

記事を書きながら、文章の中に写真(画像)を配置する手順です。
画像は1記事の中にいくつでも掲載することができます。また追記側にも同じように画像を入れられます。

画像はすでにアップロードされてるものとして説明します。ファイルのアップロードについては別項目の解説をご覧ください。
[参照]ファイルをアップロードする

【1】

新しく記事を書く(記事の編集)画面で、記事テキスト入力欄に画像を挿入します。画像も本文と同じところに書き込みます。

【2】

挿入位置にカーソルを合わせて、ツールメニュー ファイルアップロードツールを開く をクリックします。

【3】


▲別ウィンドウがポップアップします

ポップアップした別ウィンドウに、すでにアップロードされている画像の一覧が表示されます。
そこから記事内に入れたい画像を選んで、[この画像で記事を書く]ボタンをクリックします。

サムネイル(小さいサイズの画像)が生成されている場合は、[サムネイルで記事を書く]のボタンで挿入できます。

【4】

カーソルの位置に画像のHTMLコードが挿入されました。
2点目以降の画像も同じ要領で追加していくことができます。

入れた画像を外すには、追加されたHTMLコードの部分を削除します。

▲pagetop

ファイル管理画面から画像を選んで記事を開く

ファイル管理画面(サイドメニューの「ファイルのアップロード」)から、画像を選んで、直接記事の中に画像のタグを入れることもできます。


「ファイルのアップロード」画面から、[記事を書く]ボタンをクリック

画像の一覧から記事内に入れたい画像を選んで、[この画像で記事を書く]ボタンをクリックします。

本文入力欄に画像のHTMLタグがすでに入っている状態で、「新しく記事を書く」画面が開きます。

▲pagetop

画像のHTMLタグについて

初期設定で挿入される画像HTMLタグは以下のような形式です。このタグコードの形式は「環境設定の変更」で変更しておくこともできます。(参照「投稿設定」)

 <a href="http://ファイルのアドレス" target="_blank">
 <img src="http://ファイルのアドレス" alt="タイトル" border="0" />
 </a>  <br clear="all" />

a href=...
画像をクリックしたときに、画像だけを別画面で開くようにリンクされています。
記事内の画像をサムネイルにして、クリックすると拡大表示させるようにもできます。
不要な場合は <a> </a> の部分を削除します。
target="_blank"
「_blank」を指定しておくと、別画面で画像が開きます。
img ...
画像を表示させるHTMLタグです。この部分だけあれば画像は表示されます。
alt=...
ファイル管理(アップロード)画面で、「タイトル」に設定したテキストが入ります。
画像が表示されないときや、読み込み中はこのテキストが表示されます。

「img...」以外のタグはなくても、画像は表示されます。不要な場合は、「環境設定の変更」で、挿入されるタグの設定を変えておくことができます。

▲pagetop

  • ▲
  • FC2ブックマークに追加
  • 印刷用ページ
  • 記事を書く
タグ画像   写真   img   挿入   
  • «
  • ホームに戻る
  • »

Appendix

新管理画面について

このマニュアルは、旧管理画面を元に記載しています。そのため、新管理画面を利用されている場合は、表現が異なる場合があります改訂版暫定マニュアル覧いただけますようお願いいたします。

INDEX

サイトマップ

  1. ブログとは (2)
  2. ブログを開設する・登録手順 (4)
  3. 記事を書く (8)
  4. 記事の入力補助ツール (7)
  5. データを管理する (5)
  6. 環境設定 (11)
  7. コミュニティ・交流ツール (10)
  8. アカウントを管理する (4)
  9. 迷惑投稿に対抗する (1)
  10. こんな機能も使ってみよう (4)
  11. [モバイル]携帯電話で使う (4)
  12. 初級者のためのピンポイントアドバイス (9)
  13. 中級者のためのピンポイントアドバイス (5)
  14. プラグイン (12)
  15. 利用上の諸注意 (3)

Powered By FC2

Powered By FC2ブログ
ブログやるならFC2ブログ

リンク

  • 最新障害情報・メンテナンス情報ブログ
  • FC2ユーザーフォーラム
  • ブログ利用規約
  • 有志によるQ&A
  • カスタマイズ・マニュアル
  • 公式テンプレート一覧
  • 共有テンプレート一覧

コメント・トラックバックについて

  • ブログ上でコメントは受けておりません。このマニュアルについてのコメントはこちらへお願いします。⇒FC2ブログ公式マニュアル関連掲示板
  • トラックバックポリシーはこちらをご覧ください。⇒当ブログのトラックバック設定

携帯電話用マニュアル

モバイルマニュアルのQRコード

ユーザータグ

データ ローカル 不具合 公式テンプレート アクセスアップ 管理 旧ID エディター バナー トラックバック ブログランキング アカウント作成 Amazon 利用規約 秘密の質問 ログイン 過去ログ フリーエリア 削除 公式プラグイン FC2サービス 挿入 携帯 カウンター モブログ 月間アーカイブ ブックマーク ping テンプレート カテゴリ freearea アフィリエイトタグ FC2ニュース プラグイン ジャンル別コミュニティ FC2投票 編集 検索エンジン 返信 退会 更新情報 TB <br> コメント 全記事表示 カレンダー スレッドテーマ パスワード 携帯テンプレート レス ユーザー登録 仮パスワード 管理者ページ IP 閉鎖 最近のコメント クローラー ログ FC2ID 統合 サインアップ サービス追加 FC2ブログ形式 キーワード Google プレビュー ファイル メール投稿 プロフィール 予約 アカウント削除 ブラウザ 天気予報 過去記事 プライバシーポリシー 公開 下書 ピン fc2id 承認 テスト投稿 アフィリエイト 検索フォーム 共有テンプレート FC2チャット ユーザータグ アマゾン 最近の記事 写真 アクセス制限 プライベートモード 保管 秘信 審査 プラグインカテゴリ スパム サイドバー ディスク容量 カテゴリー FC2スパム対策 タグリスト 最近のトラックバック 検索避け ブログ登録 img マイリスト 仕様 共有 ホスト メールフォーム アソシエイトID ジャンル アップロード モバイル 絵文字 自動改行 html FC2ブックマーク ブログジャンキー RSS リンク サムネイル bookmark meta レイアウト崩れ 設定 バックアップ 画像認証 画像 RSSリーダー カラム テーマ チェッカー 非公開 用語 検索 ユーザーID WYSIWYG trackback QRコード マイショップ ブログパーツ パスワードリマインダー FC2独自タグ 一括 問い合わせ インポート