忍者ブログ
26 April

[PR]

×

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

09 April

imgタグのsvgをcssで変更できるようにするjquery

ありがたい解説サイト

https://pgmemo.tokyo/data/archives/1025.html
ーーーーーーーーーーーーーーーーー

 <script src="//cdn.jsdelivr.net/npm/desvg@1.0.2/desvg.min.js"></script>
<script>
window.addEventListener('load', function(){
  deSVG('.desvg', true);
});
</script>

<img class="desvg" src="◯◯◯.svg">
PR
07 January

zenlogic phpの反映が遅いクソサーバー

https://moralhazard.jp/2019/01/26/zenlogic_opcache/
https://it-trouble.help/zenlogic%E3%82%B5%E3%83%BC%E3%83%90%E3%81%A7php%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E5%A4%89%E6%9B%B4%E3%81%8C%E5%8F%8D%E6%98%A0%E3%81%95%E3%82%8C%E3%82%8B%E3%81%AE%E3%81%AB%E6%99%82%E9%96%93/

WPのphpコードを書いて更新しても反映されない
コードはあってると思うのに反映されない
何度かやってみたら反映が遅いことがわかった

zenlogicとかいう色々設定がが使いづらいクソサーバーなのでキャッシュ設定の可能性があると思い調べたら、上記サイトが出てきた
キャッシュ解除?みたいなコードをhtaccessに書く方法があるらしいが、なんかエラーでたとか
書いてあったので他人の稼働済みサイトのため試してません

前に作成したときはこんなキャッシュなかったんだが、私は全く詳しくないのでzenlogicが設定を変えたのかphpのverのせいなのかは分からない
とにかくzenlogicでWPコーディング案件があったらまず死ぬね
プログラムに明るくないので間違ってるのかキャッシュなのかすぐに分からないから困る。

これがWP構築だったらtheme作りが進まない。時間が余計にかかる。イライラする
zenlogicはクソサーバーなので使わないほうがよい
05 September

アップグレードで使えなくなる可能性があるプラグイン

WP5.5からの全部jqueryのエラーだとおもう

Responsive Menu
ダウングレードで対応
中身が表示されなくなる。

Easy Table of Contents
「自動挿入」にすると何故か下部にもでてきて2つ目次が表示される
自動無効化の上、ショートコード埋め込みで治る
だが今度は目次をクリックしてもアンカーリンクで飛ばない

「自動挿入を無効化」するとh2などの中にアンカーリンクのためのspanとclassが挿入されない。
自動挿入ってそういうことなの?目次を入れる場所が自動って意味じゃないの?
超意味不明

「自動挿入有効化」でアンカーリンクは飛ぶようになるが、クリックするとシンタックスエラーがでる。検索するとアンカーリンク飛ばしの書き方が原因らしい
https://hacknote.jp/archives/18569/

プラグインの中身をみたけどわからないので直せません!

よくみるとsingle.php内に配置したcontet blockの中になぜか呼び出されている…
content blocks内に「the_content();」があるから?
目次プラグインのコードの判定が色々甘いっつーことなのか
26 August

ターム系に関する書き方

WordPress:タームのアーカイブページで、タイトルやスラッグなどの各種情報を取得・表示する方法
※タームの基本的な情報取得方法
このサイトの人は超わかりやすいので、いろいろ参考になる記事がたくさんある
https://www.nxworld.net/wordpress/wp-get-and-display-various-information-on-term-archive-page.html


WordPress タームの取得と表示方法
この方の記事もわかりやすい。素人がわからん点をちゃんと書いてくれる
※神すぎる。いろんなパターンがのっていてコピペでいける。
https://hirashimatakumi.com/blog/164.html


※タームにACFを設置して取得する方法

カテゴリやタームに紐づけたカスタムフィールドを取得し、表示する
https://100webdesign.jp/services/wordpress/wp_result/wp_result-391/

Advanced Custom Fields で登録したタームのフィールド値を取得する方法
https://hirashimatakumi.com/blog/1365.html



※ターム一覧表示方法

WordPress ターム一覧とそのタームに紐づく投稿一覧の表示方法
https://hirashimatakumi.com/blog/4147.html

WordPress で get_terms を使ったターム一覧の表示方法
※ターム一覧にcurrentをつけたいときの方法も載っている
https://hirashimatakumi.com/blog/5509.html



※foreachにエラーが出る (array)を足す
foreach((array)$data as $value){
  ...
}
https://qiita.com/takuma-jpn/items/678876ad12b9ae9998ac




複数カスタムタクソノミー横断で、同一タームの記事の一覧を取得する
https://100webdesign.jp/services/wordpress/wp_result/wp_result-187/






22 August

要素をフィルター ソートするプラグインckFilter.js

ckFilter.js 日本語解説
https://voyager-jp.com/blog/jquery/ckfilter/
DLページ
https://www.jqueryscript.net/other/Filter-Plugin-jQuery-ckFilter.html

単体フィルター/複数カテゴリー持ち
自分が求めてるものがなくやっとみつけたもの
Githubページが404…どっかの海外のページでデータがあってDLできた
これがなかったらおわってた。なんのサイトかわかんないけど窓の杜っぽいやつなのか?
ちゃんと動いた
私でも設置出来たということは難しくないということ



だいたい10分で実装できる!CSS3とjQueryで絞り込みアニメーション作ってみた
https://www.webprofessional.jp/building-a-filtering-component-with-css-animations-jquery/

昔別件で上記を使用した
単体フィルター/単体カテゴリー持ち」ならこちらでいいんじゃないだろうか
しかし今回「複数要素持ち」であったため、改造もできない私には使えなかった


shuffle.js
https://vestride.github.io/Shuffle/

複数フィルター/複数カテゴリー持ち

検索してるとでてくるのがこれ。
おお!これこれ。と思ってzipをDLしてみると、index.htmlを開くとプログラムコードがそのままでてきた。あれ、なんで、これってプログラムのやつなのか…
公式ページをみてもよくあるファイル設置のコードとかがない

「Install」とか書いてあって
コマンドプロンプトみたいのでInstallするもうサーバー屋がやるみたいなやつなの?これは。
まじむり。Codepenのもよくわかんねーし
検索しても古い記事ばかり。古い時期のはjsを配ってたっぽい?
今じゃ使用方法が違うかも知んないし複数要素じゃないっぽい
これが使えないとかつまづいてどうしようと必死で検索して「ckFilter.js」を探し当てるが
これも元が死んでるっぽくて何なんだよ
フィルター使った分け方がはやんねーってことか


あとプラグイン名でよくあるけど超一般的単語単体で名称つけるのやめてほしい
余計な検索結果がまじりまくって探せない