まめぽっぷ元バリスタ・現研究開発職・オトコミガキ中の社会人のブログ。分くらいで読めますこんにちは。ワードプレスのカスタマイズをするようになると、調べないと分からないことが沢山あります。なんてったって、プログラミング?CSS?HTML?PHP?何も知らない状態からブログを始めた僕なので。いうことで、今僕が頻繁に利用しているサイトをまとめて紹介する記事です。Twelve」をベースにカスタマイズしています。以下のサイトは、ブックマーク・お気に入りしておくことを全力でおすすめします。まとめ色の名前とカラーコードを参照できるサイトCSSの中によく出てくるこの記述。#7a8285;「記事の見出しはブルーにしたいな」とか「ブログタイトルの背景は少し薄いグレーかな」とかその思いを反映させるために必要になるのがカラーコードです。#0000ffこんな感じで全ての色にカラーコードが割り当てられています。このサイトなら、求める色とそのカラーコードを簡単に探すことができます。色の名前とカラーコードを参照できるサイトHTMLとCSSの辞書になるサイトこのブログは基本的にはコピペさせてもらったコードばかりで構成されています。オリジナリティを出すために、少しずつアレンジして今の形を作ってきました。コピペで拝借してきたコードに手を加えるときに役に立つのがこのサイトです。コードの意味が分からない場合は適宜参照することにしています。HTMLとCSSの辞書になるサイト現在のウィンドウサイズが分かるサイトサイトを閲覧しているデバイスのサイズに合わせて、レスポンシブに対応することが、Google先生の評価(SEO順位)を上げるためには必須になっているようです。パソコンから見てる人にはパソコン用の画面、スマホから見てる人にはスマホ用の画面を、自動的に判別して表示する必要があるんです。これをレスポンシブデザインと呼ぶとのこと。そのためにCSSをカスタマイズするのですが、うまくできたか確認したいときに役に立つのがこのサイト。現在のウィンドウサイズが分かるサイトブラウザのウィンドウ幅を調節しながら、自分のサイトがレスポンシブに対応できるかを確認することができます。レスポンシブデザインに対応させるとき、カスタマイズの過程でCSSが崩れてしまったとき、大活躍してくれました。そのときにこのサイトも役に立ったので合わせて紹介しておきます。iPhone/iPadの画面ピクセル数が分かるサイトまとめインターネットの世界は親切な方が沢山いて、様々な情報を分かりやすくまとめてくれています。利用してみて下さいね。次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。検索:新着の記事12インチMacBook用にまず最初に購入したアクセサリー3つ。1/2の初売りで購入した12インチMacBookが無事届きました。...2018年1月2日、Appleの初売りで12インチMacBookを購入しました。