Tips

前後の投稿一覧ページのリンク〜WordPress

前後の投稿一覧ページのリンクは「前後の投稿記事にリンク」と似ていますが別物です。こちらは投稿の一覧ページなどで1ページに複数の投稿を表示して、表示しきれないページを呼び出すためのものです。1ページの表示件数は設定で変更できます。 記述は以下のとおりです。 next_posts_link( ) pre  >>続きを読む

前後の投稿記事にリンク〜WordPress

投稿ページを個別に表示した場合、次の記事を表示したり、前のページを表示するためのリンクが必要になります。 テンプレートタグは次のとおりです。 前の記事 previous_post_link() つぎの記事 next_post_link() パラメータの使い方がややこしいのでまとめます。 引数をすべて  >>続きを読む

日付と時間〜PHPとJavaScriptの記述方法

JavaScriptとPHPを使っていると日時表示の方法がごっちゃになってしまいます。 それでまとめました。 PHPでの日付と時間の表示 PHPで日付や時間を取り扱うにはdate()かstrftime()を使用します。 date(書式[, タイムスタンプ]) strftime(書式[, タイムスタン  >>続きを読む

BMI測定〜PHP課題

スマートフォン用サイズでBMI測定のページを作成しましょう。 PHPを使用して入力フォームに身長と体重を入力してもらい、BMIを算出する仕組みを作成します。 BMIは次の式で求められます。 BMI=体重/身長^2 入力フォームはinput type=”text”で作成します。  >>続きを読む

isset()の使い方〜PHP

PHPでformからデータを受け取って何かする場合、たいていの入門書はisset()を使用してデータの有無を判別しています。 けれども、isset()はちょっとくせものですから気をつけましょう。 PHP マニュアルではissetの説明は次のようになっています。 isset — 変数がセットされている  >>続きを読む

リキッドと固定を組み合わせた2カラムレイアウト

2カラムのレイアウト作成 2カラムレイアウトで基本的なレイアウトを作成する例です。固定幅の場合と可変幅の場合、そして固定幅と可変幅の場合をそれぞれ紹介します。 固定幅の場合 これはfloatで2カラムにしたものです。ボックスモデルの計算を正しく行って作成するだけです。 サンプル HTML <d  >>続きを読む

box-sizingについて〜CSS3

box-sizingの値は次のようになっています。 content-box パディングとボーダーを幅と高さに含めない(初期値) border-box パディングとボーダーを幅と高さに含める content-boxは現状のボックスモデルに従った幅を表します。一方border-boxの方は古いIEの解釈  >>続きを読む

パスワードのハッシュ化〜PHP

パスワードの保存 なんらかの認証を行う場合、ユーザーにパスワードを入力してもらい、その値とあらかじめ用意していた正解のパスワードと比較をして正しければ認証は成功しますし、正しくなければ認証に失敗します。 ここで問題がおこります。安全に正解のパスワードを保管するにはどうすればよいかということです。 パ  >>続きを読む

Web Fontのダウンロード〜webfont-dl

Web Fontを使ったら気に入ったものがあったので、Illustratorでも使用したい、けれどもどうしたらいいのか?などと質問が出たりします。 その場合にはWeb Fontをダウンロードする必要があります。 *Web Fontを使用するときはライセンスによる指示に従う必要がありますので、その内容  >>続きを読む