ホームページに画像を挿入してみましょう!
オノコンピュータが制作するホームページは、簡単にブログ感覚でホームページを作成できるWordPress(ワードプレス)という高機能なホーム ページ 制作・管理ツールを使用しております。
WordPress(ワードプレス)には、画像を含むメディアの管理システムが入っています。
画像をアップロードするのも、既にアップロードしてある画像を使うのもボタンひとつです。
このページでは、WordPress(ワードプレス)の編集画面で画像を挿入する方法を説明します。
編集画面は、ページ追加編集時に表示される画面です。
画像をアップロードしましょう!
ページに画像を挿入するためには、画像をアップロードする必要があります。
一度アップロードすれば、以後、他のページでも簡単に使用することができます。
編集画面の「アップロード/挿入」と書かれた右隣りにある四角いアイコン
をクリックします。
すると、以下のような画像のアップロード画面が立ち上がります。
この画面で、「ファイルを選択」ボタンをクリックし、ページに載せたいファイルを選択します。
複数選択可能です。
画像ファイルを選択すると、自動でファイルのアップロードが行われ、画像のタイトル等を設定する画面が表示されます。
ここで、「タイトル」「代替テキスト」を入力します。
入力後、「すべての変更を保存」ボタンをクリックしてアップロード完了です。
(この画面で「投稿に挿入」ボタンを押すと、そのまま画像を挿入することも出来ますが、複数の画像をアップロードした場合、入力した内容が保存されないことが有ります。)
なお、この画面の各設定項目は以下の通りです。
| 項目名 | 説明 |
タイトル (入力必須) |
画像のタイトルを設定します。 画像挿入時、title属性に設定されます。 |
| 代替テキスト | 画像が表示されなかった場合に、代わりに表示する文言を設定します。 画像挿入時、alt属性に設定されます。 |
| キャプション | 画像を挿入した際に、画像の下に表示する説明文を記載します。 入力しなければ表示されません。 |
| 説明 | 画像単独で表示した際の詳細な説明文を記載します。 |
| リンクURL | 画像をクリックした時のリンク先を指定します。 「なし」ボタン:リンク不要であればクリックしてください。 「ファイルのURL」ボタン:画像をクリックしたときに、画像を拡大表示させたい場合、クリックしてください。 「投稿のURL」ボタン:画像を単独で表示させたい場合、クリックしてください。 |
| 配置 | 画像の配置位置を設定します。 「なし」:画像を文章のと文章の間に設定する場合、クリックしてください。 「左」:画像を左寄せで表示させたい場合、クリックしてください。 「中央」:画像を中央揃えで表示させたい場合、クリックしてください。 「右」:画像を右寄せで表示させたい場合、クリックしてください。 |
| サイズ | 画像の大きさを設定します。 フルサイズ以外を選択した場合、指定サイズの画像をWordPress(ワードプレス)が生成します。 |
画像をホームページに挿入しましょう!
編集画面の「アップロード/挿入」と書かれた右隣りにある四角いアイコン
をクリックします。
立ち上がった画面の上部にある「ギャラリー」というリンクをクリックします。
(別のページでアップロードした画像を使用する場合、「メディアライブラリ」をクリックします)
先ほどアップロードした、画像をクリックすると、アップロード時のように画像のタイトル等を設定する画面が表示されます。
上記画面において、「投稿に挿入」ボタンをクリックすると、画像をページに挿入出来ます。






