月: 2021年5月

  • WordPressタイトルとか本文の大きさ変更

    追加CSSで下をコピペ

    .singular .entry-title {font-size: 4rem !important; }

    追記:親切な人がブログにのっけてた。ちょっとだけいじってつかってる。

    Twenty Twenty-One 1, 本文エリアの幅を広げる – ブログのウラ側 (tehehet.com)

    Twenty Twenty-One 2, タイトル文字の大きさ調整 – ブログのウラ側 (tehehet.com)

    以下引用:
    
    /* デスクトップデバイスの本文幅を広げる */
    @media only screen and (min-width: 822px){
      .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
        max-width: var(--responsive--alignwide-width);
        margin-left: auto;
        margin-right: auto;
      }
      .entry-footer {
        max-width: var(--responsive--alignwide-width);
        margin-left: auto;
        margin-right: auto;
      }
      .author-bio {
        max-width: var(--responsive--alignwide-width);
        margin-left: auto;
        margin-right: auto;
      }
      .site {
        max-width: 70vw;
        margin-left: auto;
        margin-right: auto;
      }
    }
    
    /* タイトル文字の大きさ変更 */
    .singular .entry-title {
    	font-size: var(--global--font-size-xl);
    }
    .page-title {
    	font-size: var(--global--font-size-sm);
    }
    /*
    .archive-description {
    	font-size: var(--global--font-size-sm);
    }
    .site-title {
    	font-size: var(--global--font-size-xl);
    }
    .site-description {
    	font-size: var(--global--font-size-sm);
    }