画像ブロック~WordPress5

【投稿日】 

ホームページに画像が全くないということほど味気ないものはありませんね。画像をホームページに貼り付けるには画像ブロックを利用します。

画像ブロックの編集詳細

画像ブロック

画像を貼り付けるブロックです。上部には5つのアイコン。ブロック内部には3つのボタンが表示されています。

画像ブロック

貼り付ける画像を選択

貼り付ける画像を選択するのは4つの方法があります。

ファイルをドラッグ

ファイルをドラッグ

画像ブロックにパソコンのフォルダの画像ファイルをドラッグします。

ファイルをアップロード

「アップロード」ボタンをクリックし、パソコンのフォルダからアップロードしたい写真を選択してアップロードします。

メディアライブラリ

メディアライブラリ

「メディアライブラリ」ボタンをクリックすると既にWordPressにアップロードされている画像が表示されます。そこから貼り付けたい画像を選択します。

URLから挿入

URLから挿入

「URLから挿入」ボタンをクリックし画像のURLを入力します。

ブロックタイプを変更

ブロックタイプを変更

ブロックタイプを変更するときに使用します。

左寄せ

左寄せ

ブロックの画像を左寄せにします。最初から左寄せの場合は何も変わりません。

中央寄せ

中央寄せ

ブロックの画像を中央寄せにします。最初から中央寄せの場合は何も変わりません。

右寄せ

右寄せ

ブロックの画像を右寄せにします。最初から右寄せの場合は何も変わりません。

画像を編集

「画像を編集」をクリックするとメディアライブラリが開き別の画像を選択したりできます。

詳細設定

詳細設定

一番右の「⁝」のアイコンをクリックすると吹き出しが表示され7つのメニューが表示されます。

ブロック設定を非表示
ページ右側に表示されている「ブロック設定」のカラムを非表示にできます。
複製
このブロックを複製します。
前に挿入
新しい空のブロックをこのブロックの前に挿入します。
後に挿入
新しい空のブロックをこのブロックの後に挿入します。
HTMLとして編集
HTMLの編集ができます。ソースを直接編集できる人には便利です。戻るときには「ビジュアル編集」をクリックします。
再利用ブロックに追加
再利用ブロックに追加しておくと、このページだけでなく他のページでも同じ内容のブロックを利用できます。お問い合わせのバナーや会社概要など、複数ページで同じ内容のブロックを表示させたい時に便利です。再利用ブロックは一つを変更したとき他の再利用ブロックにもその変更が反映されます。
ブロックを削除
このブロックを削除します。

ブロック設定

ブロック設定

ページ右側にはブロック設定のカラムがあります。ブロックの画像設定を行うことができます。

Altテキスト(代替テキスト)
代替テキストは画像を見られない人々に対して、画像の情報を伝えるものです。詳細がわかるように短kくわかりやすい説明を入力してください。
画像サイズ
「サムネイル」「中サイズ」「大サイズ」「フルサイズ」から貼り付ける画像のサイズを選択できます。
画像の寸法
貼り付ける画像のサイズを変更できます。通常はあまり使用しないでしょう。
リンク設定
画像へのリンクを設定できます。通常は「なし」、画像をクリックして拡大させるような場合は「メディアファイル」、自由にURLを入力する場合は「カスタムURL」を選択します。
高度な設定
追加のCSSクラスの設定ができます。あらかじめスタイルが設定してあるときそのクラスを入力します。

WordPress使い方ガイドカテゴリの最新記事

見出しブロック~WordPress5

文章を書いていくのは段落ですが、段落を内容ごとにまとめて見出しを付けることが大切です。見出しを分かりやすく適切につけることはSEOの観点からも大切なことです。 見出しブロックの編集詳細 見出しのブロックです。見出し入力中 […]

段落ブロック~WordPress5

ブロックには多くの種類がありますが、通常のサイト、ブログの運営を行っているときに使うブロックはごく限られたものとなるでしょう。まずは一般的によく使用されるブロックについて解説します。 段落ブロックの編集詳細 「段落」のブ […]

左上のアイコンについて

WordPress5の記事投稿画面では左上に5つのアイコンが表示されています。 各アイコンについて ブロックの追加 ブロックつを追加します。このアイコンをクリックすると下の画像のように表示されブロックの種類を選択します。 […]

「下書きとして保存」~「公開」

投稿記事を入力途中に途中までの出来上がりを確認したり、記事の作成作業を中断したい場合などは「下書きとして保存」しておきます。記事投稿ページの右上に「下書きとして保存」という文字がありますのでそこをクリック。 保存した内容 […]

画像の貼り付け

画像を貼り付ける場合も「ブロックを追加」して画像を貼り付けます。「…洗濯に行きました。」、まで入力して「Enter」キーを押すと、 ブロックが追加されます。テキストは入力しないで右側の「画像アイコン」をクリッ […]

WordPress5の新規投稿基本操作

タイトルを入力 「タイトルを追加」の部分にマウスカーソルを移動してクリックするとタイトルを追加の部分が青っぽい枠で囲まれ選択されていることがわかります。 そこでページのタイトルを入力します。 例として「桃太郎のおはなし」 […]

WordPress5の新規投稿画面

投稿の新規追加(1) WordPressのダッシュボードの左側のメニューで「投稿」→「新規追加」をクリックします。 投稿の新規追加(2) WordPressダッシュボードの上のメニューで「新規」→「投稿」をクリックします […]

ホームページ制作・運営パック
ホームページ制作おすすめパック
WordPress格安パック
WordPressエントリーパック
WordPressスタンダードパック
WordPressビジネスパック
愛知県豊橋市のホームページ制作 | クロスロードお急ぎ電話番号は080-7023-9643お問い合わせ電話番号は0532-74-5099メール相談

ホームページ制作&運営パック

ホームページ制作プラン

クロスロードのホームページ制作

クロスロードについて

コラム

ウェブデザインオフィスクロスロード