フォームのEFOの基本とデザイン
フォームは資料請求などを行うページで、氏名や住所を記入してもらうために用いられます。 このフォームが入力しにくいことで、ユーザーはストレスを感じページの離脱に繋がるため注意が必要で、CV(コンバージョン)をしてもらう為に …
コピペでできる空白の場合背景色が変わるPardotのフォーム
Pardotには、ドラッグ・アンド・ドロップでフォームやキャンペーンのなどの専用ページを簡単に作成できる機能が備わっており、HTMLやCSSなどの知識がない人でも簡単にフォームを作成できます。 フォームの作り方は、フォー …
全ての固定ページの一覧を出力
固定ページをリンク付きで一覧表示させることができます。 任意の形やスタイルで固定ページ一覧を出力するには、必要に応じてwp_list_pages か、 get_pages の関数(テンプレートタグ)を使います。 …
HTMLとCSSとJSのコピペでできるカルーセル・スライダーのデザイン3種_その2
カルーセルは、画像などの複数の項目をスライドさせることで、メインで表示する項目を切り替えることができる仕組みで、限られたスペースで展開するのに便利なUIです。 今回は、HTMLとCSSとJSのコピペでできるカルーセル・ス …
A/Bテストが気軽に無料でできるGoogle Optimizeの特徴と設定方法
A/Bテストは、WEBサイトや広告の画像をAとBの2つを用意して「どちらの方が良い成果を出せるのか」ということを目的として実施をし、その得られたデータを基にユーザーがCVしやすいLPや、広告の最適化を行います。 具体的に …
画像の出力
プラグインのAdvanced Custom Fields (略してAFC)を使用して、画像フィールドを出力する場合、返り値によって画像の表示方法が異なります。 目次画像のURLとaltで出力画像IDで出力カスタムタームに …
フィールド値の出力
プラグインのAdvanced Custom Fields (略してAFC)を使用して独自のフィールドを用意することで、カスタムフィールド自体は管理画面で作成し、その出力のみを記述するだけで良くなるため、簡単に機能を拡張す …
jQueryでGoogle Analyticsのイベントトラッキングの簡単な設定方法
Google Analyticsのイベントトラッキングを設定すると、リンクのクリック数などユーザーの行動を計測することができるようになり、サイトの分析がはかどるだけでなく、ページのPDCAを早くすることができます。 今回 …
ドロップダウン形式でカテゴリー一覧を出力
wp_list_categories の関数では、カテゴリーをリスト形式で出力しますが、カテゴリーが多い場合出力が縦に長くなります。 この事象を避ける為に、wp_dropdown_categories という関数を使って …
日付の出力
WordPressループで個々の投稿を出力する際、投稿を書いた日付を出力する時に the_time や the_date という関数を使って日時を出力することができます。 目次投稿日時の時刻の出力パラメータを付けて投稿日 …