WordPress.comのサイドバーに画像ウィジェットを使って画像を貼る方法

WordPress.com のサイドバーに画像ウィジェットを使って画像を貼る方法についての覚書です。

media23

画像をアップデートする

まず、画像をアップデートします。

「メディア」→「新規追加」をクリック。

media03

画像を選択し、「アップロード」をクリック。

media04

アップロードした画像の「編集」をクリック。

media05

「画像の編集」をクリック。なお、事前に画像の大きさを調整している場合には、画像の編集作業は不要です。

media06

「画像の拡大縮小」をクリック。

media07

縦か横、どちらかの欄に適当なサイズを入力し、

media08

「伸縮」ボタンをクリック。

media09

以上の操作で画像が縮小されます。

media10

「メディアを更新」をクリックで変更内容を確定させます。

media11

再び「編集」ボタンをクリック。

media12

アップロードした画像のURLをコピーします。

media14

ちなみにサイズはちゃんと縮小されています。

media13

画像ウィジェットを使ってサイドバーに画像を貼る

次に画像ウィジェットを使って画像をサイドバーに貼る作業です。

「外観」→「ウィジェット」をクリック。

media15

画像ウィジェットを右の欄にドラッグ&ドロップし、

media16

さきほどコピーした画像のURLを「画像URL」の欄に貼り付けます。

media17

「保存」をクリックすると、

media18

寸法は自動的に入力されます。

media19

ブログでは以下のように表示されます。

media20

画像ウィジェットの入力欄を全部埋めると、

media21

以下のような感じになります。

media23

「画像タイトル」の欄に入力した文字は、画像の上にカーソルを乗せたときに表示されます。

media22

「代替テキスト」の欄に入力した文字は、何らかの原因で画像が表示されないときに、その代替として表示されます。

WS000804

投稿者: comemo

WordPress.com での記事の作成方法など

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。