最近の覚書やメモ

Web 制作に関する個人的な覚書やメモです。記事中の内容やコード等には、誤りなどもある可能性があることをご了承ください。また、内容を利用される場合は、あくまでもご自身の責任においてご利用ください。

New Web 制作リファレンス
もう少し整理された形式のWeb制作参考資料です。

jquery JavaScript で重複のない乱数を生成する

2013年4月26日

重複のない乱数を生成して配列に格納して返す方法。 パラメータに生成する乱数の数を受け取り、重複のない整数の乱数を発生させ、配列に入れて返す関数を作成。例えばパラメータに 10 を指定すると 0 から 9 の間の10個の重複のない整数をランダムに生成する。 パラメータ count の数だけ乱数を発生させる。 Math.random()で取得した値に「count…

続きを読む

htmlcss テキストのインデント幅の指定

2013年4月26日

テキストの最初の行のインデント幅を指定するには、「text-indent」プロパティを利用する。 指定する値は「長さ」または「パーセンテージ」で指定し、マイナスの値も指定可能。 マイナス値を指定してボックスの外にはみ出した部分の表示は、「overflow」プロパティで制御する。 以下の例の場合、クラス「indented」を指定した p 要素の最初の行は「1e…

続きを読む

jquery インデントする長さを、jQuery を使って動的に変更する

2013年4月26日

以下のように CSS でテキストのインデント幅の指定をして、2行目以降の位置をそろえる場合に、インデントの長さを動的に変更する方法。 記述方法はその要素に「indentx」というクラスを指定し、インデントする文字幅に指定する文字列の後に「|」を記述する。 例:(p 要素の後に改行を入れると、インデントする文字数が1文字増えるので注意) 実際の表示: (注意)…

続きを読む

htmlcss CSS3「rem」/ フォントのサイズ指定

2013年4月26日

ベースフォントとして html に「%」を使ってサイズを指定 html 要素にフォントのサイズ(ベースフォント)を一つ定義して、すべての子要素を「rem」で定義する。 フォントサイズを指定したい要素に対して、12px で指定したい場合は、「font-size: 1.2rem;」と記述する。 サポートしていないブラウザに対しては最初に「px」を指定し、その後に…

続きを読む

htmlcss 引用文(blockquote 要素)を画像を使って装飾

2013年4月26日

引用文として定義するには blockquote 要素を使用する。 blockquote 要素はブロックレベル要素だが、直接インライン要素をやテキストを含むことができないので、p 要素などの他のブロックレベル要素を含まなければならない。(HTML5ではブロックレベル要素とインライン要素の分類はない) WordPress では、blockquote 要素を記述す…

続きを読む

wordpress URLを出力する際に bloginfo() に代わるテンプレートタグ

2013年4月25日

bloginfo()の以下のパラメータを使うのに代わる推奨されているテンプレートタグ。 (get_bloginfo() でも同じ) bloginfo()に代わるテンプレートタグ bloginfo()パラメータ (get_bloginfo()) 推奨されているタグ 意味 ‘wpurl’ echo site_url($path, $sch…

続きを読む

wordpress 個別ページで前後の投稿にリンクする関数

2013年4月25日

個別ページで前後の投稿へのリンクを出力するには、以下の関数を利用できる。 previous_post_link/next_post_link 関数 パラメータ:フォーマット、リンク、同一カテゴリー限定、除外カテゴリー 戻り値:なし 利用可能箇所:投稿の個別ページのテンプレート(single.php) パラメータを一切指定しない場合 「« 前の投稿…

続きを読む

wordpress 編集用リンクを出力する edit_post_link

2013年4月23日

現在の記事の管理画面へのリンク(編集用リンク)を出力するには、edit_post_link() を使用する。 ユーザが管理ページにログイン済みで編集権限がある場合のみ編集用リンクが表示され、ログインしていない場合や、編集権限がない場合は表示されない。 Codex にはループ内で使用しなければならない( It must be within The Loop. …

続きを読む

wordpress 囲み型ショートコードの作成

2013年4月22日

囲み型ショートコードはテキストを囲むようなタイプのショートコードで、以下のように記述する。 [ショートコード名 パラメータ=’値’, パラメータ=’値’…] テキスト [/ショートコード名] 囲み型ショートコードの関数の作成 囲み型の場合、以下の2つのパラメータが渡される $atts:ショートコード…

続きを読む

wordpress 記事が属するカテゴリーとタグを表示

2013年4月22日

記事が属するカテゴリーは the_category() で、タグは the_tags() で出力することができる。 「CATEGORY:カテゴリー名 | TAG: タグ名」という形で表示する例 複数のタグやカテゴリーを表示するときは「,(カンマ)」で区切るように指定する。 また、カテゴリーやタグを指定せずに投稿を保存した場合、 「カテゴリー」は初期状態で用意…

続きを読む