やりたいこと
やっていこう٩( ᐛ )و
逆襲を企む前向きなドキュメンタリーブログ。
ブログ運営

WordPressテーマ「JIN」を実装してみた!

JINを実装してみた

灰根です!

WordPressテーマの超新星、「JIN」を導入しました〜!
まだ不完全なところはありますが、楽しくデザインできました。
この記事が、「JIN」テーマとして初記事です。

JINとの出会い

このブログは2018年1月17日に開設し、これまで「Simplicity」という無料のテーマを使用してきました。

有料テーマでオススメとかも聞いていたんだけど、どんなブログにするか方向性などはほとんど決まってなかったので、とりあえず無料テーマから始めようかなと。

内部SEO施策もされているというし、デザインもシンプルで初心者には使いやすいんじゃないかと思ったんですよね。
あんまり最初からできること多いとどこから手つけていいかわからないし。

実際にSimplicityで運用を始めて使いやすかったし特別不満はなかったのですが、ある程度慣れてきたところで「有料テーマってどんな感じなのかな〜」なんて思い始めました。

そんな矢先。

 

あのひつじ♂さん(@hituji_1234)が作ったテーマ!?
なんというタイムリー。
こりゃー色々なノウハウが積み込まれていそうだ。

ATLAS」のテーマを作ったカズヤさん(‎@cps_kazuya)という方と共同で作られたテーマだそうです。

実際に「JIN」のテーマページに覗いてみると、とってもスタイリッシュ!

見てほしい記事を固定しておけるし(ピックアップ)、クリックするだけでトップページの記事が瞬時にシュンッと切り替わる(コンテンツマガジン)。
記事にカーソル乗せると、うにょって上に動く。

 

なぁにこれぇーかっこいい。

 

でも、有料テーマといえば「STORK」や「SANGO」など魅力的なテーマは他にもある。

特に「SANGO」はデザインも好きで、「JIN」と同じように流行りのマテリアルデザインだったこともあり、本気で悩みました。

ブログは表示速度が大事だと聞いていたので、Googleの「PageSpeed Insights」で各テーマのサンプルページの表示速度を調べました。

発表日 値段 使い回し サンプルページ表示速度
モバイル
サンプルページ表示速度
パソコン
SImplicity 2014年7月8日 無料 OK 75/100 74/100
STORK 2016年5月30日 10,800円 1サイトまで 75/100 57/100
SANGO 2017年9月23日 10,800円 OK 87/100 89/100
JIN 2018年3月11日 14,800円 OK 82/100 78/100

 

値段や表示速度でいっても「SANGO」強いですねー。
「STORK」はモバイルはいいけど、PCはちょっと遅い感じ。
実際にアクセスして見ても、気になるほどじゃないけどワンテンポ遅い感じはしました。

とはいえ、あくまでサンプルページはサンプルページなので、記事量や画像量によって表示速度は左右されるはずなので、自分がいざテーマを導入した際に、上の表どおりの表示速度差になるとはいいきれないはず。

実際、自分の感覚ではPCの「STORK」以外は、あまり速度差を感じませんでした。

「SANGO」の方が安かったし、色々なレビュー記事も見てきたので、「SANGO」にしようかなとも思いかけた。

けれど、「JIN」には、ピックアップやコンテンツマガジン、着せ替え、豊富なボックス・見出し・吹き出しというブロガーとしては非常に魅力的な機能がある。
また、ひつじさんによるとデザインのテンプレを増やしていくなど、今後もさらに良くなっていく様子。

「誰かのレビュー見てからじゃないと不安」なんて思ってないで、ブロガーたるもの自分がいの一番に試す気概でやらねばと思い、「JIN」を買うことを決意!

 

168人目のDL者!そこそこ早いかな?

JIN導入

初めてのテーマ変更ということで不安だったんですけど、「JIN」のマニュアルがめちゃめちゃ丁寧でわかりやすいんですよ!
おかげで上から読みながらひとつずつ設定していって、何の問題もなく導入できました。

スクショしてみたんで比較どうぞ!

以前のテーマ(Simplicity)

吃音ニートの逆襲-Simplicity

