wordpressのプラグインでWP Canvas – Shortcodesを使用しています。
画像を4つ並びで表示させたのですが、画像と画像の間の余白を少なくしたいのですが、設定方法がわかりません。
レスポンシブル対応でも崩れないように設定するにはどのようにすれば良いでしょうか。
ご教示いただけると助かります。
コード
[wc_row]
[wc_column size="one-fourth" position="first"]
<a href="http://newsite.local/1-1/"><img class="aligncenter wp-image-100 size-medium" src="http://newsite.local/wp-content/uploads/2018/10/1-1-300x300.jpg" alt="" width="300" height="300" /></a>
<p style="text-align: center;">1111111111</p> <p style="text-align: center;">22222222</p> [/wc_column][wc_column size="one-fourth"]
<a href="http://newsite.local/1-2/"><img class="aligncenter wp-image-101 size-medium" src="http://newsite.local/wp-content/uploads/2018/10/1-2-300x300.jpg" alt="" width="300" height="300" /></a>
<p style="text-align: center;">1111111111</p> <p style="text-align: center;">22222222</p> [/wc_column]
[wc_column size="one-fourth"]
<a href="http://newsite.local/1-5/"><img class="aligncenter wp-image-104 size-medium" src="http://newsite.local/wp-content/uploads/2018/10/1-5-300x300.jpg" alt="" width="300" height="300" /></a>
<p style="text-align: center;">1111111111</p> <p style="text-align: center;">22222222</p> [/wc_column]
[wc_column size="one-fourth" position="last"]
<a href="http://newsite.local/1-7/"><img class="aligncenter size-medium wp-image-106" src="http://newsite.local/wp-content/uploads/2018/10/1-7-300x300.jpg" alt="" width="300" height="300" /></a>
<p style="text-align: center;">1111111111</p> <p style="text-align: center;">22222222</p> [/wc_column][/wc_row]
[wc_row]
[wc_column size="one-fourth" position="first"]
Sample Content
[/wc_column]
[wc_column size="one-fourth"]
Sample Content
[/wc_column]
[wc_column size="one-fourth"]
Sample Content
[/wc_column]
[wc_column size="one-fourth" position="last"]
Sample Content
[/wc_column]
[/wc_row]
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/29 08:00