WordPress WP-PageNavi プラグインでページナビゲーションを設置
関連したページが複数ある場合に表示したい、ページナビゲーションの設置を「WP-PageNavi」プラグインなどを使って設置していきたいと思います。// // 1.「WP-PageNavi」プラグインを...
WEB DESIGN
WordPress 
jQuery フルスクリーンのスライドショー背景にしたい
背景の画像をフルスクリーンで表示し、尚且つスライドショー的に魅せたいときjQueryを使って簡単に設定する方法の紹介です。プラグインは使用せず、簡単なコードを記述するだけで実装できますので軽量で動作し...
WordPress WordPressループ
WordPressの「ループ」とは、複数の投稿を連続して表示させたいときなどに使われるPHPコードです。ループを使うことで、現在のページに表示される各投稿を処理したり、指定した条件に従って投稿の形式を...
jQuery シンプルで美しいスライドギャラリーjQueryプラグイン「fotorama.js」
jQueryを使ったスライドギャラリーは、数多く存在していますがオプションが充実したシンプルなスライドを利用したい時などに使える「FOTORAMA」を使ってみました。// // 1.FOTORAMAよ...
jQuery コンテンツや画像などを順番にフェードインするjQuery
写真のギャラリーページや、いくつかの記事を一覧で表示するページなどで、各コンテンツ要素をページロード時にひとつずつフェードインして表示する方法をjQueryで実装します。// // デモサンプル1.H...
jQuery コンテンツや画像やテキストなどをランダムにフェードインするjQuery「champagne.jp」
サムネイル一覧や、コンテンツ一覧など同じような要素を並べて表示するページで、ページロード時に各要素を順番に表示する見せ方がありますが、今回はそれらの要素をランダムに、フェードインするアニメーションがで...
CSS CSS3基礎を簡単にまとめてみました。
CSS2までになかった多彩な装飾表現を可能にするCascading Style Sheet Ver.3になります。W3Cが現在策定中ですが、各ブラウザが順次実装を始めているので、現在では一般的に使用さ...
jQuery ページ遷移時にフェードイン・フェードアウト効果を出す「jquery.fadeMover」
サイト内でページの移動をする際に、フェードインやフェードアウトしてからページが切り替わるちょっぴりフェミニンな感じのアクションを演出してくれるjQueryプラグイン「jQuery.fademover....
jQuery 文字サイズを[小][中][大]と切り替えられる「jQuery Text Resizer」
最近では、企業や各種サービス、公的機関のサイトなどで「文字サイズ」をユーザーの好みで切り替えることができる機能が付いているのを見かけます。 今回は、文字サイズを変更するためのボタンを配置し、クリックで...
FLASH マウス位置で動きが変わる泡のアニメーション(AS3.0)
雪を降らせたり、桜を散らせたりする定番のひとつ。泡の動きを表現したアニメーションの作り方をメモしておきます。// // 1.新規ファイルを用意する600×400px、フレームレート30のステージを用意...
CSS displayプロパティの使い方まとめ
CSSで使用する「displayプロパティ」について、おさらいをかねてまとめてみました。 display: inline; display: block; display: inline-block;...
CSS CSS「absolute」で真ん中寄せにする
横幅が2000pxなど、かなり大きな画像をトップのメインで使いたい場合など、イメージを常に真ん中に持ってきたい場合など、ディスプレイサイズに関係なく背景画像を真ん中に配置したいときなどにCSSの「ab...
jQuery 何かと便利な「Slider.js」
ピックアップ記事など、画像と文章をひとつの記事とした、スライドギャラリーを作りたいと思ったので、何かと便利な「slider.js」をちょこっとカスタマイズしてみました。デモサンプル// // 1.we...
CSS CSSから別のCSSを読み込む方法
複数のCSSをWebサイトに利用する場合、<head>内で全てを読み込むように記述するとコードが煩雑になってしまうことがありますが、CSSに用意されている機能で、別のCSSをまとめて読み込む場合などに...