複数のデザイン

カウントダウンタイマーは設置するのは [ss countdown] と記入するだけで構いません。複数設置したい場合は、表示させたい場所に都度 [ss countdown] を記載します。

複数設置して１つめ、２つめでデザインを変えたいという場合があるかと思います。そのような場合は [ss countdown] の外側にタグ+classを追加してデザインをします。

WordPressの固定ページ本文の場合は[テキスト]と書かれているところをクリックします。

HTMLを直接入力できるようになるので、次のようにHTMLコードを記入します。
1つめは “countdown-1” などにします。2つめは “countdown-2” などにします。

<div class="countdown-1">[ss countdown]</div>
<div class="countdown-2">[ss countdown]</div>

あとはスタイルシートの設定で .countdown-1,.countdown-2 を使ってデザインを施します。

.countdown-1 .ss-cdt { 
  background-color: #000000;
  color: #ffffff;
}
.countdown-2 .ss-cdt {
  background-color: #dedede;
  font-size: 22px;
}