つい最近…

とツイートしたら思いのほかいろんな方にふぁぼしてもらったので、今日の記事ではこれからWordPressをいじり倒す人のために私が実際に探して参考にしている「簡単」かつ「すぐさまかっこ良く」できるカスタマイズ方法を載せたサイトをいくつかご紹介しようと思います。

※ただし、多少自分でCSSやHTMLの基本的なコードが分かる人にはカスタマイズすることもおすすめできますが、それもよくわかんねぇーやーいwって人にはこの記事はちょっとむずかしいかもしれません(´-﹏-`;)

WordPressのカスタマイズで参考にしたサイト様

たもトピ様

無料テーマのSimplicityを使った時に参考にしたのが、とんこつナイトで知り合って会計ソフトの使い方も相談させてもらったたもつさんのブログ。

初心者でもできた!「Simplicity」でカスタマイズしたこと6つ! – たもトピ

たもつさんのブログを見たのは、Simplicityの見出しをもう少し見やすくしたくて、見出し背景などをカスタマイズ出来ないものか…と検索していた時に見つけました。

初心者でもできた!「Simplicity」でカスタマイズしたこと6つ!(たもトピ)

そして、その後実際にとんこつナイトでお会いして、直接お礼を言いましたw

 

shufulife様

ちゅんこさんが運営するShufulifeにはSTINGER5のカスタマイズをする際には数えきれないくらいお世話になりました。

Shufulife - 主婦的ライフハック&WordPressカスタマイズなど。

今でもSTINGER5を使うサイトのカスタマイズをする際には参考にさせていただいてます!

STNGER5関連の記事一覧(Shufulife)

これは!ログ様

こちらもSTINGER5をカスタマイズする際に何度もお世話になりました。Jimonさんのブログです!

-Stinger これは!ログ

これは!ログ様にはSTINGER5のTOPの最新記事の表示方法をカスタマイズしたくてよく参考にさせてもらってましたがそれ以外にもたくさんのカスタマイズ方法が書かれているので、色々と見させてもらってました。

「 Stinger 」 一覧(これは!ろぐ)

ENJILOG様

STINGERの生みの親であるENJIさんのブログです。ENJIさんのブログではWordPressプラグイン「AmazonJS」の使い方を参考にしたくて読ませてもらいました。

-  僕のWordPressブログで効果を出している+αなカスタマイズ

アマゾンアソシエイトのリンクを自然な形で記事に入れたくて、このプラグインの使い方が知りたいと思いブクマして見ています。

僕のWordPressブログで効果を出している+αなカスタマイズ(ENJILOG)

Nxworld様

こちらは先日Twitterでもご紹介したサイト様です。

CSSのみで実装するボタンデザインやホバーエフェクト 20+α NxWorld

こちらのサイトは、たまたま「リンクボタン エフェクト」っていうキーワードだったかな…なんかそんな感じで検索した時に見つけました。

ランキングサイトを作っていた時に、ASPの広告主さんのバナーがあまりにダサくて(ごめんなさい)、でもテキストリンクにもしたくなくて、でも…画像リンクもちょっとな…と思ってた時にボタンリンクにしたいけど、どうせならエフェクト(カーソルをリンクに乗せた時に色が変わるとか、半透明になるとかの効果のこと)が掛かってるボタン作りたいと思って探しました。

CSSの基本的なことがわかってれば、このサイトに書かれた好きなボタンのコードを自分のWordPressのテーマのstyle.cssの一番最後にでもコピペして編集すればいいだけなので、とっても簡単でした。

変更すること言えば、ボタンの色を決めるカラーコードを変更するだけです。

CSSのみで実装するボタンデザインやホバーエフェクト 20+α(Nxworld)

material palette様

こちらは上のボタンデザインをした時にいつも一緒に見ているカラーコードのサイトです。

Material Design Color Palette Generator - Material Palette (1)

好きな色を2色選ぶと自動的にバランスの良い配色を提案してくれる超便利なサイトです。

material palette

NIPPON COLORS様

こちらのサイトも色のコードが分かるサイトなんですが、私のイチオシサイトです!

NIPPON COLORS - 日本の伝統色

普段見ない日本色の名前も知れるし、しっかりカラーコードもわかるので細かい色の度合いや違いをサイトで出したいときはこちらのサイトの方がたくさんの色がわかってとっても便利です。

見ているだけでもすごく綺麗なサイトなのでブクマ必須です(*^^*)

NIPPON COLORS

ポップアップを表示してくれるプラグイン

これはお勤めしていた会社で作ったサイトでWordPressのサイトに年齢認証を設けないと行けないページを作る機会があって、その時に見つけたプラグインが『ITRO Popup Plugin』というもので訪問者さんにポップアップメッセージを表示させて何かしらの行動を促したい時に使えます。

wordpressで訪問者に時限式や認証式のポップアップ・モーダルウィンドウを表示できるプラグイン「ITRO Popup Plugin」 Root-013

こちらのサイトでプラグインの導入から使い方が解説してあります。去年2015年に使用した段階ではサイト内の設定できちんと動いていましたので、現在でもサイト内で解説してある方法で使えるはずですが、記事が2014年の記事ですので若干管理画面の表示などが変わっている可能性があります。

時限ポップアップや、年齢認証のポップアップ(モーダルウィンドウ)を実現できるプラグイン『ITRO Popup Plugin』

その他、WordPressに関して参考にしたサイト様

ここからは気になってブクマして、たまに参考にしているサイトをランダムにリンクしておきます。

賢威7の装飾タグ

いつも利用している無料素材サイト

これはおまけですが、私がWordPressでサイトを作る際に使っているフリー素材のサイトさんたちです。カスタマイズする際にヘッダー画像なども色々と必要になってきたりするのでよく使っています♪

おわりに\(^o^)/

私がWordPressでサイトを作る際にはここにご紹介したサイトを主に参考にしながら無料テーマをカスタマイズしたりしています。

無料のテーマでも有料のテーマでも、カスタマイズする際はなるだけデータを壊してしまわぬようにバックアップをとってからカスタマイズしておりますので、みなさまもそれだけは忘れずに注意しておいてください!

今回は簡単にご紹介だけになりますが、参考になれば幸いです!