WordPressテーマ『STORK(ストーク)』のカスタマイズ


このブログは、ヘッダーとパンくずリストとメイン部分の四方を角丸にカスタマイズしてあります。(フッター部分に適応させると表示が崩れるので、フッター部分はそのままにしてあります。)やり方はコピペでできてとっても簡単なので、気軽に角丸を利用したいという方のために載せておきますね♪

角丸を適応させよう

テーマの編集を選択して、以下のコードをコピペしてください。そうすると、四方に角丸が適応されます。

このコードを編集画面にコピペするだけ♪

@media only screen and (min-width: 768px) {
#inner-content,
#breadcrumb,
#inner-header,
#custom_header{

-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
border-radius: 5px; /* CSS3 */
}
}

まとめ

このカスタマイズは、カスタマイザーでデザインをいじるときに、横幅いっぱいの表示じゃない方が可愛く見えます♪(横幅いっぱいの表示でもよいのですが)とても簡単にできるので、四方を角丸にして柔らかい印象に見せたいときにおすすめです♪(フッター部分を角丸にすると、罫線の部分が丸くなって表示に崩れるため、フッター部分には適応させていません)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

一次創作(ファンタジー / 現代 / 和風 / おじさんと少女 / ロボ)が好きで、漫画や小説やイラストを描いているお絵かき猫です。 デジタル作画での使用ソフトは、フォトショップCS6とクリップスタジオEXです。