ワードプレス:ショートコードで記事内に画像スライダー

画像スライダーを作るワードプレスのプラグインはたくさんあります。 でも、凝った仕様のものが多いんですよね。 自分が求めているのは、シンプルに記事内からサクッと画像スライダーを生成できるもの。 結局見つけることができなかったので、自作ショートコードにより、実装することにしました。 以下では、その手順を説明します。 必要な画像スライダーの要件 具体的には、次の要件をみたすような画像スライダーが必要です。 ショートコードとWP画像IDを書くだ

jQueryタイマーライブラリ「Countimer」の使い方

やりたいこと Rails アプリで jQuery 使ったタイマーをサクっと導入したい。 jQuery ライブラリ「Countimer」 今回使う jQuery のライブライは「Countimer」。 「Download」より、ソースコードのZipファイルを取得できる。 今回は、その中の「dist/ez.countimer.min.js」を使う。 Rails でのセットアップ 「ez.countimer.min.js」を「app/java

Rails / jQuery – PayPalフォームをJSでsubmitする

やりたいこと PayPalフォームをボタンサブミットでなく、任意のページにリダイレクトさせてからsubmitしたい 任意のページ上でカスタムパラメータを付与させる 実装例 Viewフォーム(html.slim) PayPal管理画面などから取得できるHTMLのソースコードべた張りでOK。submitボタンと画像部分だけ取り除き、代わりにJavaScriptを書く。 javascript: $(document).ready(functi

Rails / jQuery – フォームに複数の値を配列でセットする

やりたいこと イベントトリガで検索フォーム(ransack)に複数の値を配列でセットしたい。 問題点 jQueryでセットした配列が、コントローラで文字列配列となってしまう(以下参照)。 パターン① html.slim = f.hidden_field :status_id_in, mutiple: true js.slim var var_1 = 1; var var_2 = 2; $(‘#q_status_id_in’).val([