忍者ブログ
18 January

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

23 June

アンカーリンクのズレ jquery

有り難いコードをコピペする 例1
https://atelier-light.com/blog/anchor_positioning/#toc3

jQuery(function () {
    var headerHight = 100;
    $('a[href^="#"]').click(function () {
      var href = $(this).attr("href");
      var target = $(href == "#" || href == "" ? "html" : href);
      var position = target.offset().top - headerHight;
      $("html, body").animate({ scrollTop: position }, 550, "swing");
      return false;
    });
  });
  

有り難いコードをコピペする 例2
https://dezanari.com/jquery-anchor-header-fixed/

$(window).on('load', function() {
  let headerHeight = $('.l-header').outerHeight();
  let urlHash = location.hash;
  if (urlHash) {
    let position = $(urlHash).offset().top - headerHeight;
    $('html, body').animate({ scrollTop: position }, 0);
  }
});
PR
17 December

カスタム投稿タイプ 次へ前へのタイトルを出す

https://www.narugaro.com/web/%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E6%8A%95%E7%A8%BF%E3%82%BF%E3%82%A4%E3%83%97%E3%81%AEsingle%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A7previous_post-_link%E3%81%A8next_post_link%E3%82%92%E4%BD%BF/

<?php next_post_link('%link', '次へ %title'); ?>

ありがたいコード

普通のsingleでは true をいれているが、trueを入れているとカスタム投稿タイプで出力されない
06 December

Googleスピードテスト あらゆるファイル圧縮


LCPのspeed測定で重いファイルをfooterの読み込みにする
・google webfont
・all.min.css
・jqueryの元



WordPressでの表示速度とLCPの改善
https://tako3.photo/web/wordpress-lcp-hayakusiyou/

CSSに書く
.entry-content {
content-visibility: auto;
contain-intrinsic-size: 800px;
}
ありがたいコード

画像リサイズプラグインをいれる
画像圧縮プラグインはAPIキーが必要でめんどくさい



下記、なんか効かなくなったんだが…よくわからない
https://camon.tokyo/analytics-improve/speed/mod-deflate/#%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%AF_htaccess_%E3%81%AB%E6%8C%87%E5%AE%9A

<IfModule mod_rewrite.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/js application/x-javascript application/javascript
</IfModule>

上記サイトからコードをありがたくコピペ
htaccessに書くだけでスピードテストで劇的な変化がでる
ただ数値が安定せず20%ほどの幅が出る…
圧縮送信がうまくいってないときとかがあるのだろうか
よくわからない…
15 September

簡単ポップアップ

https://sdesignlabo.com/web/popupmenu/
【JS不要、コピペで1分】CSSだけで作るポップアップメニュー

ありがたいコード