リンク画像をロールオーバーさせる時など、要素を半透明にする場合はCSS の opacity
プロパティを利用すれば動きます。
CSS3 からは opacity
1つで、モダンブラウザはほぼ動くようになったみたいですが、
IE6で動かない。。。
もうお決まりですね!!!
その場合は opacity
と合わせて filter
プロパティも同時に利用することで、IE6 でも透過が効くようにしてあげます。
続きを読む
18禁サイトのように、サイト訪問時に年齢確認などのアラートボックスを表示させ、「認証」ボタンを押したら次回のアクセス時からはアラートを出さないようにする、という処理のご紹介です。
続きを読む
WordPressでは page.php をコピペして page-○○○.php のように個々にテンプレートファイルを持つことができますので、固定ページ別に全く違ったデザインにすることも可能です。
ポイントは、page-○○○.php に「Template Name」の記述をすること。
これでWordPress管理画面から固定ページを作成した際に、固定ページ毎に page-○○○.php ファイルを紐づけられるようになります。
続きを読む
WordPressインストール時に編集するwp-config.php の中でも、今回は認証用ユニークキーについて、キーを簡単に生成できるジェネレータも交えながら紹介させていただきます。
続きを読む
IE下位バージョンでも CSS3 の border-radius
や box-shadow
、linear-gradient
などを利用できる便利な「PIE.htc」。
今回はこの PIE.htc ファイルの基本的な設置方法から「動かない時の対処法」まで簡単にまとめて紹介いたします。
続きを読む
例えば、WordPress一式を置いたルートディレクトリ(http://hoge.com/)から一階層下げた「http://hoge.com/landing/」のディレクトリにランディングページを作る場合、
このランディングページにはWordPressに関連するファイルが何も入っていないのですが、ルートディレクトリに置いたWordPressのテンプレートファイル(header.php や footer.php)を利用したい!ということがあると思います。
続きを読む
WordPressの管理画面で記事を投稿する際、HTML エディタとビジュアルエディタとを切り替えながら利用すると、< > などのタグが &lt;や&gt; などに変換され、レイアウトが崩れる場合があります。
個人的にはHTMLエディタ1 本で統一するのが理想なのですが…、企業様にWordPress サイトを納品する場合や、複数人でサイトを運営(記事を投稿)する場合など、ビジュアルエディタが必要なシーンも多いのではないかと思いますので、今回紹介させていただく記事では「HTMLエディタを無効にして、ビジュアルエディタだけ表示させる」方法について説明させていただこうと思います。
続きを読む
画像をa タグでマークアップする際、
IE以外のブラウザだと問題ないですが、IEで見ると点線が出て気持ち悪いので、
jQueryを利用してフォーカスを外します。
続きを読む
IE6にのみ特定のjavascript ファイルを有効にさせたり、IE8以下には専用のスタイルを適用させるなど、今でも何かと必要になるIE向けの条件分岐。
今回はそのようなif構文による条件分岐を、IEのバージョン6〜8に絞ってまとめました。
続きを読む
WordPress を長年運用していく中で、例えば「カテゴリが増えた」なんて場合に記事1つ1つに変更を反映していく作業は非常に面倒…ですので、そんな時には WordPress の「一括編集」機能を利用すると作業が捗ります。
カテゴリの一括変更に限らず、作成者やステータスなども一括操作で変更することが可能ですので、非常に便利な機能です。
続きを読む
Lightbox は昔からメジャーなプラグインなので、今更説明も不要かもしれませんが…。
現在、Lightbox のバージョンは 2.5 系になっているものの、2.05 を使わざるを得ない事情が色々ありますため(その辺は記事の最後に書いてます)、改めて Lightbox 2.05 の設置方法をまとめました。
続きを読む
ベーシック認証からリダイレクトの設定まで、オンライン上で手軽に .htaccess ファイルの作成ができる便利なサイトのご紹介です。
続きを読む
WordPressの「リビジョン」「自動保存」を無効にする方法と、たまったリビジョンや自動保存を削除する方法を、オススメのプラグインも含めて紹介致します。
個人的には特に必要性を感じない「リビジョン」「自動保存」ですので OFF にしていますが、こいつを有効にしている場合はデータベースが肥大化していくので、定期的にメンテナンスされることをオススメします。
続きを読む
WEBサイトを作っていると「透過画像」を使うことが多いのですが、一番の悩みは「IE6では透過画像が正常に表示されない」ので、こいつの対応をどうしてあげるか…です。> <;
IEでも7以降や他のブラウザであれば問題なく表示されますので、IE6だけに透過画像を表示させる処理を施してあげる必要がありますが、そこで便利なスクリプトが「DD_belatedPNG」です。
続きを読む