TwentySeventeenのフロントページ（background）を透明色に変更

いつものようにウェブサイトをオープンしたところ、一時的にフッター部分が透明色で見た感じが新鮮な感じのフロントページに変わっていた。驚きもあったけど見た目が新鮮な感じだったのでサイトを透明色に変更することにした。

/* Twenty Seventeenのフッターを透明にする */
footer#colophon, 
.site-footer {
    background-color: transparent !important;
    background-image: none !important;
    border-top: none !important; /* 必要であれば上線も消す */
}

/* フッター内部の余計な背景もクリアにする */
.site-footer .wrap {
    background-color: transparent !important;
}

/* サイト全体の背景を透明にする（背景画像を見せたい場合） */
.site-content-contain {
    background-color: transparent !important;
}

フロントページ全体を透明色にしたかったので、上記の手順で透明にした後、ボックス内の記事などを半透明にして浮き上がるようにした。