忍者ブログ
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/






PR
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」を探し当てるが
これも元が死んでるっぽくて何なんだよ
フィルター使った分け方がはやんねーってことか


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

clip-pathを用いた使い方　CSS

clip-path　ジェネレーター
https://bennettfeely.com/clippy/
今まで疑似要素とoverflow:hiddenを組み合わせたりしてたけど、位置調整とかタゲると見えてない位置のオブジェクトとか気になっていた
コレならきれいにできる。
IEもすでに対応するのやめたから使っていこうと思う


clip-pathを利用してテキストをアニメーションで表示する方法
https://digipress.info/tech/revealing-text-by-clip-path/

テキストのマスクアニメーション
なんかよくあるよね。カッコイイみたいなかんじでこれやってくれみたいな
なんか長方形の物体が文字の上を滑ってるみたいなやつとか
Animationがくそめんどくて仕方なかったんだが、
clip-pathならすごくいいかんじにできそう！まだやったことないが
IEいらねーならもう技術をいっぱい簡単にできていいよね
洗濯機が有るのにいつまで洗濯板使えばいいのっていうのがIEだから
20 August

カスタム投稿タイプ　ターム別に色分けリンク付き

オレンジ色の箇所に、タクソノミー名をいれる

 <div class="record_meta">
 <?php $terms = get_the_terms($post->ID, 'item_cat'); foreach ($terms as $term) : ?>
 <?php $term_link = get_term_link( $term, 'item_cat' );?> 
<a class="<?php echo $term->slug; ?>" href="<?php echo $term_link;?>"><?php echo $term->name; ?></a>
<?php endforeach; ?>
  </div>
01 August

Responsive Menu プラグイン　中身が表示されない　WP



3.1.30にしたら選択したカスタムメニューが表示されていない

3.1.27　に戻す
https://wordpress.org/support/topic/menu-on-mobile-now-working-at-all/

https://ja.wordpress.org/support/topic/responsive-menu%E4%B8%AD%E8%BA%AB-%E3%81%8C%E6%80%A5%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%AA%E3%81%8F%E3%81%AA%E3%81%A3%E3%81%9F/

3ヶ月の前の話なのにまだ直っていない…
プラグインをいれたら簡単だけどこんなことで表示されないとかがあるから嫌なんだよね
手書きでjqueryプラグインだけでやってたら表示されないとかほぼありえんし
2021/04/20　
現在　通常のアップグレードでWP最新5.7して、プラグインも最新にしてメニューの中身が表示されない。jqueryのバージョンかなんかの対応なんだろうけど、直す気ないっぽいから「3.1.27」いれた。昔のこのプラグイン使ってたやつがいくつか残っていてめんどくさい。