カテゴリー
CSS Synology WordPress

[WordPress] CSS for TwentyTwenty [工事中] – ID10899

本編 >

[WordPress] CSS for TwentyTwenty [工事中] – ID10899
スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID23410

CSSで表示の体裁をカスタマイズする

以下の記事の内容は、不十分です。

authorの表示幅の調整

以下のコードは、content-widthを860に設定していることを前提にしています。

Mobileは画面が小さいので、100%表示になっているはずですが、TabletやPCでは、幅が大きいので100%表示にしますが、見にくくなるため、通常1280pxある幅を860pxにして、画面幅をめいいっぱい使用した表示にならないように設定しています。

以上の理由付は、とりあえずしているものの、完全に理解した上での設定値ではありません。

設定を変更する場合は、バックアップをとってから行ってください。

スポンサーリンク
  • by Amazon ID13211
  • by Amaozn ID13196
  • by Amazon ID19245
  • by Amazon ID13339
/* author-bio width for my_plugin*/
.author-bio {
    width: 100%;
    margin: 0 auto;
    max-width: 860px;
}

関連記事

CSS, plugin, Synology, Theme, WordPress
[WordPress] 自作プラグイン、Twenty Twentyテーマ幅の修正、子テーマのcontent.phpをいじる – ID11199 [2020/03/01]

目次1 自作プラグイン2 完成したプラグインのコード2.0.1 functions.php2.0.2 my-plugin.php3 子テーマのfunctions.phpをいじる3.0.1 functions.php4 ロ […]

CSS, Synology, WordPress
[WordPress] CSS for TwentyTwenty [工事中] – ID10899

CSSで表示の体裁をカスタマイズする 以下の記事の内容は、不十分です。 authorの表示幅の調整 以下のコードは、content-widthを860に設定していることを前提にしています。 Mobileは画面が小さいので […]

Synology, Theme, WordPress
[WordPress] 親テーマを変更せずテーマをカスタマイズ – 子テーマを作り変更したを加える – 手始めは、content.phpの編集 – ID7726 [2020/07/23]

目次1 親テーマと子テーマ2 テーマの編集2.1 style.cssの編集2.2 content.phpの編集2.3 functions.phpの編集2.3.1 オートセーブとリビジョン機能3 まとめ 親テーマと子テーマ […]

スポンサーリンク

ここまで

< 本編はここまで。

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID23410

Update ID21920

LIFE
[Life] 正月の休み最後の日、八尾LINOASのTSUTAYA & STARBUCKSにて – ID6227

夜12時まで開いているというSTARBUCKS スターバックスにやってきた。いつものコーヒーブラック。でも、今は夜8時ですけどね:D

gourmet, LIFE
[Life] ホテル阪急エキスポ、お正月バイキング・ファイナルに行ってきました – ID5679

毎年正月には、恒例で行っていましたホテル阪急エキスポパークは、2020年の2月の末で閉じることになります。 今回、お正月バイキングは、「ファイナル」と銘打たれました。 目次1 お正月バイキング2 写真2.1 外観2.1. […]

gourmet, LIFE
[Life] 2020 – 初外食は中華 – ID5304

2020年の初外食は、夕食で中華でした。店名は、何と読むのか、読んだとしてもそれが店名なのか解りません。 紅虎(くれないのとら) 初めて入りましたが、元旦のPM6時では、その他のレストランは待ち客がいましたが、ここは、ま […]

ear, HEALTH
[健康] 体験記 – 突然起きためまいは突発性難聴と診断された – その後 – ID535

目次1 半年たった症状2 自己流の処置3 人差し指を耳穴に 半年たった症状 現在,突発性難聴になって半年を経過したが症状は改善されていない.「キー」という耳鳴り、閉塞感、人の声は、ヘリウムガスを吸って喋ったときのような音 […]

LIFE
[Life] 2020 謹賀新年(令和2年) by はりきり(Mr) – ID5276

