【アップデート情報】全テーマ対象：CSSの軽微なアップデート（記述ミスの修正・不要セレクタの削除・軽量化）を行ないました（Ver.20171118）
重要度★☆☆
WordPress 4.9へのバージョンアップに伴って、
テーマのスタイルシートも若干の修正アップデートを行ないました。
今回のアップデート内容は、
CSSの軽微な修正（記述ミス修正・不要セレクタ削除・軽量化）が目的ですので、
アップデートしてもしなくても、サイト表示・動作自体には影響はありません。
WordPress4.9から装備された、スタイルシート編集画面のコードハイライト機能で、
一部のテーマでcssの記述が原因で、
『このファイルを更新する前に1個のエラーを修正する必要があります。
サイトを壊してしまうかもしれませんが、それでもアップデートしますか？』
という表示が出る場合があります。
そのままチェックを入れて更新しても問題ありませんが、
以下のアップデート作業を行っていただくと、この表示も自動的に消えます。
Flocloreテーマの場合
CSSの不要セレクタを削除
WordPress 4.9でCSS編集画面を開いてエラー通知が出た場合、
以下の部分が原因です。
「フッター」ブロックの中にある「#pagetop」からIE用の古い記述「filter:alpha(opacity:0);」を削除してください。
#pagetop{
position: fixed;
right: 3%;
bottom: 3%;
opacity: 0;
-ms-filter: "alpha( opacity=0 )";
filter:alpha(opacity:0);
zoom:1;
z-index: 9999;
}↓
#pagetop{
position: fixed;
right: 3%;
bottom: 3%;
opacity: 0;
-ms-filter: "alpha( opacity=0 )";
zoom:1;
z-index: 9999;
}＊バージョン20170321以降（ページ上部へ戻るボタンが scrolltop.js から
scrolltopcontrol.js に変更済みのバージョン）のテーマをご利用の場合は、
#pagetop自体不要ですので、10行丸々削除してください。
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、ただしくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}
Flora Deuxテーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}CSSの不要セレクタを削除
「Mobile (Portrait) 画面」ブロックの中の以下の1文を削除。
.contact { display: none;}
White Studioテーマの場合
CSSの記述ミスを修正その１
WordPress 4.9でCSS編集画面を開いてエラー通知が出た場合、
以下の部分が原因です。
これによるサイト表示の不具合は特にありませんが、正しくは以下の通りです。
誤：position:relative ⇒ 正：position:relative;
具体的には「ヘッダー」ブロックの中の以下の１カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.contact {
float: right;
position:relative
margin: 0;
padding: 35px 0 0 0;
}↓
.contact {
float: right;
position:relative;
margin: 0;
padding: 35px 0 0 0;
}CSSの記述ミスを修正その２
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}
Black Studioテーマの場合
CSSの記述ミスを修正その１
WordPress 4.9でCSS編集画面を開いてエラー通知が出た場合、
以下の部分が原因です。
これによるサイト表示の不具合は特にありませんが、正しくは以下の通りです。
誤：position:relative ⇒ 正：position:relative;
具体的には「ヘッダー」ブロックの中の以下の１カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.contact {
float: right;
position:relative
margin: 0;
padding: 35px 0 0 0;
}↓
.contact {
float: right;
position:relative;
margin: 0;
padding: 35px 0 0 0;
}CSSの記述ミスを修正その２
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}
Slausonテーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}CSSの不要セレクタを削除
「Mobile (Portrait) 画面」ブロックの中の以下の1文を削除。
.contact { display: none;}
Vanilla Cityテーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}
My Songテーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}CSSの不要セレクタを削除
「Mobile (Portrait) 画面」ブロックの中の以下の1文を削除。
.contact { display: none;}
Pantomimeテーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}CSSの不要セレクタを削除
「Mobile (Portrait) 画面」ブロックの中の以下の1文を削除。
.contact { display: none;}
Holidayテーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}CSSの不要セレクタを削除
「Mobile (Portrait) 画面」ブロックの中の以下の1文を削除。
.contact { display: none;}
Rememberテーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}CSSの不要セレクタを削除
「Mobile (Portrait) 画面」ブロックの中の以下の1文を削除。
.contact { display: none;}
Julietテーマの場合
CSSの記述ミスを修正
WordPress 4.9でCSS編集画面を開いてエラー通知が出た場合、
以下の部分が原因です。
これによるサイト表示の不具合は特にありませんが、正しくは以下の通りです。
誤：position:relative ⇒ 正：position:relative;
具体的には「ヘッダー」ブロックの中の以下の１カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.contact {
float: right;
position:relative
margin: 0;
padding: 35px 0 0 0;
}↓
.contact {
float: right;
position:relative;
margin: 0;
padding: 35px 0 0 0;
}
Million Dollar Manテーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}CSSの不要セレクタを削除
「Mobile (Portrait) 画面」ブロックの中の以下の1文を削除。
.contact { display: none;}
Suger Suger Babyテーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}
Ultrar Rcketmanテーマの場合
CSSの不要セレクタを削除
「Mobile (Portrait) 画面」ブロックの中の以下の1文を削除。
.contact { display: none;}
rhapsody2テーマの場合
CSSの記述ミスを修正
大変初歩的なミスで申し訳ありませんが、CSSのプロパティの記述ミスがありました。
これによる不具合は特にありませんが、正しくは以下の通りです。
誤：floate ⇒ 正：float
具体的には「次の記事・前の記事」ブロックの中の以下の２カ所です。
メモ帳にコピペして検索で一括変換される事をお勧めします。
.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left;
}
.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right;
}★
＊本日2017年11月18日14:00以降のダウンロードファイルは変更済みです。
＊作業を行なう際は、万が一間違えてもすぐに元に戻れるように、
必ずバックアップを取ってから慎重に行ってください！
Minimaga
ブログ初心者でもシンプルでおしゃれなWEBマガジンがめちゃくちゃ簡単に運営できる、オウンドメディア・個人/企業ブログ用WordPressテーマ。人気ブログのテーマがテンプレート化！ ＞
Minimal Cafe
カフェ・レストラン・飲食店のミニマルサイトが超簡単に作れる、シングルページ／LPタイプWordPressテーマ。SNS＋公式シンプルサイトの併用運営なら管理がラクチンで集客力・信用も大幅アップ！＞
Folclore
Flora deux
White Studio
ビジネスサイト、企業サイト、コーポレートサイトがあっという間にできあがるWordPressテンプレート。TOPページはウィジェットだけで超簡単にカスタマイズできます。スピードと結果で勝負！ ＞
Slauson
シンプルでミニマルなマガジンタイプの公式サイト型ワードプレステンプレート。企業サイト・ショップサイト・オウンドメディアに最適！マガジン型公式サイトなら集客＆ブランディングも効果絶大！ ＞
My Song
ランディングページ（ペラサイト・シングルページ）専用のWPテンプレート（レスポンシブ）。名刺替わりのペラサイト、とりあえずのコーポレートサイト、SNS・広告の飛び先サイト、特設サイトにも便利！ ＞
Minimal Journal
徹底的に無駄な装飾や機能を排除したミニマリスト向け・ミニマルデザインブログ用ワードプレステーマ（スマホ対応レスポンシブテーマ）。あなたの写真・イラスト・文章をスタイリッシュに発信できます！ ＞
Black Studio
ビジネスサイト、企業サイト、コーポレートサイトが一瞬で簡単にできあがるWordPressテンプレート。徹底的に無駄を省いたWEB初心者に優しいミニマル設計で、導入・管理・運営もラクラクです！ ＞
Vanilla City
シンプルでおしゃれなブログ専用レスポンシブWordPressテンプレート。広告やCTAもウィジェットで簡単ラクラク設置、企業のオウンドメディア・アフィリエイトブログにも最適＆効果抜群です！ ＞
