rootを使った変数のやり方メモ 2021.02.25 rootを使った変数のやり方メモ。/* ここが変数の格納場所 */:root { --my-background: #000;}/* var()で変数を代入 */#foo { background-color: var(--my-background);}
【JQuery】一定距離をスクロールしたらクラス名を代入する 2021.02.16 一定距離をスクロールしたら特定クラス名に別のクラス名を代入するサンプル。例えば、スクロールを100pxしたらヘッダーを固定するとかに使える。jQuery(window).on("scroll", function($) { if (jQuery(this).
【JQuery】画面の高さを取得して、任意の要素に代入する 2021.02.16 よく使うけど、いつも忘れるので。var h_wrap = $(window).height(); $('div#sample').css('height',h_wrap+'px');
【JQuery】スクロールしてヘッダーを途中から固定させるJavaScript 2020.12.07 よく使うけど、度々調べてるので、メモ。JavaScriptvar nav_pos = $("header").offset().top;var nav_height = $("header").outerHeight();$(window)
fontawesomeのフリープランのアイコンをcssの:before/:afterで挿入する方法 2020.12.04 いつも忘れるので、自分用メモ。::before{font-family: "Font Awesome 5 Free"; content: '\f1d8'; font-weight: 900;}参考サイトGoogleのマテリアルアイコンを使用する場合はこちら。
codocの投げ銭が外部で動くのかのテスト。 2020.03.19 codocのコンテンツ内を販売・課金できるツールはWordPressでもプラグインがあるので使用可能になってるが、投げ銭はプラグインに入ってなかったので、できるのかテスト。やり方は下記を参照。できあがったJSとかを記事内に埋め込み。※ビジュアルリッチエディター
Contact form 7の都道府県（英語）の選択肢のコピペ素材 2020.03.18 Contact form 7の都道府県の選択肢のテンプレートは探せばあるけど、英語版がなかったので、自分用メモ。 日本語版参考：https://www.iscle.com/web-it/wp/contact-form7.html 英語版
WordPressで詳細記事の前後リンクを同一カテゴリ内にする方法 2015.03.19 自分用メモ。WordPressで詳細記事の前後リンクを同一カテゴリ内にする方法を探していて見つけたので、UPしておきます。基本的な形<?php previous_post_link(); ?><?php next_post_link(); ?>同一
WordPressの記事内の最初の画像を出力する方法 2015.03.09 自分用メモ。記事の投稿時にアイキャッチ画像を登録すればいいんですが、それではなく記事内の最初の画像を出力するほうが楽な場合があります。このコードで出力できます！【function.php】function first_catch_image() { global $post,
iPhone6・iPhone6 PlusのCSSハック 2014.10.28 iPhone5までは幅320pxで調整出来ましたが、iPhone6・iPhone6 Plusになって幅が大きくなったためそのためのCSSを入れないといけません。参考より、こちらで対応できます。/* iPhone6のみ */@media screen and (min-width: