🟦
SNS風画像
このブロックはSNS風に画像コンテンツをページに追加できるビルダーブロックです。
セクションを追加 -> ビルダー -> SNS風画像
SNS風画像
このブロックを用いて、ホームページ上にSNS画像風のコンテンツを追加することができます。このブロックは、同じ"ビルダー"セクション内の他のコンテンツブロックより上に配置させないといけないことに注意してください。"インスタグラム"を追加したら、"インスタグラムブロック"の追加に進みます。
一般設定
"投稿の詳細を表示する"を有効にし画像にマウスオーバーさせるコメントやいいねの数が表示されます。
"画像の量"では、1列に表示する画像の量を選択することができます。画像と画像の間にスペースを空けたくない場合は、"パディング空白を無効にする"オプションを使用します。
"高さ" の目盛りでは、0〜200%の間で画像の高さを設定できます。0は自動サイズ、100は正方形、100未満は横長、100以上は縦長の画像になります。 このブロックでは、必要に応じて"レイジーロードを無効にする。"オプションを使用することもできます。
レイアウト
ここではブロック全体の列の大きさを選択できます。 "コラムのサイズ"のドロップダウンリストから希望のオプションを選んでください。
画像ブロック
このブロックは、"SNS風画像"ブロックの後に追加してください。
"画像ブロック"の数は、表示させたい画像の数に応じて追加してください。
これは静的なブロックであり、ここではSNS風に画像を追加したり変更したりすることができます。画像サイズは、"画像サイズ"の目盛りで150～300ピクセルまで変更できます。
オプション"’PJPG’を有効にする。"を有効にした場合、このブロックでは透過画像を設定できません。また、レイジーロードを有効にするかどうかも、
ここで決めることができます。画像をクリックされたときに特定のページにリダイレクトさせたい場合は、このブロックにURLを挿入することができます。
"いいね"と"コメント"のフィールドには、ランダムな数字を書き込むことができます。これらの数字は、マウスカーソルを画像の上に置いたときに表示されます。12個の "画像ブロック"を追加した例が、以下の画像になります。
セクション:ビルダー - SNS風画像ブロック追加例