このページでは、Vaster2の記事ページの画像のカスタマイズ方法を説明する。

このカスタマイズを始める前に「テンプレートのバックアップ」は お約束として必ず実行しよう。

・Vaster2のカスタマイズ方法はこちら

記事ページの画像のカスタマイズ

記事ページの画像

画像を中央揃えにする

【方法】

・「.post-outer img{」で検索
・「.post-outer img{}」の下辺りに下記CSSを書き加える

画像に枠線をつける

【方法】

・上記の「.separator img{}」の中に「border」を設定する（下記は例）


※中央揃え・枠線の設定にしたい場合は、上記の両方を書き加える

投稿のテクニック

画像を並べて表示する

Vaster2で記事の中に画像を並べて表示させようとすると、編集画面では並んで表示されていても、サイト上では縦一列に表示されてしまうことが多い（画像のサイズによっては上手くいくこともある）。

そこでテーブルタグを使った画像並列表示の方法を書き残しておく。

【方法】

・「HTML」モードにする
・画像を並べて表示させたい場所に、下記のコードを挿入する
・「作成」モードにして、テーブルの「画像１」「画像２」の横に画像を貼り付ける
・「画像１<br/><画像のコード>」「画像２<br/><画像のコード>」のようになるで、不要な部分を削除する

画像並列のテーブルタグ