【FeedCanvas】各タイルの設定について(タイル)

各タイルは、フィードから取得した記事を表示するための最小単位の枠です。ここで設定できる内容は、タイル一つひとつの見た目や余白に関わり、全体の統一感や読みやすさに大きく影響します。

設定値が実際の表示にどのように反映されるか、例を示します。

ボーダー線

各タイルの外枠にボーダー線を設定できます。線の太さは0〜20pxの範囲で設定できます。初期値は1pxです。色はカラーピッカーで設定でき、初期値は#CCCCCC(RGB:204 204 204)です。マージンはボーダーの外側に、パディングはボーダーの内側に適用されます。

背景色

各タイルの背景色をカラーピッカー(RGB)で設定でき、初期値は#FFFFFF(RGB:255 255 255)です。背景色はタイルのパディング領域まで適用されます。

マージン(外側余白)

各タイルの外側に設ける余白です。上下左右を個別に0〜50pxの範囲で設定できます。初期値は上0px、右0px、下0px、左0pxです。この余白は隣接するタイルやタイル全体領域との間隔を調整するために使います。背景色はこの部分には適用されません。

パディング(内側余白)

各タイルの内側に設ける余白です。上下左右を個別に0〜50pxの範囲で設定できます。初期値は上0px、右0px、下0px、左0pxです。背景色はこの部分まで適用されます。

コメント

この記事へのコメントはありません。

CAPTCHA


関連記事

最近の記事
Tile Modern Gray V
【2024/9/16 Apple】visionOS 2、本日提供開始
Warning: Undefined variable $img_only_1 in /home/r1659385/public_html/luminobank.com/wp-content/plugins/feedcanvas/feedcanvas.php on line 6086
1日1ポスト! 2026.11.4 その1 ─ 凪乃美那さん 2026.4.14 二子玉川周辺 ─
Warning: Undefined variable $img_only_1 in /home/r1659385/public_html/luminobank.com/wp-content/plugins/feedcanvas/feedcanvas.php on line 6086
画像なくてごめんね

Warning: Undefined variable $img_only_1 in /home/r1659385/public_html/luminobank.com/wp-content/plugins/feedcanvas/feedcanvas.php on line 6086
2026年11月 Amazon スマイルSale おすすめセール品 イチオシガジェットやiPhone・iPad・Macアクセサリーなど
Warning: Undefined variable $img_only_1 in /home/r1659385/public_html/luminobank.com/wp-content/plugins/feedcanvas/feedcanvas.php on line 6086
Mac mini M4でnasne 地デジ視聴
Warning: Undefined variable $img_only_1 in /home/r1659385/public_html/luminobank.com/wp-content/plugins/feedcanvas/feedcanvas.php on line 6086
ロードバイク 日本縦断!?の旅 ■Days 12 【福井県敦賀市~石川県加賀市】
Warning: Undefined variable $img_only_1 in /home/r1659385/public_html/luminobank.com/wp-content/plugins/feedcanvas/feedcanvas.php on line 6086
画像なくてごめんね

Warning: Undefined variable $img_only_1 in /home/r1659385/public_html/luminobank.com/wp-content/plugins/feedcanvas/feedcanvas.php on line 6086
Acer 5750 を何とかする
Warning: Undefined variable $img_only_1 in /home/r1659385/public_html/luminobank.com/wp-content/plugins/feedcanvas/feedcanvas.php on line 6086
♪ 一番下の孫の運動会・・・ ♪
Warning: Undefined variable $img_only_1 in /home/r1659385/public_html/luminobank.com/wp-content/plugins/feedcanvas/feedcanvas.php on line 6086
PAGE TOP

Warning: Attempt to read property "post_content" on null in /home/r1659385/public_html/luminobank.com/wp-content/plugins/custom-css-js/custom-css-js.php on line 206