サイト構築記録12：記事の画像回り込み、アンカーとSWELLボタン

●記事を画像に回り込みさせたい

３つ目のレッドロビンの記事で、画像に回りこませたい部分が出てきた。さぁどうしよう。で、検索…と、下記のＣＳＳを追加すればいいことがわかった。これが「ＣＳＳ用コード」欄に入っていれば、画像を左寄せか右寄せにした時、画像の後の文章が回りこんでくれます。すごいね～。

ただ、どういうわけか回りこんでくれない時がある。その理由がいまだにわかっていないが、絵と文をセットした後で、最後にもう一度ＣＳＳを入れ直すと出来たりするので、試行錯誤しながらやってます。

---

●別記事の特定の場所にリンクを飛ばす

その後も、キャプションボックス、吹き出し、リスト、グループと利用していった。グループというのは、たとえばキャプション付きのボックスを設置して、その中にリストボックスを入れ、その全体をグループ化したもの。

５つ目の「記事５」は、レッドロビンの病気治療の記録を掲載していくための目次のようなページになる。目次には「リンクリスト」がピッタリだった。

「記事６」ができたら、「記事６」から「記事５」の“目次タイトル”に飛ぶようにしたいので、目次タイトルにアンカーを設置した↓。
目次タイトルを選択して、右欄のブロックタブを見ると、その中に「高度な設定」があるので、そこを開くと「HTML アンカー」入力欄が出てくる。そこに例えば「mokuji」と入れる。

今度は、「記事６」にリンクボタンを設置して、そこに「（記事５のURL）#mokuji」のリンクを入れると、そのボタンを押したとき目次タイトルに飛ぶわけだ。というわけで、「記事６」にSWELLボタンを設置。

ほんと便利にサクサクと出来ていきます。