【アップデート情報】全テーマ：エディターGutenberg用にテーブルとYouTube用のデザイン（CSS）の微調整を行いました（Ver.20181205）

重要度★☆☆

ご利用ありがとうございます！

全テーマを対象に軽微なCSS調整を行いました。
主に次期WordPress5.0で採用になる新エディターGutenberg用の、
テーブルデザインとYouTubeを埋め込んだ時のデザインの微調整です。

修正方法

◎ダッシュボード＞外観＞テーマ編集＞スタイルシート

１）記事ページ・固定ページのテーブル（表組み）に罫線を追加

/* テーブル
---------------------------------------------------- */

.single-contents tabel,
.page-contents tabel {
width: 100%;
}
 
.single-contents th,
.single-contents td,
.page-contents th,
.page-contents td {
border: 1px solid #ccc;
padding: 20px;
}
 
.single-contents th,
.page-contents th {
font-weight: bold;
background-color: #dedede; 
}

上記コードをスタイルシート内に追加。

２）YouTube貼り付け時のデザイン（サムネイルの比率）を微調整

/* YouTube URL貼り付け用
---------------------------------------------------- */

.wp-block-embed-youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}

.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

上記コードをスタイルシート内に追加。

作業は以上です。

★

＊本日2018年12月5日8:00以降のダウンロードファイルは変更済みです。

＊作業を行なう際は、万が一間違えてもすぐに元に戻れるように、
必ずバックアップを取ってから慎重に行ってください！