カテゴリー: ホームページ制作

カテゴリー: ホームページ制作

2016.10.13

• WordPress 4.7のWP_Hookは$wp_filterを直接変えるcodeから見直す

• WordPress 4.7では$wp_filterの内部構造がWP_Hookへ変わります。直接の配列操作をadd_action、add_filter、remove_action、remove_filterへ置き換える理由を解説します。

2016.10.04

• WordPress 4.7のCustomizerは独自panelを使うthemeで見た目より先に動作を確認する

• WordPress 4.7ではCustomizerのpanelとsectionの内部構造が変わります。独自のJavaScriptやCSSを使うthemeで確認する場所を解説します。

2016.09.04

• WordPress 4.6のresource hintsは外部サービスを増やす前に読み込む先を絞る

• WordPress 4.6のresource hintsは表示速度を約束する設定ではありません。外部フォントや地図などを使うページを整理し、必要な接続だけを選ぶ手順を解説します。

2016.08.13

• WordPress 4.6のCustomizer validationはsanitizeと入力エラーを分けて扱う

• WordPress 4.6のCustomizer validationは、保存できない入力を通知します。sanitize callbackとの役割、複数設定を保存する前の確認を解説します。

2016.08.10

• WordPress 4.6のWP_Term_Queryはcategoryとtagを取る条件を先に分ける

• WordPress 4.6のWP_Term_Queryはcategoryやtagなどのtermを取得する仕組みです。表示したいterm、取得条件、theme側の出力を分けて確認する方法を解説します。

2016.08.01

• WordPress 4.6のCustomizer media controlは独自CSSを替える前に表示対象を分けて確認する

• WordPress 4.6ではCustomizerのmedia controlのmarkupとCSSが整理されます。独自controlを持つthemeで、変更前に確認する表示対象とCSSを解説します。

2016.07.16

• accesskey属性は主要な操作の代わりにせず補助する操作へ限定する

• accesskey属性は、主要なlinkやbuttonを置き換えるものではありません。補助する操作へ限定し、keyの重なりと案内方法を確認する考え方を解説します。

2016.07.13

• spellcheck属性は誤字を直す仕組みでなく入力内容を補助する範囲で使う

• spellcheck属性は、利用者が入力した文章の確認を補助します。trueとfalseの違い、入力欄の用途、事業名やメールaddressの確認と分ける考え方を解説します。

2016.07.10

• dialog要素は利用者に終えてほしい作業が一つに定まる場面で使う

• dialog要素は、利用者に一つの作業を終えてもらう場面へ使います。本文、別page、重ねて表示するdialogを分け、実装前に決めることを解説します。

2016.07.04

• inputmode属性は入力内容が決まったfieldへだけ指定する

• inputmode属性は、form fieldで想定する入力方法をbrowserへ示す属性です。input type、入力内容、server側の確認を分け、問い合わせformで使う判断を解説します。

2016.07.01

• translate属性は翻訳しない固有名と通常の文章を分けて指定する

• HTMLのtranslate属性は、翻訳しない固有名と通常の文章を分けて示す属性です。lang属性、多言語page、翻訳対象から外す語の役割を分けて解説します。

2016.06.28

• autocomplete属性はformの必須入力を決めるのでなく各fieldの用途を示す

• autocomplete属性はform fieldの用途をbrowserへ示す属性です。label、name、required、server側の入力確認と役割を分け、問い合わせformで使う考え方を解説します。

2016.06.25

• 外部linkでURLを渡したくないときはnoreferrerとReferrer Policyの範囲を分ける

• 外部linkで移動元URLを渡したくない場合、noreferrerは個別link、Referrer Policyはdocument全体のReferer headerを扱います。linkの目的とURLの扱いを分ける方法を解説します。

2016.05.22

• WordPressのauthor templateはプロフィールと投稿一覧を分けて表示する

• WordPressのauthor templateは、投稿者ごとのauthor archiveを表示するtemplateです。プロフィールで扱う情報と記事一覧を分け、author-nicename.php、author-id.php、author.phpの優先順を確認する方法を解説します。

2016.05.19

• WordPress Customizerのsanitize_callbackは設定画面の入力形式ごとに決める

• WordPress Customizerのsanitize_callbackは、設定画面へ入力した値を保存前に扱うためのcallbackです。表示するinputと保存する値を分け、URL、色、数値、選択肢の確認方法を解説します。

2016.05.16

• button要素のtypeは送信か入力の消去かJavaScript操作かを先に決める

• HTMLのbutton要素は、typeを省略すると送信buttonになります。送信、入力の消去、JavaScript操作を分け、問い合わせformで意図しない送信や入力消去を防ぐ実装と確認方法を解説します。