2022-11-01から1ヶ月間の記事一覧
anyenv,nodenvをMacに設定するときにパスでだいぶはまった時に下記のサイトに助けられました! 感謝です! Mac > anyenv,nodenvをMacに設定 - Qiita
例えば、modal.jsというjsファイル内で画像のパスを書きたいとします。 1. を変数に代入 jsコードの中でが使えないので、jsファイルの前でを変数に代入します。 <script> let path = '<?= get_template_directory_uri(); ?>'; </script>
_base.scss @use "color" as c; @use "font" as t; //mean type // base layout variables $width_pc: 1536px; $sideMargin_pc: 80px; $width_sp: 768px; $sideMargin_sp: 20px; // tablet width $width_tab: 900; // margin size $margin_s: 40; $margin_m-…
WPでソートをランドにしたら、ブラウザによってキャッシュが強く残り、固定表示の様になってしまった時に下記をhead内に記述することで、対応できたことがあります。 head内 <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> 下記のサイトを参考にさせていただきました!感謝!! www.tagindex.com 上記で</meta></meta>…
ファイル → 基本設定 → ユーザースニペット 拡張子ごとに登録をしていきます。(例:scss) scss.json "media query": { "prefix": "mq", "body": [ "@include mq($1){", "\t$2", "}", ], "description": "メディアクエリポイントの設定" }, prefix: 入力する…
行コピー Alt(option) + Shift + ↓ ユーザースペニット登録はこちら
html <ul class="tab_list"> <li class="active"><a href="#"></a></li> <li><a haref="#"></a></li> <li><a haref="#"></a></li> </ul> <div class="tab_content"> <div class="ac_content active"></div> <div class="ac_content"></div> <div class="ac_content"></div> </div> js function tab() …
$('#navi li a').click(function() { $('html,body').animate({scrollTop:0}, 'fast'); }); ↑ この書き方だと2回目以降のクリックイベントが発生しない場合、下記のように記述します。 $(document).on('click', '#navi li a', function(){ $('html,body').a…
便利機能 https://skillhub.jp/blogs/235 phpの自動フォーマット shuu1104.com 上記で設定の後に下記を設定したら保存時に整形してくれるようになりました。 qiita.com
html:リンク元 <a href="<?= get_page_link( 7 ) ?>#tab2">タブ2を開いて</a> html:リンク先 <ul class="tab_list"> <li class="active" data-tab="tab1"><a id="tab1">タブ1</a></li> <li data-tab="tab2"><a id="tab2">タブ2</a></li> </ul> <div class="tab_content"> <div class="ac_content active">タブ1コンテンツ</div> </div>
特定の場所をhover(click)したら、指定の箇所に画像を表示させる(下記の参考はワードプレス用になっていますが、htmlでも同じです。) html <p class="studio"> <a class="studio_map_img" href="<?php the_permalink(); ?>" data-img="<?php the_field('studio-floor_map'); ?>"></a> </p>