WordPressで記事を取得するためのテンプレートタグ「」について見ていきましょう。 「get posts」では、引数として渡すパラメータに基づいて投稿データの配列を作成することができるため、ランダム記事の一覧やカテゴリー関連記事一覧といったものを表示する際に活用できます。 「get posts」テンプレートタグ...

フォーム入力などで文字数制限がある場合、入力している時に現在の文字数がリアルタイムで表示されると非常に親切です。 ここでは、についてみていきましょう。 文字カウンタースクリプト関数 対象の文字数をリアルタイムにカウントする関数は、以下のような記述となります。 引数に対象となる要素名を引き渡すことによって、その対象...

WordPressで、新しくウィジェットエリアを追加する方法をご紹介します。 最初に外観メニューに「ウィジェット」の項目が無い場合も、１つ以上ウィジェットエリアを追加した時点で表示されるようになります。 ウィジェットエリアを追加する記述 function.phpの記述例 ...

サイトの動線の要であるグローバルナビ。 グローバルナビを最初からページ上部に固定する場合には、単純にスタイルシートで「」を指定するだけで実現できます。 しかし、ヘッダーが大きい場合やスライドショー下にナビゲーションが来るデザインの時は、最初から固定しておくのではなく、スクロールの途中でページ上部に固定・解除を切り替...

よく、WEB初心者の方で という相談を受けます。 ここでは、スタイルが存在しているのにデザインが適用されない場合の対処法について見ていきましょう。 デザインが反映されない原因 追記するファイルが間違っている まず考えられるのが、追記する場所の間違いです。 WEBサイトでは、<header><...

WEBサイトのデザインを調整している時、 とお困りのことはありませんか？ スタイルシートが適用されない場合は、 スタイルの優先順位が低くないかを確認し、 適用される順位での記述方式に変更することでデザインが反映されるようになります。 ここでは、色々なパターンのCSS優先順位について見ていきましょう。 書く場所...

GoogleChromは、Googleが提供するブラウザなので、があることで知られています。 WEB開発時において「Google先生」と呼ばれるほどに検索エンジンGoogleが主流として使われており、「ブラウザもGoogleのものを・・・」とです。 GoogleChromには、標準で「ディベロッパーツール」と呼ばれ...

MacOSやiPhoneをお使いの方は、標準ブラウザとしてSafariを使うことが多いでしょう。 Safariを使って自分のサイトをカスタマイズする時は、「」メニューを使うことで、サイトの表示確認を行いながらカスタマイズを行ったり、挙動不審の時にどこに問題があるのかをプログラムを見ることによって解決したりといったこと...

ページを閲覧した人が、どの場所で離脱しているのかを調べる際に便利なjQueryプラグイン「」。 「Scroll Depth」では、離脱箇所をピクセルとパーセンテージの２種類で確認することができます。 デフォルトのプラグインでは、パーセンテージは25%刻みで認識しますが、より本格的なWEB改善を行うためには、20%刻...

WEBサイトの解析を行う時、 を知ることができれば、改善すべき箇所がより的確にわかるようになります。 通常は、ユーザーがどこまで読んでいるかを知るためにはを使う必要がありますが、多くのヒートマップツールは有料かつ利用にPV数制限などがあり、本気でWEB改善をしたいと考える方にとっては非常にコスト的なハードルが高いツー...