忍者ブログ
29 March

[PR]

×

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

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だから
PR
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」いれた。昔のこのプラグイン使ってたやつがいくつか残っていてめんどくさい。

31 July

Windows Font Cache Service無効だとNexusFontを読み込まない

win10

フォント管理 NexusFontを使用
読み込みがすげー遅いので調べると「Windows Font Cache Service」が原因らしい
タスクマネージャー開いてみるとこいつがなんかたくさん容量消費している
したがって無効化する

作業の続きをしようとXDを立ち上げると、つかえていたフォントが「環境にないフォント」になっていた
おかしいと思い調べると「Windows Font Cache Service」が無効だと「NexusFont」のフォントを読み込まなくなるらしい

くそすぎ


16 June

カスタムフィールドを検索に含める方法

https://www.webernote.net/wordpress/custom-fields-search.html

ありがたいこのコードをコピペする
動かねぇ…と思ったら「post_type」の設定があった。
カスタム投稿タイプで使いたかったので、カスタム投稿タイプ名に変更したら動いた
------------------------------------------------------------------------

function custom_search($search, $wp_query) {
global $wpdb;
if (!$wp_query->is_search)
return $search;
if (!isset($wp_query->query_vars))
return $search;
$search_words = explode(' ', isset($wp_query->query_vars['s']) ? $wp_query->query_vars['s'] : '');
if ( count($search_words) > 0 ) {
$search = '';
$search .= "AND post_type = 'post'";
foreach ( $search_words as $word ) {
if ( !empty($word) ) {
$search_word = '%' . esc_sql( $word ) . '%';
$search .= " AND (
{$wpdb->posts}.post_title LIKE '{$search_word}'
OR {$wpdb->posts}.post_content LIKE '{$search_word}'
OR {$wpdb->posts}.ID IN (
SELECT distinct post_id
FROM {$wpdb->postmeta}
WHERE meta_value LIKE '{$search_word}'
)
) ";
}
}
}
return $search;
}
add_filter('posts_search','custom_search', 10, 2);