皆さま、新年明けましておめでとうございます。 今年は、特に健康を優先したいと思っています。 皆さまも、このストレス社会、日本は特に海外諸国と比べて、そのレベルは高いと久しく言われています。働き方改革も未だ掛け声に近く、実 […]

HEALTH, kidney
[健康] フェブリク投薬、そろそろやめたい – 血糖値の管理と同様に尿酸値の管理は、健康管理上避けてはいけない〜服薬患者による自己実験記 – 僕は続ける – ID17195 [2020/08/22]※

目次1 やめれるものなら、「フェブリク」をやめたい2 やめたいと思ったきっかけ2.1 心筋関連のリスク2.2 添付文書にも記載がりあます。3 服薬に至るまで3.1 親指の関節の鈍痛は10年以上前から3.2 服薬のきっかけ […]

スポンサーリンク

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID23410

最新記事(WordPress, ID:14681)

plugin, Synology, WordPress
[WordPress] 「AMP」まとめ – ID22520 [2020/09/13]

AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMP: a well-lit path to optimizing for Google’s pa […]

mail, plugin, Synology, WordPress
[WordPress] Synology (新)NASに立ち上げたWordPressから外へメールを飛ばす – WP Mail SMTP by WPFormsプラグインとGMail APIの設定 – ID22422 [2020/09/13]

目次1 はじめに2 準備3 プラグインのインストール4 API プロジェクトの作成4.1 OAuthクライアント IDの作成 はじめに レンタルサーバーでWordPressの運用と違い、Synology NASにWord […]

plugin, Synology, Theme, WordPress
[WordPress] このサイトの表示に関係する使用している「テーマ」と「プラグイン」のリスト – ID22353 [2020/09/11]※

目次1 はじめに2 システム構成3 プラグイン・リスト はじめに 現在、見られているこのサイトの表示に関わるWordPressテーマ、およびプラグインのリストを公開します。これからWordPressでサイトの構築をされる […]

plugin, Synology, WordPress
[WordPress] 「AMP」プラグイン と広告プラグイン: 「Advance Ads Pro」- 高速化と広告表示の両立を図る – ID22304-UM [2020/09/9]

ナレッジベース 不要な他のPluginを削除して、AMPから再検証する作業を全てのページに施しました。その後、AMPページとしてGoogle Adsの表示が不可になっていました。<br>AMP Pluginを […]

plugin, WordPress
[WordPress] blogに載せる写真のメタデータは、EWWW Image Optimizerで取り除く – ID321 [2020/08/20]※

EWWW Image Optimizerプラグイン WordPressのblogで載せる写真は、そのままのサイズでアップしてはいけません。メタデータはそのまま残っているためです。メタデータのGeotabには、位置情報が記 […]

IT, Synology, WordPress
[Synology] RT2600acのVPN Plus Serverの導入 – 個人でも高いセキュッリティが得られる高速WiFiルーター – ID37

目次1 出先からRT2600acにアクセスするには1.1 VPN経由1.2 VPNのインストール(VPN Server側)1.3 L2TPの設定 (VPN Server側)1.4 iPhoneの設定 出先からRT2600 […]

Page: 1 2 22
スポンサーリンク

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID23410

最新記事(Synology, ID:14676)

plugin, Synology, WordPress
[WordPress] 「AMP」まとめ – ID22520 [2020/09/13]

AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMP: a well-lit path to optimizing for Google’s pa […]

mail, plugin, Synology, WordPress
[WordPress] Synology (新)NASに立ち上げたWordPressから外へメールを飛ばす – WP Mail SMTP by WPFormsプラグインとGMail APIの設定 – ID22422 [2020/09/13]

目次1 はじめに2 準備3 プラグインのインストール4 API プロジェクトの作成4.1 OAuthクライアント IDの作成 はじめに レンタルサーバーでWordPressの運用と違い、Synology NASにWord […]

plugin, Synology, Theme, WordPress
[WordPress] このサイトの表示に関係する使用している「テーマ」と「プラグイン」のリスト – ID22353 [2020/09/11]※

