Semantic UI Doc ( Views - Advertisement ) を読む

Semantic UI の Advertisement を読んだ。広告（Advertisement）にテーマはない。

この Semantic UI の View は広告を表示するときに使う。たとえば AdSense 広告などに対応しているようだ。

CSS のスタイルはというとこんなふうになっており、ほとんど枠の指定と周囲の余白指定だけがされている。枠のサイズに関しては、モバイルの場合 Viewport のサイズに基づいて自動的に縮小される。

.ui[class*="medium rectangle"].ad {
    width: 300px;
    height: 250px;
}

.ui.ad {
    display: block;
    overflow: hidden;
    margin: 1em 0;
}

ページの中央に表示するなど、サイト内での広告の配置を指定するためのクラスも用意されている。

広告を広告らしく見せるためにスタイルを用意することはあるので、このようにあらかじめ広告用のクラスが設定されているのはありがたいと思った。

nlog