Web Design Leaves

親メニューをクリックすると、それに属するサブメニューをスライドアニメーションで表示するメニュー。 ul 要素を入れ子にして、ツリー構造を記述 例：親メニュー「News」をクリックすると、そのサブメニュー「Events」、「Activities」がスライドアニメーションで表示される。 「+」「-」「■」の3つの画像を用意。 親メニュー（div.parentme…

続きを読む

プラグインを使わずに、jQuery を使って簡単なスライドショーを行う方法のメモ。 シンプルなスライドショー そのページにアクセスすると自動的にスライドショーを行う単純なもの。 サンプル１ 基本的な構造 最初に表示する写真とそのタイトルを HTML に記述。 スライドショーで表示する写真のファイル名と情報をカンマ区切りで、非表示に指定した div 要素内に …

続きを読む

ネットワーク機能を使ってマルチサイトにして、1つのサイトの言語を「英語」、他を「日本語」に設定した場合等の2ヶ国語化する際のメモ。 目次 おおまかな流れ 多言語化ファイル（.po と .mo）を作成する。 functions.php で load_theme_textdomain()を 使ってテーマ用のmoファイルをロードする。 __()と_e()を使って翻…

続きを読む

Google Web Fonts をタイトルのロゴに使用しようとしたが、ブラウザによっては文字がきれいに表示されない。自分の Windows の環境では Firefox と IE ではきれいに表示されるが、Chrome、Safari、Opera では、文字の周りがぎざぎざしていてちょっとそのまま使用するのは難しい。 検索したところ、CSS3 の text-s…

続きを読む

WordPress でユーザーがログイン済みかを判定するには is_user_logged_in() を使用する。 ユーザーがログインしているかどうかで処理を分けたい場合などに便利。 例えば、ログインしているユーザーのみにあるコンテンツへのリンクを表示する場合など。 以下の例は、 ログインしているユーザーのみに表示するカテゴリー（usage）を作成 このカテ…

続きを読む

301リダイレクトを利用 「www あり」で運用するのか、「www なし」で運用するのか。 どちらにしても、301リダイレクトを利用しどちらかに統一するようにする。以下は「Google ウェブマスターツール」からの引用。 「www あり」に統一する場合は、以下を「.htaccess」ファイルに記述。（example.com の部分を自分のドメインに変更） R…

続きを読む

jQuery の position(), animate() メソッドを使用する際のメモ。 画像などを最初は非表示にしてその後表示するような場合、css の display プロパティを「none」にしておいて fadeIn() や show() などを使うことで可能だが、animate() メソッドの場合、css の display プロパティを「none…

続きを読む

ページの内容が多くなった場合などに、各見出しタグ（h1～h6）へのリンクのリストを jQuery を使って動的に生成する方法。 概要 リストとそれを表示する領域を ul 要素と div 要素で生成し、表示する位置へ配置（prependTo）。 見出しタグ（h1～h6）要素のラップ集合「$(‘:header’)」のそれぞれの要素を調べる…

続きを読む

省略可能な引数を持つ関数を定義する場合は、省略された引数に適切なデフォルト値が設定されるようにする。この時パラメータの数が多い場合では、最後のパラメータのみを指定したい場合など、省略するパラメータ全てに「null」のプレースホルダーを使う必要が生じる。 このような場合、オプションのパラメータをオブジェクトで指定するとわかりやすく、またプレースホルダーも不要に…

続きを読む

JavaScriptは引数のデータ型をチェックしないので引数のデータ型を確認するには、typeof()演算子でチェックする。 JavaScriptは引数の個数もチェックしない。必要な個数より多かった場合、余分な値は無視され、少なかった場合はその部分の値は 未定義値とみなされ、関数の振る舞いがおかしくなる可能性がある。 関数は任意の個数の引数を使って呼び出せる…

続きを読む