- はてなブログで画像を横並びに貼り付けたい
- 画像は何枚でも横並びにできるの?
- それと注意することってある?
ぴっぴ(@hiyoko_no_pippi)です!
画像を横並びに貼り付けているブログを初めて見たとき、ぴっぴも挑戦したくなったことを今でも覚えています。そんなぴっぴも今では画像の横並びができるようになりました!
ということで今回のぴっぴのはてなブログでアフィリエイトは、はてなブログで画像を横並びに貼り付ける方法についてお話します。
( ゚д゚)ハッ!
今ブラウザバックしようとしている、そこのあなた! 少しお待ちください💦
今回の記事と今まで紹介しました、はてなブログの画像の使い方を組み合わせると、すぐ下にある簡易レコメンドを作れますよ(画像を押すとリンク先にジャンプするです)!
なので最後までお読み頂いて、見栄えの良いブログ記事作りにお役立てください。
- はてなブログで画像を横並びに貼り付ける方法
- 画像を横並びするときの注意事項
- 横並びにした画像にリンクを貼り付けて簡易レコメンドを作る方法
- まとめ|はてなブログの画像の横並びを使って記事の見栄えを良くしましょう!
はてなブログで画像を横並びに貼り付ける方法
はてなブログで画像を横並びに貼り付ける方法は次のとおりです。
- 写真を投稿を押す
- 横並びにする写真を選ぶ
- 必要事項を入力する
- 画像が横並びになる
1.写真を投稿を押す
はい、記事編集画面に移動しましょう。次に画像を横に並べたいところに矢印を移動して、マウスの左側のボタンを押してください。
それができたら「画像を投稿」を押します(上の画像の赤い枠で囲っているところです)。
2.横並びにする写真を選ぶ
すると上の画像みたいにメニューがぼよよ~んと開きますので、その中から横に並べたい画像を選んでください(上の画像①)。もしも横に並べたい画像をアップロードしていないなら、はてなフォトライフまたは「+写真を投稿」でアップロードしましょう。
画像選びが終わったら横並びボタンを押します(上の画像②)。横並びボタンを押したら「選択した写真を貼り付け」ボタンを押してください(上の画像③)。
3.必要事項を入力する
すると画面が暗くなり「写真の詳細設定」小窓が表示されます。必要に応じてキャプションとalt属性を入力し「記事編集画面に貼り付ける」ボタンを押してください。
4.画像が横並びになる
すると記事編集画面が元に戻り、上の画像みたいに画像が横並びになります。
画像を横並びするときの注意事項
はい、上の左側の画像をご覧ください。
このように3枚、4枚……と枚数が増えても画像は横並びになります。
次に上の右側の画像をご覧ください。これは50枚の画像を横並びにしたものです。
このようにたくさんの写真を横に並べると、小さくなり過ぎて何が何だか分からなくなるので気を付けましょう。
横並びにした画像にリンクを貼り付けて簡易レコメンドを作る方法
はい、横並びにした画像にリンクを貼り付けて、簡易レコメンドをを作る方法は次のとおりです。
- 画像を横並びに貼り付ける
- 画像それぞれにリンクを貼る
- リンク先に移動するか確認する
画像それぞれにリンクを貼るときHTML編集で行ってください。緑色のコードを書き込めばOKですよ!
<div class="images-row-item"><a href="リンク先のURL"><img src="画像のURL" alt="alt属性" title="画像のタイトル" class="hatena-fotolife" itemprop="image" /></a></div>
まとめ|はてなブログの画像の横並びを使って記事の見栄えを良くしましょう!
はてなブログには画像を横並びに貼り付ける機能があります。使い方は画像の貼り付けとほぼ同じです。
- 写真投稿を押す
- 横並びにする写真を選ぶ
- 必要事項を入力する
- 画像が横並びになる
そのため画像の貼り付けができる方なら、どなたでも画像を横に並べられます。
ぜひ、こちらの機能を使って見栄えの良いブログ記事作りにお役立てください。
以上ぴっぴでした! ありがとうございます!
はい、ぴっぴからお知らせです💦
ぴっぴのはてなブログでアフィリエイトでは、今回みたいにはてなブログの使い方についてお話しています。
その中にはSEO対策に関係のある記事もありますので、この機会にぜひお読み頂けると嬉しいです。