![](http://tanoshare.com/wp-content/uploads/2024/07/Stsw-640x306.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/A6.jpg)
なんかブログのデザイン変わってませんか!?
![](http://tanoshare.com/wp-content/uploads/2024/07/U4.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/U4.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/U4.jpg)
最新のWebデザインとSEOでリニューアルしたよ!
8年ぶりのリニューアル!
ゆるーく継続してきた当ブログ「たのシェア」
最近は更新停止気味でしたが、もう一度やる気を出したいなと思ってリニューアルを決意!
なんと8年間も同じテーマStinger5を使っていたため、最新のWEBデザインやSEOにかなりおいてかれている状況でした。
ひとつの反省点
8年間もブログのデザインを変えなかった原因でもあるんですが…
独自のデザインカスタマイズをしすぎたことにより、気軽なテーマ変更ができなくなってしまったんです。
だから今回は…最初から完成度の高いテーマを使い、独自のカスタムを最小限にとどめよう!と決めました。
最強のWordPressテーマ「SWELL」
![](http://tanoshare.com/wp-content/uploads/2024/07/swell_official_noimg-640x360.png)
![](http://tanoshare.com/wp-content/uploads/2024/07/swell_official_noimg-640x360.png)
今のWordPressテーマ界隈を調べてみると、ほぼ2強と言える状況でした。
無料のCOCOONと、有料のSWELL。
僕が8年間使っていたStingerはもはや名前すら見ない状態に…時代とは変わるものですね。
悩んだんですが、ずっと使えるものだしいいかなと思って有料テーマのSWELLを導入してみました!
SWELLは最強テーマとの呼び声が高いだけあって、カスタムなしでもほぼ完成形と言えるような見た目になりました。
![](http://tanoshare.com/wp-content/uploads/2024/07/Y10.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/Y10.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/Y10.jpg)
有料って言ってもサブスクじゃなくて買い切りだから良心的だよね
トップページを見た瞬間のインパクト!
SWELLの最大の特徴が、企業のウェブサイトのようなサイト型デザインを簡単に実装できること。
僕もこのサイト型デザインに憧れてて今回、オリキャラの世界観を印象的に感じられるトップページを目指しました!
まずたのシェアロゴが現れるローディング画面から…
![](http://tanoshare.com/wp-content/uploads/2024/07/TSLP-480x320.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/TSLP-480x320.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/TSMBS1TTRGBF2-640x311.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/TSMBS1TTRGBF2-640x311.jpg)
メインビジュアルに用意したのが、オリキャラがじわーっとRGBズレしていくような表現です。
なんとなく幻想的な雰囲気になって大満足!
この印象を支えているのが、リニューアルに合わせて行ったオリキャラの3DCG化です。
![](http://tanoshare.com/wp-content/uploads/2024/07/Ts3nsn-480x200.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/Ts3nsn-480x200.jpg)
やはり手描きイラストに比べてデッサンの崩れが少なく、画風に統一感が出てるのが良い感じですね。
もうちょっとだけ個性的なデザインにしたい!
素のままのSWELLだと人気テーマなだけあって他の人とかぶりまくりになってしまう…
そこでヘッダー、上にあるタイトルロゴがある部分のデザインだけカスタムすることにしました。
半透明のプレートがサイトの上に乗っているようなデザインをイメージして…
何とかいい感じにカスタムできたかな?と!
![](http://tanoshare.com/wp-content/uploads/2024/07/U2.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/U2.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/U2.jpg)
テーマを変えたことで一部デザインが崩れちゃってるけど、少しづつ直していこうかなと思ってます!
![](http://tanoshare.com/wp-content/uploads/2024/07/TSSPJ-276x480.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/TSSPJ-276x480.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/A9.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/A9.jpg)
![](http://tanoshare.com/wp-content/uploads/2024/07/A9.jpg)
スマホでメニューを開くとこんな感じで可愛いから見てみてね
コメント