[αź]ブログデザイン変更!自分でいじりやすい人気テーマ「Stinger5」を導入してカスタマイズしてみた!とりあえずの完成形ができた!!

NewImage

どうも。昼はリハビリ助手・トレーナーをしながら夜間で学校へ通っています、あずき (@azucky824です。

ここ最近、大分更新が少なくなってます。個人的に、結構忙しかった時期が重なり、なかなか更新する時間・気力が捻出できませんでした。

忙しさが一段落した後も、どうにも更新するという事が出来ず、ちょっと悩んだりもしました。ただ、ブログ自体は好きで「書きたいんだけど書けない」という状態が続いていました。

情熱があるけど、今の方法ではそれが発散できないという状況だったので、かねてから考えていた、ブログデザインのリニューアルを敢行しました

詳細なカスタマイズ方法は後日とさせて頂いて、とりあえずの完成形となったのでここでまとめておきたいと思います。

新しいテーマは「Stinger5」!その理由は…??

僕の使っているWordPressというブログツールは、「テーマ」というものを変えると外見をがらっと変えることができます。その手軽さが大きなメリットなのですが、もっと細かいところを変えたいとなるとHTMLやCSS・PHPなど、ウェブ系の知識が必要となって来ます。

残念なことに、僕にはその知識もスキルもありませんでした。ただ、今までブログを2年書いてきた中で学んだ知識と、とても親切に作られていて、カスタマイズしやすい「Stinger5」というテーマを導入することで解決してみました。

公式サイトはこちら↓


なにがいいって、まずCSSやPHPなどの中身のファイルのコメントが日本語であることです。これがあることで、「あぁこのコードはこの部分でこんな役割をしてるんだな」とド素人ながらもうっすらとつかめてきます。

次に、人気のテーマなので先人達のカスタマイズ記事がたくさんあることです。ド素人の自分がやりたいなぁと思うことなんて、諸先輩方がすでに丁寧な解説を書いてくださっているんです!

この2つのメリットが大きすぎて、カスタマイズなしのテーマから、一歩踏み出してみたい!って僕のような方にはもってこいのテーマとなっています。

まずは自分の好きなサイト・ブログを参考にする!

さて、テーマを決めてからまずやったことは、どんなデザインにしたいかを考えることです。

その際にはこちらの記事を参考にさせて頂きました。


自分の好きなデザインを見つけて、それを真似ることから始めよう!と思ったわけです。そして僕の好きなブログはこんな感じ。





あとはPC版とスマホ版をいろいろと見比べながらの設定作業に入ります。

完成したのがこちら!

あずきろく

いままで通り、テーマカラーのグリーンを継承して、まずはシンプルに欲しいものだけを設置しました。

まだプロフィールページは実装していませんので、近日中に公開します。


↓記事部分はこんな感じ
あずきろく

最近はアイキャッチ画像を作ったりして貼ることが多いので、画像をメインに持ってきました。デフォルでは画像とタイトルが横並びになっていましたが、スマホ表示ではこちらの方が圧倒的に好みだったので、PC版にも足並みを揃えた形になりました。

まだ、サムネイルのサイズが一定にならず、でかいなぁという印象がありますので今後はもっと細かく設定していきたいと思います。

まとめ

テーマを変えてから4日間ほどかけてようやく今の状態までカスタマイズしました。まだまだ変えたいところ、修正したい所がたくさんありますが、やはり何事もやり始めてからじゃないと、アイディアも方法も思いつきませんね。

ブログ記事はなかなか書けませんが、今後はカスタマイズ記事も含め、楽しみながらリハビリみたいにちょこちょこ書いていきたいと思ってますので、今後ともよろしくお願い致します。

それでは今日はこのへんで!

あずき (@azucky824でしたー。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitter であずきをフォローしよう!