JQuery 【WordPress】自分のサイトにQRコードを作れるページを QRコードを作れるようにするします。 Google Chart APIを使うと、とっても簡単。以下のコードをコピペするだけでできちゃいます。 jQuery(function($){$('#create_qr').... 2021.04.23 JQueryWordPress
HTML 【WordPress】Instagramのウィジェットをサイドバーに表示させる Instagram のウィジェットは、FacebookやTwetterのように公式に提供されていないので、外部サービスをつかったりすることが多いみたいです。 そこで、APIからデータを取得して自前でHTMLを生成する方法を試しました。... 2020.11.25 HTMLJQueryPHPWordPressウィジェット開発
JQuery [WordPress]Ajaxで画像を送受信 Ajaxで画像を送受信する方法。 なかなかに手こずったのでメモ。 まずは、page.phpなどにいれておくHTML。 つぎに、function.phpなどに以下を。 JSをmyscript.jpというファイル名でfuncti... 2020.04.28 JQueryWordPress
JQuery Master Slider でページボタンをオンマウスで表示する スライドショーのプラグインとして、とても使い勝手のいい、Master Sliderを使っているのですが、左右にスライドさせるためのボタンが大きくて、肝心のバナーを隠してしまっているので、マウスポインターが上に来た時だけ、常時させるようにする... 2017.03.22 JQueryWordPress
JQuery JQuery リンクのHover時のデザインいろいろ リンクタグの上にマウスを載せた時に、CSSだけではなく、JQueryでそれっぽくリンクを主張するいろいろ。 オンマウスで文字の色とリンクの背景を反転させる 色をanimateするには、JQueryUIが必要です。なので、... 2016.07.15 JQueryWordPress
HTML [JQuery] スクロールでTableのヘッダをシンプルに固定する(レスポンシブ対応) 行数の多いテーブルだと、スクロールしていくとヘッダ部分が消えてしまうので、固定したいときがあります。sそんなとき、なるべくシンプルにコーディングするには、固定用のテーブルを別に用意したほうがシンプルに済みます。 こんな感じで。 ... 2016.06.14 HTMLJavaScriptJQuery
JavaScript [JQuery] input要素のdateタイプの値を計算する たとえば、こんなふうに2つのdateタイプのinput要素があって、その期間を計算する方法です。 JQueryのスクリプトはこんな感じ。 setDate関数を作って、その中で計算しています。 日付のフォーマットは、... 2016.04.05 JavaScriptJQuery
HTML JQuery URLのパラメータで、Formのselect要素を選択する URLのパラメータで、Formのselect要素を選択する方法です。 たとえば、 のようにして、ccパラメータで選択する項目を指定した場合、JQueryを使って、次のようにしてselect要素に反映させることができます。 HTML... 2016.02.16 HTMLJavaScriptJQuery
JQuery 画面上に表示されたら、じわっと、ふわっと表示される 左からふわっと表示されるあれです。 jquery.inviewプラグイン まず、画面に表示された時のイベントを得るために、jquery.inviewプラグインを導入します。 こちらからダウンロードして、任意のフォルダに保存します。 ... 2016.02.04 JQueryWordPress
CSS マウスオーバーで半透明にする アンカータグをマウスオーバーしたときに、要素を透過にして、半透明な感じにする方法 opacityは、0.5で透明度50%。1を指定すると、100%で透過なしになります。0を指定すると完全に消えてしまいます。 filter... 2016.02.02 CSSJQuery