目次1 はじめに2 システム構成3 プラグイン・リスト はじめに 現在、見られているこのサイトの表示に関わるWordPressテーマ、およびプラグインのリストを公開します。これからWordPressでサイトの構築をされる […]

security, Synology
[Synology] 自宅に設置したNASにWordPressを構築してblog配信する場合、高まるネット・リスクとその対策 – ID22342 [2020/09/11]

目次1 はじめに2 ドコモ口座の不正引き落としサイバー事件3 ドコモ口座について4 考えられるパスワードの漏出5 Synology NAS製品での対策6 まとめ はじめに これまで、DS918+を導入しblogを公開して […]

Synology
[Synology製品紹介] NVR DVA3219 – 顔認識システム – これからのセキュリティ対策は、中小企業でも顔認識も可能かも – ID22315 [2020/09/10]

目次1 NVR DVA32192 用途3 セキュリティ4 コスト5 システム構築6 用途7 管理方法8 能力 NVR DVA3219 NVR DVA3219は、Synology Surveillance Stationの […]

plugin, Synology, WordPress
[WordPress] 「AMP」プラグイン と広告プラグイン: 「Advance Ads Pro」- 高速化と広告表示の両立を図る – ID22304-UM [2020/09/9]

ナレッジベース 不要な他のPluginを削除して、AMPから再検証する作業を全てのページに施しました。その後、AMPページとしてGoogle Adsの表示が不可になっていました。<br>AMP Pluginを […]

Page: 1 2 20
スポンサーリンク

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID23410

その他記事(ALL-RANDOM, ID:16786)

CSS, Synology, WordPress
[WorPress] dashicons.min.css、headerからfooterに移動を模索する – ID9438

WordPressのメニューに使用するアイコンのcssファイル (dashicons.min.css)は、headerに位置されていますが、Google PageSpeed Insightsのテストでは、スコアを重くする […]

BIOLOGICS, key-word
[用語] CDA; Clean Dry Air – ID21412 [2020/08/21]

CDA CDA; Clean Dry Air : バイオ医薬品の製造ルームに供給するクリーンな空気 編集履歴 2020/08/21 Mr.HARIKIRI

company, COMPANY-FAVOR, GSK
気になる企業 – GSK; グラクソ・スミスクラインは、世界最大のワクチン企業 – 抗体医薬は3品目 – ID19328 [2020/07/21]

目次1 世界最大のワクチン開発企業2 GSKの抗体医薬3 呼吸器領域の新薬ヌーカラ3.1 競合他社 世界最大のワクチン開発企業 サイトから、2019年の売上高を調べた 2019年売上高 : £m 33,754 (約5兆円 […]

BIOLOGICS, mRNA, vaccine
[Vc] mRNAワクチンとは、 – ID15091 [2020/05/23]※

目次1 mRNAワクチンとは2 歴史的経緯3 mRNAを医薬にするためには4 mRNA医薬の構造5 mRNA医薬の方向性6 課題6.1 ワクチン6.2 がんワクチン6.3 一般治療7 特許8 参考文献 mRNAワクチンと […]

cafe, LIFE
[Cafe] 喫茶ができるパン屋さん リトルマーメイド – 「イギリス食パン」が頂ける – ID18176 [2019/09/23]

リトルマーメイド 大阪の江坂、御堂筋線沿いリトルマーメイドというパイ屋さんでパンを食した。イギリスパンのタマゴサンド、たつたあげサンド、キーマカレーパン。 イギリス食パンは、経験からすると薄切りで歯ごたえのある食パンです […]

Page: 1 2 135
スポンサーリンク

スポンサーリンク
by Google Ads ID:11143(2)

- 以下のツールに敬意を示します -
Support to AMP (Accelerated Mobile Pages) by official AMP plugin for WordPress, and compatible powered by
Post viewing : Flex Posts - Widget and Gutenberg Block