ご存知の方も多いと思いますがSEOで有名な無料のWordPressテーマ「stinger」
シンプルでいいのですがその分カスタマイズをしないと「よく見かけるデザイン」になってしまいます

なので今回は一瞬で見た目を変える方法をご紹介します
ファイルを直接編集したりソースをいじるのはちょっと。。。
そんな方もいるかと思いますので簡単な方法で見た目を変えちゃいましょう。

 

 

CSSを追加するだけ

デフォルトの状態のstinger

 

みなれたデザインですね

 

 

 

CSSを追加すると

 

画像を大きくして3つずつ記事を並べるようにしました

スマホではこんな感じ

 

 

これだけでも少し印象が変わったかと思いますがもう少しわかりやすくアイキャッチを設定します

 

ちょこっと追加したソース

今回追加したCSSはこうなってます

PC用のデザイン

 

スマホのデザイン

 

これを追加するだけです(コピペでOK)。簡単ですね。

追加場所はstyle.cssなど

画像の大きさや幅を調整したり1記事あたりの高さを調整するともっと印象が変わってくるかなと思います。

 

 

 

Reader Interactions