シンプルだけど、これはこれで割と気に入ってはいた。

そして!

現在のテーマ(JIN)

 

Tiffany&Co.じゃないよ。
(たまたま似たような色に…)

 

 

一気にブログのレベル上がった気がする!

正直、色や、画像のサイズはまだちょっとずつ調整していこうかなと思ってますが、置いてみたかった、ピックアップやコンテンツマガジンがおけて満足!
(記事数少ないからまだあまり意味ないんですけど)

「JIN」はデモのスタイルをダウンロードできるので、ここから少しずつ自分好みに変えていくのがやりやすくてオススメです!

 

ヘッダー画像はベトナムに行ったときに自分で撮ったランタン画像を加工したものです。
ヘッダー画像に使えるようなものなんかあったかなーと思って見つからなかったので、そんじゃあ自分で作るかってことでやってみました。

めちゃ綺麗だけど、ヘッダーにするには馴染まない。

 

ColorStrokes」というアプリ(120円です安いです)で、このブログのイメージのカラーだけ残す。

ColorStrokes編集画面

こんな感じ!オサレ!

単体ではいい写真だけど、このままヘッダーとして使ってみたら、主張が強くて馴染まなかった。

透明化させれば馴染むんじゃね!って思って、「画像半透明化Webツール」を使って半透明化。

ランタン半透明化

完成!なんかほぼ見えなくなっちゃったけど、前ほど主張しすぎないでマシになったかなーと思う。

でも、かっこいいヘッダーかと言ったら微妙でまだ納得いってないので、そのうち変えるかもしれません…。

 

他にも、JINのマニュアル通りにやって、かっちょいいプロフィールや、今まで作ってなかったお問い合わせページも作りました!

灰根/ハイネ プロフィール 吃音ニートの逆襲-お問い合わせページ

 

ちなみにこの記事のテーマ比較で使った表も、「JIN」だと簡単に作れます!

 

JINを導入してみた感想

導入してみて思ったけど、「JIN」は触れ込みどおり、デザインの切り替え・着せ替えがめちゃめちゃ簡単にできる!
HTMLとかCSSの知識が無い初心者でも全然問題なし。

この切り替え、着せ替えが楽しくて、どんなデザインにしようかな〜ってかなり迷いました。笑
一度決めても、飽きたらいつでも簡単にデザイン変更できるのがいいところ!

難しいこと考えず直感的にデザインを変えられるのは「JIN」の大きな強みだと思います。

 

 

さらにさらに!

ひつじさんが「JIN」購入者限定で記事を公開してくれています!

記事を拝見させていただきましたが、ブログ設計に非常に参考になる内容でした!
今後はそれを意識して設計していければなと思います。

今後も購入者限定で記事を更新していってくれるみたいですので、期待です!
他の有料テーマより少し高かったけれど、こういった記事を更新してくれるのを考えれば元を取るどころか非常にコスパのいいテーマだと思いました。

 

終わりに

とりあえず、今回はブログのテーマ変更までの記事ということで、ひととおりJINのデザイン部分についてのみ触れてきました。

吹き出しやボックスはほとんどまだ試せていませんが、本当にたくさん種類があり使ってみたくてウズウズしているので、今後記事を書いていきながらちょっとずつ試していればいいなと思います!

 

気になる方はぜひ「JIN」を買ってみてくださいー!

僕は大満足でした!

「JIN」DLページ「JIN」公式ページ

 

 

 

 

ABOUT ME
haine
それなりに大きい会社に財務経理職で就職できたものの、自分の人生やこれからがこのままでいいのかと自問自答を続ける日々。 色々あって次の職も決まっていないのに自主退職。 半年間ニートをする中で自分のやりたいことや夢がだんだんと明確になって行く。 吃音を抱えながらも、一度きりに人生を誰よりもおかしく楽しく過ごそうと考え、自分で稼ぐ力を身につけることを決意。 好きな時間に好きな場所で好きな人と過ごす。 吃音ニートだって夢を叶えられるぜってことをリアルタイムに発信し、いろんな人を勇気付けたい。 吃音ニートの逆襲が!今!始まる!

COMMENT

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