2016年1月4日

サイト制作に必要な条件分岐とカラーコードまとめ。WordPress他色んなブログでも使用。

スポンサードリンク

 ブログを作成する上で、よく使う条件分岐やカラーコード等。
色んなサイトから寄せ集めて、自分なりにカスタマイズしています。

私がよく使うサイトをご紹介('ω')ノ
参考にして下さい。

背景やアイコンの色を確かめる時に。色見本サイト


 HTMLを使う方にオススメです。

サイトの色は、全体を見て、
いかに見やすいか何度もチェックし、調整しましょう。


 もし自分の好きな色であっても、
見にくければ変えたほうが良いです。


 私は目がチカチカするサイトはすぐ離れます。
そのサイトを長時間見ることはほぼ、無いです。

なので、落ち着いて見られるサイトに仕上げましょう。


 例えば、青といっても色んな青があるので、
じっくり調整しながら好きな色を探しましょう。

水色にするなら、それに合うイラストや文字等。
色々アレンジしましょう、


 WordPressユーザーはもちろん、
Bloggerユーザーもきっと役立つと思います。



色見本は、こちらです。

HTMLカラーコード

WordPressの条件分岐いろいろまとめたサイト


 こちらはしょっちゅう使います。

よく使うものを当ブログでまとめても良いのですが、
アレコレ自分なりにアレンジするので、キリがないんですね。

なのでまとめてあるサイトをご紹介します。


 それぞれのサイトに色んな種類が載っています。

多少被っている内容もありますが、
色んな分岐方法がアレコレ載っているので、全部参考にして下さい。



こちらです。

インクルード・テンプレート・条件分岐|WordPressテンプレートタグ チートシート


複数条件など|カスタマイズするなら覚えておきたい条件分岐について


ページ毎の分岐|IF文(条件分岐)の使い方まとめ


PHPプログラム|if文について

スクロール固定するjQueryを使ったカスタマイズ


 WordPress以外でも、
様々なサイトで使えそうです。

上級者向けです。


jQueryでスクロールすると表示する系いろいろ
http://www.webopixel.net/javascript/538.html


Customize Simple Template in Blogger -Bloggerのカスタマイズまとめ-
http://mba-hack.blogspot.jp/2013/01/customize-simple-template-in-blogger.html#page28

イラスト・ホームページ用ボタン作成


 可愛らしいイラスト。
利用規約はちゃんと守りましょう。

イラストわんパグ
http://www.wanpug.com/



 こちらは、SNSバナーを自作する時とかに便利。
クリックしやすいように、大きめのボタンサイズにできます。

ホームページ-ボタンでリンクする
http://yume.hacca.jp/koiki/form/button-link.htm

サイトはキレイに見やすくが第一


 これで自由自在に、
自分の好きなように条件分岐が出来ますね。


 応用させれば無限に分岐出来ます。
ただやり過ぎると、後で自分が分からなくなります。



 こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。


 当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。

必ずデータは最新のバックアップを取っておいて下さい。


 WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。

当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。

詳細はWordPressヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク