Contactform7のテンプレートに以下記述をする [text datechoice id:datepicker] ソースのほうに以下記述を入れる。 <script src=”https://code.jque…

  上画像のように、Datepickerで期間を設定する場合、以下ソースのように「minDate」と「maxDate」を設定することで可能です。 イベント毎で期間が決まってる場合のメールフォーム作成時に有用です…

デザインがあがってきたとき、ファーストビューでスライダ―があって、いつものスライダ―か･･･なんて思って見てたら以下画像のようなときがあります。 こういうときは私は「FilmRoll」というjQueryプラグインを使いま…

背景を無限にスクロールさせたり、例えば何かのイベントでスポンサー様方のロゴをスクロールで表示させたりしなければいけない場合があるかと思います。 そういった時に、以下方法で実際に実装しました。 1.CSSで無限スクロールさ…

お客様から、「スライダー（bxSlider使用）でページャーやprevボタンとかnextボタンのスライドリンクを連打したら変な動きになる！」とクレームが来ました。 連打て･･･と思いつつやってみると確かに何か挙動がおかし…

お客様から、「iPhoneでスライダ―をスワイプしたら、どうもガクガクするのですが･･･」とお問い合わせを頂き、弊社iPhone8で確認したが特に問題なし。 おかしいなぁと思いつつ、お客様に聞くとどうも最新のiPhone…

Contact Form7で特定の項目のエラーメッセージを別の位置に動かしたくなることはありませんか？ない？私はあります。お客様の要望です。 何故かフォームの特定項目が、ちょっと離れた位置に存在しており、普通にエラーメッ…

アニメーション好きな人、多いですよね。 スクロールして、要素が見えたときになんか下からフェードインしてくるとか、リストで上の項目から順に現れていくとか。 個人的にはボタンでオーバー時にアニメーションとか、メインのイメージ…

ページ内リンク（アンカーリンク）は基本的に【<a href=”#link”>】といった感じで指定しますが、たまにグローバルナビやフッターのリンクなど全ページ共通箇所でリンクを指定してい…

すごいニッチな内容ですが、実際に業務にあったことで、ワードプレスで構築したサイトで各記事毎にメールフォーム（contactform7）を設置し、送信するとその記事のタイトルを含めてメールが届くといったものでした。 その際…