【SWELL】コピペでOK！「角に折り目」に綺麗なボーダーをつけるカスタマイズ

こんにちは。マーク（@marklog0323）です。

この記事ではWordPressのテーマ「SWELL」の段落のスタイル「角に折り目」に綺麗なボーダーをつけるカスタマイズ方法を紹介しています。コピペするだけで使えます。

カスタマイズするとどうなるのか

これが……

こうなります。

境目がくっきりしましたね。ボーダーの色は角の折り目と同じ色です。

背景色の変更にも対応。

背景色に合わせたボーダー色になります。

マーク

私が「SWELL」を買って最初にやったカスタマイズだ

カスタマイズ方法

WordPress管理画面の「外観」→「テーマファイルエディター」のスタイルシート（style.css）の最後に下記のCSSをコピペしてください。

/* 「角に折り目」にボーダー */

.is-style-crease {
	border: 1px solid rgba(0,0,0,.1);
}
.is-style-crease:before {
	right: -1px;
	top: -1px;
}

マーク

「角に折り目」のデザインはかなり好き