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;
}
関連記事
Post Views: 287 はじめに サイトの表示具合は、設定されているCSSを変更して自分好みに変更したり、自作のプラグインにCSSコードを埋め込んだり、色々と方法があるようです。CSSをいじる場合は、小テーマを作…
Post Views: 190 CSSで表示の体裁をカスタマイズする 以下の記事の内容は、不十分です。 authorの表示幅の調整 以下のコードは、content-widthを860に設定していることを前提にしています。…
Post Views: 215 親テーマと子テーマ いつまで続くか分からない当サイトの構築ですが、プラグインやphpファイルの変更など、他のblogerさんの記事を参考にさせてもらっていいます。 今回は、WordPres…
関連記事:
[WorPress] dashicons.min.css、headerからfooterに移動してページ速度改善を模索する
[WordPress] 自作プラグイン、Twenty Twentyテーマ幅の修正、子テーマのcontent.phpをいじる – △ID11199 [2020/03/01]
The site post list displaying improved by additional coding to the code of “Flex Post” plugin -ID14897 [2020/06/16]
[Synology] Photo Stationの鍵の掛かったアルバム共有方法 [2021/02/07]
[Synology] DS Note に出先から接続する [2021/04/01]
iPhone/iPadでWordPressの管理する場合、動画ファイルで標準でないmovファイルはどうするか
[WordPress] テーマ・カスタマイズ – Twenty Seventyテーマの2カラム表示の幅の拡大 [2019/09/03]
[WordPress] 自宅サーバーのWordPress – プラグインで致命的なエラーにより管理画面(ダッシュボード)に入れなくなった場合の対処法
[WordPress] Google AdSense登録の手順[2020/08/24]
[WordPress] Duplicate Post プラグイン