WordPressラボ・ビジネス向け日本語テンプレート 無料有料テーマ研究サイト

前回は、classセレクタやidセレクタなど、超基本的なセレクタを紹介しました。

この記事では続編として、属性セレクタをサンプルを交えて解説。CSS2レベルの基本から、CSS3で追加されたものまでを網羅しようと思います。

属性セレクタを知っておくと、かゆいところに手が届くようなスタイル指定が可能になりますよ。

CSS3では、かなり小技の効いた擬似要素などのセレクタが追加されました。

それらを知ることも大切ですが、まずは基本であるCSS1・CSS2レベルを押さえておくことが肝要。

押さえておかないと、例えばテンプレートのちょっとしたカスタマイズを行うことすらできなってしまうからです。

スマホサイトを作成する場合、電話番号をタップするだけで発信できるように、通常telリンク（a href=”tel:00-0123-4567″）を設置します。
（※iPhoneの場合、設定しなくてもタップ発信可能。）

ですが、レスポンシブサイトにおいて、普通に電話リンクを設置するのは良ろしくありません。

なぜなら、PCなどでの閲覧者がリンクをクリックした際に「プロトコルが不明です」といったメッセージが出力されてしまうから。

今回は、JavaScriptを使った上記への対処法を紹介します。

WordPressのテーマにはデフォルトテーマも含め、管理画面にカラーピッカーウェジットが設置されているものが数多くあります。

この傾向はWordPressに限らず、世のCMS全般に言えることです。

本日は、かっこいいカラーピッカー実装用jQueryプラグインを、5つ紹介したいと思います。

提供が終了している場合がありますのでご了承ください。

「海外のWordPressテーマは魅力的だけど、販売サイトが英語なこともあり、求めているデザインを探しにくい」

先日、このような意見を耳にしました。

そこで今日は、海外のWEBテンプレートを40,000種類以上、WordPressテーマ1,500種類以上を販売している日本サイト、 テンプレートモンスター・ジャパンを紹介したいと思います。

最近、レスポンシブデザインのサイトに様々なjQueryプラグインを設置する案件が増えています。

そんなタスクの中で使った、あるいは見てきたもののうち、今日はカルーセルパネルのオススメ5選を紹介します。

※以下のサイトでは、予告なく提供が終了している場合があります。ご了承ください。

最初にハッキリ申し上げると、個人的には無料サーバーは使用しない方が良いと考えています。

広告が邪魔だったり制約があったり、何よりもいきなりサービスが終了したりするからです。

ただし、二つ例外があります。

ひとつは、WordPress練習などの捨てサイト用に使うこと。
もうひとつは、将来的に有料コースに切り替えても構わない（※有料コースが用意されている無料サーバーに限る）と考えて使うこと。

ワードプレスで作成したページをリダイレクトするには、大きく3つの方法があります。

1. .htaccessへの記述。
2. meta refreshの利用。
3. プラグインの使用。

このうち、1が最もオーソドックスですが、ケースによっては記述方法がめんどくさかったりします。