WordPressがわからなくても大丈夫! stingerならcssがわかればカスタマイズできる!

 - 

 -  >

 -  Web Design, ブログ

だいぶ前からちょっとずつ準備をしていたのですが、ブログのデザインのリニューアルをしました!

このテーマに使っているのが、STINGER5 – WordPressのはじめ方や使い方です。Stingerは使っている人がたくさんいるので、そのまま使うと色々な人とデザインが被ってしまいますが、カスタマイズする前提で作られているので、カスタマイズがしやすく作られていてとても便利です!

NewImage

 

phpとかjqueryとかわかるほうがもちろんデザインはしやすいですが、最低限cssだけわかっていればデザインをしていくことができます。

スクリーンショット 2015 05 04 21 01 15

 

実際にデザインをいじってみるとわかりますが、こうやってめちゃくちゃ親切に「これはこういうことですよ」って、かなり親切に書いてくれています。

自分がこれまで使っていたテーマはなぜか気に入っていたんですが、海外のテーマで変更しにくい部分がたくさんあったんですよね。

 

自分がやったデザインくらいなら、cssだけいじればほぼできます。(ページを軽くするためにphpもいじってますが、デザインにはあまり関係ないです。)

jqueryも少し使ってますが、ほぼ何もしてないようなもんです。

 

cssもわかんないよって方はこの辺りの動画を見てさらっと勉強してからやってみましょう!
YouTubeで無料でウェブデザインを学べるSkillhubがオススメ! 最低限のHTML・CSSを知れて、WordPressの編集ができる!新卒でプロブロガーを目指すブログ!

cssさえわかれば、デベロッパーツールとにらめっこしながらデザインをしていくことができます!

デベロッパーツールの使い方としては、これがわかりやすいです。
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 – Build Insider

 

解説記事が豊富!

stingerはカスタマイズすることを前提に作られているテーマであり、色んな人が使っているテーマなので、参考になるようなデザインだったり、カスタマイズの解説記事が豊富にあります。

カスタマイズ用の子テーマとかもたくさんありますし。

 

カスタマイズに困ったらこれらを見たり、検索すればたいていのことは見つかります。

 

STINGER5カスタマイズまとめ!知りたい全てはここにある!
WordPressのStingerを自由自在にカスタマイズするための8つの修行
STINGERの超ハイセンスなWordPressカスタマイズブログ30選
もはやStingerには見えない!参考にしたいWordPressカスタマイズブログ集 – 副業ハック
STINGER子テーマ | ROOM9(ルームナイン)

 

WordPressチートシートを活用して、さらにカスタマイズ

スクリーンショット 2015 05 04 21 16 54

日本語版 WordPress チートシート | Webクリエイターボックスより)

 

ある程度細かい設定をしていきたいという方は、こういうWordPressのチートシートを使いながらやるとわかりやすいです。これで、WordPressのphpの意味がわかるので。

ただこのチートシートを使う際は必ず、リンク先に行ってPDFをダウンロードして下さい。じゃないとコピペができないので、かなり不便ですしミスが起こりやすくなります。

また、phpの基礎を理解するのにこの記事もわかりやすいです。
PHPとは?Web業界で働きたいプログラミング初心者のためのエンジニア基礎入門 | 株式会社LIG

 

このくらいができるようになれば、それなりのデザインをすることができるようになります。

自分ももっと色々デザインしたいのですが、デザインセンスが・・・

 

stinger5のダウンロードはこちら。
STINGER5 – WordPressのはじめ方や使い方

 

HTML・CSSの基礎を勉強するにはこの本がオススメです。

 

Facebookでシェアする

Twitterでシェアする

はてなブックマークに追加

 更新をチェックする! follow us in feedly

カスタム検索

Popular Post

Copyright© 新卒フリーランサーのブログ!2015 All Rights Reserved.