忍者ブログ
08 May

[PR]

×

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

04 January

SEO yoast SEOtitleの項目で半角スペースが強制的にはいる

<script type="text/javascript">
jQuery(function(){
jQuery("title").each(function(){
var str = $(this).text();
str = str.replace(/\s/g,"");
jQuery(this).text(str);
});
});
</script>

半角スペースを強制的に削除する↑


%%title%% みたいなやつから、左みたいなのを入力すると自動的にボタンに入れ替わるようになった
わかりやすくはなったが、そのタグ?ごとの間に勝手に半角スペースが入るようになった。
消して保存してもダメ。くそうぜー
なんで余計なことすんのかなー
スペース入れたいやつは勝手にいれればいいのに強制的にいれるなよ
なぜかっつーとスペースが入るとgoogleに区切りとして認識されて、検索結果のタイトルが思い通りにに出ない場合があるから。
googleが勝手に改変したりする可能性をへらすため、また文字数をスペースで消費されるため、半角スペースを勝手に入れないで欲しい
PR
28 December

safari 2回クリック押さないと動かない症状

症状
iphone safari のみ、2回クリックしないとクリックイベントが発動しない箇所がある

原因
https://on-ze.com/archives/3066

ありがてえ‥これをみつけなければ死んでた。
なぜならmacもってないから開発者ツール使えなくて検証できない
:hoverの指定が邪魔してるらしい
私はopacityじゃなかったんで、hover自体がダメっぽい




macをもっていないので、iphoneだけじゃなくてmacでそうなるかはわかない
でもipadで試してもらったら同じ挙動だったのでmacもそうかもしれない
ということでsafari以外のみhoverのcssを設定することにした
safari以外cssハックをした
safariはhoverを設定してないというcss

safariってあまりおかしくならないので気にしてなかったが、safariのみおかしくなった場合とにかくmacがないのでやばい



safari iphone
jsのアラートでチェックしてみたところ、1回目のクリックではクリックイベントとして認識されておらず、アラートが発動しなかった。2回目のクリックでアラートが発動したので、そこで初めてクリックが認識された模様。つまり1回目のクリックはhoverに阻まれていた?ような形

jsが全然わからないので、たまたまこんなことやってみようかな(アラートとかconsole.log() )とかやってみて原因追求ができた。
最初はクリックイベントを強制的にもう1回やるとかダブルクリックさせるとか、色々jsでやってみたんだが、一向に動作しないので、私の記述が悪いのかなんなのか全然わかんなかった。
しかし、1回目のクリックイベントが無効状態なら、私が書いたようなjsはそもそも発動してなかったという可能性が高いのかなあ



opacityなんて使いまくってるし、レスポンシブで画像リンクとかそのままopacityやっちゃってるけど今まで1回目のクリックで飛べないなんて経験したことがなかった
いや、そこまでiphoneで画像クリック確認してないが…
26 December

firefoxとIEで別ページからのページ内アンカーリンクがずれる

なんか前のコードでIEで強制リロードしてくんねえ
Chrome以外で正常な位置にとばねえ。あーうざすぎ。細かい客に当たるとめんどくせえ
firefoxとChromeでは、このコードで動いたがIEが全然だめ。
検索しまくってやっと原因がわかった。body締め直前に最後に実行させないとIEでちゃんと動かなかった。

ありがたいコードをコピペ
https://entrys.jp/html5/column/2289/
一番下にコードを置く
https://www.drk7.jp/MT/archives/001550.html
https://kumiko-jp.com/archives/215120.html

<script type="text/javascript">
//全て読み込んでからの処理 別ページからのアンカーリンクが正常な位置に飛ばない対策
//html内の一番下に記述しないとIEで動作しない
$(window).on('load', function() {
    var hash = window.location.hash;
    var position = $(hash).offset().top;
    function scroll(position){
      $('html, body').animate({
        scrollTop : position
      }, 200);
    }
    scroll(position);
});
</script>



http://design-ya.net/blog/2015/10/19/35/

<script language=JavaScript>
function now() {
window.location.reload(true);
}
</script>


IE11でも別ページからのアンカーリンクちゃんと飛ばなかった!!2019/10/01
そういえば忘備録に書いてあったかなーと思って検索したらあった!!
ヨカッター。そんでURLとんでみたら記事がなかった
やっぱりコードを自分のとこに引用コピペ寸の大事だな



いつもIEばっかり気にしていていたが、firefoxだけのおかしい点があった
別ページからベージ内アンカーリンクを飛んだとき、ちゃんとidの位置に飛ばなくてずれる
検索するとどうも結構昔からある症状の様子だ

治す方法は見つからず、飛んだ後、強制リロードするというscriptで対処する方法がみつかった
ありがてえ
飛んだ後再リロードすると正常な位置に戻るので、それを自動でする形。
18 December

wp 1記事目を判別してstyleや内容を変える

https://whitebear-seo.com/wordpress-newpost-conditional-branch/

複数のカテゴリー新着○件をトップに置きたかった
このままやると、カウントがリセットされなくて上手く表示されないため、
カウントリセットの方法を調べた

<?php unset($counter); ?>

ループの外に↑を置くことで、カウントの配列?をリセットできた。
これで複数のカウントをおいても大丈夫になった。
26 October

aタグの中にaタグいれたい aタグをobjectで囲う

https://qiita.com/fukamiiiiinmin/items/7412b21c6df5de31cab1

aタグ内のaタグを object で囲う

<object><a href="#">ああああああああ</a></object>


↑ありがたい引用

hoverで装飾したりするために全体にaタグをつけ、中のテキストにも
カテゴリーのaタグを付けたいとかよくある

でもそうするとソースでaタグが勝手に分割されてしまう(勝手に補完されるらしい)
中のaタグをobjectで囲うと大丈夫なるらしい