アルページウェブサイト開発情報メディアWordPressカスタマイズするなら絶対欲しいリファレンス【HTML/CSS】2019.11.05WordPressはGutenbergやクラシックエディタのビジュアルエディタなど、HTMLやCSSといったWebページ制作に必要な知識がなくてもハイクオリティなサイトの作成・記事作成が行なえます。使いやすいオリジナルボックスを実装したいデザインが少し崩れているので直したい紹介されているCSSをコピーしてもうまく動かない毎回デザイン設定するのが面倒といった問題が徐々に表面化してきます。オリジナルのデザインを適用させたい場合に、HTML・CSSの知識が必要になります。知識をつければ、以下のようなデザインを自由自在に作れるようになりますよ。ボックスボックス画像吹き出し~現役Webエンジニアで、ちょっと調べれば十分という人であればいいのですが、そうじゃない方ならHTML・CSSのリファレンス(辞書)を一冊用意しておくと安心です!リファレンスを所有しておくメリット困った時に調べられるリファレンスはHTMLタグなどの単語から調べるのではなく、やりたいことから調べることもできます。テキストの入力文字数を制限したいiframeのサイズを指定したいムービーを埋め込みたいこれらのことを簡単に見つけ出すことができます。単語を覚えていなくても、やりたいことさえ明確であれば簡単に見つけられるのがリファレンスの魅力でもあるので、HTML・CSS初心者には最適ですね。今まで知らなかった知識をつけられるネットで解決できる力があったとしても、言葉を何も知らないものであれば調べようがありません。リファレンスを眺めていると今まで知らなかったタグやプロパティを知ることができるため、もっと知識を増やしたいという方にも向いているのです。CSS3(animationやcolumnsなど)は知らないことが結構多いため、読み応えは十分でしょう。リファレンスの中でもオススメなのは逆引きリファレンスリファレンスと逆引きリファレンス何が違うのかという話ですが、簡単にまとめるとこんな感じです。単語や言葉から意味などを調べられる辞書。単語や言葉から索引を引くのではなく、やりたいことから調べられる辞書。初心者に最適!意味はうろ覚えでもHTMLタグ・CSSプロパティ・属性名全部覚えているのであればリファレンスでいいですが、そうでない場合は逆引きリファレンスがおすすめです。逆引きリファレンスは必ずサンプルコードが付いているため、どのように記述すればいいのかもひと目で分かります。初心者に限らず、経験者の方もノウハウ収集に役立つため、もっと能力を高めたい場合は逆引きリファレンスを選ぶと良いでしょう。クックブックといったようなおしゃれな名前がついていることが多いです。HTML・CSS系の書籍ではその傾向が強いので、リファレンスを探しても全然見つからないという場合は「デザインレシピ・クックブック」という単語を含めて検索すると見つけやすいですね。今すぐ使えるリファレンスが欲しいと言うのであれば、これが一番です。ウィンドウ幅いっぱいに背景画像を表示したいページ下にCTA(コンバージョンエリア)を目立たせたうえで設置したい既存のワンカラムを2カラムに変えたいといった実用的なデザインレシピ・テクニックが、300種類も用意されています。逆引きリファレンスとしても非常に使いやすいので、HTML・CSS関係の書籍を1つも持っていないのであればこちらを選ぶと良いでしょう。RinkerAmazon楽天市場Yahooショッピング今すぐ使えるCSSレシピブック書評CSSに特化したリファレンスブックです。ほとんどの参考書はHTMLとCSSがセットになっているため、HTMLの知識はもう必要ないという方にとって無駄が存在します。こちらもレシピブックならCSS、いわゆるデザインに特化した参考書なので、おすすめです。記述する手法1pxの間隔を開けた際に発生する問題といった入門書では得られない一歩踏み込んだ知識をつけられるので、CSSの知識・スキルをもっと磨き上げたいという方にも向いています。私が使っている現役のリファレンスです。厳密には改訂版ではなく初版ですが、2014年発売の初版ですら現役レベルで活躍しているので、HTML5・CSS3用のリファレンスを探している方にお勧めですよ。Kindleにも対応しているので、スマホやタブレットで調べながらWordPressをカスタマイズするのも良いでしょう。RinkerAmazon楽天市場Yahooショッピング使えるリファレンスが出版されたらまた新たに追記していきます。アルページ.ホーム検索タイトルとURLをコピーしました。