Simplicity2で記事の枠線を消す方法

記事の枠線気になりますよね。blogページではそこまで気にならないのですが、固定ページでは枠線が気になったため、消去する方法を調べました。

スポンサーリンク

そもそも記事の枠線とは

そもそも記事の枠線とは何を言っているかというと、以下画像の赤矢印で示した外部の灰色部分を言います。

blogページだとあまり気にならないかもしれませんが、固定ページでは不要と感じたことから消去したいと思います。

枠線を消す方法

枠線を消すためにはCSSを修正する必要があります。

枠線を消すCSSコードを準備する

枠線を消すCSSコードは以下の通りです。

<style>
<?php if(is_page()): ?>
#main {
border: none;
}
<?php endif; ?>
</style>

投稿のみ消す場合のコード

投稿ページのみ消す場合は以下のCSSコードを使用します。

<style>
<?php if(is_single()): ?>
#main {
border: none;
}
<?php endif; ?>
</style>

固定ページのみ消す場合のコード

固定ページのみ消す場合には以下のCSSコードを使用します。

<style>
<?php if(is_page()): ?>
#main {
border: none;
}
<?php endif; ?>
</style>

投稿と固定ページのみ消す場合のコード

投稿ページも固定ページも消したい場合には以下のCSSコードを使用します。

<style>
<?php if(is_single() || is_page()): ?>
#main {
border: none;
}
<?php endif; ?>
</style>

CSSに張り付ける

外観⇒テーマエディター⇒スタイルシートの順でコードを表示して上記のコードを張り付けます。

最後にファイルの更新を押すと以下の通り枠線が消えています。コピペで簡単にできました。

以上、Simplicity2で記事の枠線を消す方法でした。

スポンサーリンク

フォローする