Simplicityの引用部分(blockquote)が狭いというときに、なるべく幅を広げるためのカスタマイズ

引用文

Simplicity20140828より、以下で説明されていることがテーマカスタマイザーからできるようになりました。

WordPress管理画面から「外観→カスタマイズ→レイアウトの設定」から、「引用部分の幅を広げる」のチェックのオン・オフで引用要素の幅を調節することができます。

引用部分の幅を広げる

以下は、CSSで直接カスタマイズする方法です。


Simplicityデフォルトの引用(blockquote)部分はこんな感じです。

引用文通常

クォートで横幅が狭められているので、これでは幅が狭いという場合に、以下のようになるべく幅を広げる方法を紹介します。

 

引用文を広げる

カスタマイズといっても簡単で、コピペでCSSを貼り付けるだけです。

できれば以下の方法で、子テーマを適用した後、子テーマのファイルを変更することをお勧めします。

Simplicityの子テーマをインストールする方法

スポンサーリンク

style.cssの変更

以下のように追記。

blockquote{
  margin: 1em -29px;
}

mobile.cssの変更

モバイル側で拡げたものを元に戻す必要があります。

以下のように追記してください。

blockquote{
    margin: 1em 0;
}

「引用文を掲載する部分がちょっと狭いな」と感じる場合はお試しください。

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

スポンサーリンク
アドセンス(大)
アドセンス(大)

フォローする

スポンサーリンク
アドセンス(大)