はてなプログを始めて1年少し経ちますが、やり方を知らなかったために手間をかけていたり、なかなかできなかったことが、ふとしたきっかけで分かって目から鱗が落ちる思いをしたことがあります。
なんだそんなこと知らなかったのかと思われるでしょうが、備忘録として記載してみます。
今回は、はてなブログで複数の写真を横一列に並べて貼り付ける方法です。
はてなブログで複数の写真を横一列に並べて貼り付ける方法
ブログに写真を掲載するとき、スマホで撮った写真やスクリーンショットをスマホから掲載することが多かったのと、仕事で使っていたWordでは基本的には写真は横に並べられなかったので、その先入観もあり、写真を横並びに掲載したことはありませんでした。
先日、ふと検索したら、簡単にできることがわかりました!(詳細はリンク先参照)
複数の写真を横一列に並べたいときは、写真の一覧の下にある項目「記事での並べ方」で「横並び」を選んだ後に、「選択した写真を貼り付け」をクリックします。貼り付ける写真は、何枚選んでも横一列に並んで表示されます。写真のサイズは、記事編集画面に収まるよう自動的に調整されます。
写真を貼り付けた後は次の行にカーソルが移動するので、さらに複数の写真を貼り付けることができます。例えば、全部で12枚の写真を横に4枚ずつ並べて4×3のタイル状にしたい場合は、以下のような手順で作業を行います。
① 1行目に貼り付けたい写真を4枚選択し、「横並び」をクリックして「選択した写真を貼り付け」を選ぶ
② カーソルが自動的に次の行に移動するので、そのまま1. と同じ手順を2度繰り返す
もちろん、貼り付ける写真の枚数は1行ごとに変えることが可能です。全部で12枚の写真を、1行目に3枚、2行目に5枚、3行目に4枚というふうに貼り付けるなど、自由なレイアウトを楽しんでいただけます。(はてな開発ブログより引用)
確かにパソコンの「写真を投稿」の編集画面では、記事での並び方ー通常・横並びとちゃんと書いてありました。盲点になっていました。恐ろしい。
スマホの編集画面にはこうした記載はないのでできないようです。
しかし今まで気づかないとは恐ろしい。いつも目にしている画面なのに…
staff-hatenablog-com.cdn.ampproject.org