【WordPress】テーマカスタム(主にレスポンシブテーマ)で参考になったサイト、ブログ2013

resuponnshibu

HaLPosTで使用しているMyThemeShop BLOGGIEをいろいろ(見た目はほとんど変わってない!?)カスタムしましたが備忘録がてらに参考にしたサイト、ブログを紹介したいと思います。


テーマカスタムで参考になったサイト、ブログ2013

順不同適当です。


❚カラー一覧

今年はフラットデザインが流行りましたが、HaLPosTのサイトでもフラットデザインっぽくしたいと思い、このサイトにあるカラーを基本的に使用しています。

こちらのサイトではこの色1つ薄くしたらとか2つ濃くしたらどんな色だろうってときに大変役立ちます。すごい便利!!


❚アイコン

右上のソーシャルボタンや引用のクォーテーションの画像などはこのサイトのものを使用しています。

レスポンシブでは画像の大きさは基本的にPCと併用ですが、このサイトで配布しているアイコンでは大きさを指定してダウンロード出来ます。


❚Androidアプリ紹介

iPhoneのアプリを紹介する方法はたくさんあるんですが、Androidはそんなにない!?と思いますが、HaLPosTではこちらのサイトでAndroidアプリ紹介を生成しています。


❚タブ切り替え

HaLPosTでは記事下に関連記事の他におすすめ、人気、新着をこちらのサイトを参考にタブで切り替えて表示させています。

レスポンシブテーマでは大体コメントの下からサイドバーが表示されますが、閲覧者はコメントのところまで行ってその下はもうコンテンツはないだろうと思いサイトを離れてしまう場合があります。

せっかくサイドバーにいろいろな記事を紹介してもレスポンしたときに無駄になってしまう可能性があるため記事下にサイドバーにある、おすすめ、人気、新着を関連記事のところにタブで切り替えて表示させています。レスポンシブテーマを使用している自分には必須のカスタムです。


❚レスポンシブテーマチェック

自分のサイトはiPhoneではどんな感じに表示されているんだろうってときに便利です。

PCでいろいろな端末でレスポンしたときの状態をチェックすることが出来ます。任意で画面の大きさも変更出来ます。


❚カエレバカスタム

アフィリエイトカエレバのカスタムCSSはこちらのサイトを参考にさせていただきました。

レスポンすることが前提なので過去記事でも紹介していますが、ちょっと変更して設置しています。

カエレバのショップ画像はこちらのサイトの方が作成したのを使用させていただいています。


❚HTML、CSS作成

昔からお世話になっています。ボックスとかCSSで組むときはすべてと言っていいほどこちらのサイト様のコードを参考にしています。


❚画像加工

主に自分の撮った写真をアップロードするときにエフェクトをかけるために使用しています。

文字入れも出来ますが、文字入れはSkitchを使用しています。



今後はサイト全体の色をもっと明るくしたいなと考えていますが、なんせ素人なんでセンスないんですよねwww


photo credit: infocux Technologies via photopin cc

シェアする

フォローする

コメントをどうぞ

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