とぱーず

楽天

楽天 PC商品ページ キャッチコピーと商品名の間を<br>を追加せずに改行する

楽天のPC商品ページ・プレゼントページで、デフォルトではキャッチコピーと商品名がつながって表示されてしまうので、つながらないように表示させるためにキャッチコピーに<br>を追加しているかと思います。 cssをちょこ...
楽天

楽天 PCページの右にスクロール追従バナーを設置するには

楽天で、左右どちらかや両方に、スクロールしてもずっと同じ位置にバナーがあるお店がありますよね? 今回は、そのバナーの設置コードをご紹介します。 セールの時などに使えるので、便利ですよ♪ ...
jQuery

WordPressでjQueryが動かない時は

先日初めてwordpressでjQuery関連の記事を書く際、コードをそのまま入れてみても動かすことができず、四苦八苦。 表示されているページのソースを見直して、思い当たるものをひとつひとつ確認してみました。 jQu...
jQuery

ページトップへボタン

jQueryを用いたページトップへのボタンの作り方です。 こちらも最近のサイトにはよく実装されています。 ページを下へ1画面分スクロールするとボタンが表示され、戻ると消えるようになっています。 このサイトでも右...
jQuery

タイムセールなどで使える!カウントダウンタイマー

ネットショップでよく行われているタイムセール。 その時に使えるjQueryのカウントダウンタイマーの作り方です。 動作サンプル 残り 0時間0分0秒 2020/08/12 12:00:00まで jQuery...
jQuery

ページ内リンクへのスムーススクロール

通常、ページ内リンクをクリックするとパッとその場所へ移動します。 最近のサイトには導入されているものが多い、スクロールするように移動する機能を追加するjqueryコードです。 動作サンプル 下に移動します ...
WordPress

WordPressで複数カテゴリを選択した投稿でのパンくずリストに表示されるカテゴリの優先度を指定する

ワードプレスでは、デフォルトではカテゴリ名順に優先順位が決まるため、表示をさせたいカテゴリにならないことがあります。 ここで使用させてもらっているワードプレステーマ「Simplicity」でも同様でした。 検索し...