2018-12-05

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

WordPressインストール代行 料金比較

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

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

修正方法

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

1)記事ページ・固定ページのテーブル(表組み)に罫線を追加

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

.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; 
}

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

2)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以降のダウンロードファイルは変更済みです。

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

おすすめWordPressテーマ10選
by