当ブログではワードプレステーマ『Diver』を使用しています。
iOSやAndroidのアプリをご紹介するときはアプリーチを使ってご紹介しているのですが、今年に入って新コードの配布が始まって以降表示が崩れるようになりました。
これでは見栄えが悪いですね。と言うことで今回はDiverでアプリーチの表示崩れを直す方法ご説明します。
上の画像のように隙間が無くなります。
表示を直す方法
注意点
アプリーチの新コードでは配布されているCSSをstyle.cssに貼り付ける必要があります。アプリーチのサイトから、こちらのCSSをクリックしてCSSを追加してください。
配布されているCSSにstyle.css下記のCSSを追加します。
追加するCSS
.appreach p {
padding: 0 !important; /*content pの無効化*/
}
padding: 0 !important; /*content pの無効化*/
}
.appreach__detail {
margin-top: 10px !important;/*appreach pの無効化*/
}
margin-top: 10px !important;/*appreach pの無効化*/
}
!inportantをつけないとうまくCSSが反映されません。
最後にブラウザのキャッシュを削除することでCSSが反映されているはずです。
まとめ
以上Diverでアプリーチの表示崩れを直す方法でした。
アプリーチを使っているDiver使いの人はぜひ参考にしてください。
