[WordPress] author-bio の幅設定 – CSS for TwentyTwenty [工事中] – △ID10899 [2020/02/26]
スポンサーリンク: ID6183593457
CSSで表示の体裁をカスタマイズする
以下の記事の内容は、不十分です。
authorの表示幅の調整
以下のコードは、content-widthを860に設定していることを前提にしています。
Mobileは画面が小さいので、100%表示になっているはずですが、TabletやPCでは、幅が大きいので100%表示にしますが、見にくくなるため、通常1280pxある幅を860pxにして、画面幅をめいいっぱい使用した表示にならないように設定しています。
以上の理由付は、とりあえずしているものの、完全に理解した上での設定値ではありません。
設定を変更する場合は、バックアップをとってから行ってください。
/* author-bio width for my_plugin*/
.author-bio {
width: 100%;
margin: 0 auto;
max-width: 860px;
}
スポンサーリンク
【Amazon.co.jp 限定】HP USBメモリ 128GB USB 3.1 スライド式 金属製 HPFD796L-128 GJP by Amazon - ID 24751 3Dプリンター ダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0 XYZプリンティングジャパン by AMAZON ID21513 3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|3F1AWXJP00F - XYZプリンティングジャパン by AMAZON ID21511 ABS使用可 造形サイズ175×175×175mm オープンフィラメント可 オートキャリブレーション機能付き レーザー刻印機能拡張可 金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+ XYZプリンティングジャパン by AMAZON ID21509 zedela 5-in-1 USB-Cハブ【3ポート5Gbps by Amazon - ID 24751