忍者ブログ
15 January

ACF ライトボックスの画像表示

<?php if ( post_custom('_works_before') ) : ?>
<a href="<?php $image = wp_get_attachment_image_src(get_post_meta($post->ID, '_works_before', true), 'full');echo $image[0]; ?>">
<?php echo wp_get_attachment_image(get_post_meta($post->ID, '_works_before', true),'img500x450'); ?></a>
 <?php endif; ?>




https://style01.net/15/

カスタムフィールド名、thumbnail呼び出しサイズを変更する

ライトボックスプラグインを設置する
PR
15 January

ACF ギャラリーフィールドの書き方覚書

                <?php 
$images = get_field('po_gallery');
if( $images ): ?>
                <ul>
                  <?php foreach( $images as $image ): ?>
                  <li><a href="<?php echo $image['url']; ?>" rel="lightbox[group]"><img src="<?php echo $image['sizes']['property_thumb_480']; ?>" alt="<?php echo $image['alt']; ?>" /> </a>
                  </li>
                  <?php endforeach; ?>
                </ul>
                <?php endif; ?>


ギャラリーフィールドをライトボックスで表示する方法

上記をコピペをの上、オレンジの2箇所を変更すればいい
・ギャラリーフィールドのフィールドネーム
・thumbnailの呼び出しサイズ

そしてライトボックスプラグインをいれる

05 January

mw wp form selectボックスの一行目に「選択して下さい」の置き方

https://www.will3in.co.jp/blog/article/select-as-blank-in-mw-wp-form/

引用
[mwform_select name="hoge" children=":選択してください,山,海,川" post_raw="true"]



ありがてえ

いやーmw wp formってWP始めた初期に使用しようと思ったんだけど、なんかすげーめんどくさくてcf7にしたんだよね
cf7の作者は日本人だけど(なんか海外製と思ってる人もちらほらいる)、考え方が日本人的じゃなくcf7の公式も翻訳した完璧な日本語ってかんじ
googleのヘルプページみたいな、スルスル読めない日本語

でも操作方法がわかってきたら海外思考なだけあってわかりやすさがある


今回mw wp formを久々に使う羽目になったが、なれてないこともあるけどほんとにめんどくさい
細かく指定できる分いちいち設定しなきゃいけなくてまじめんどい(バリデーションとか)
あとデフォルトで書き方が入力されていないので、まずはじめに調べないと書き方わかんねえ
{your-name}とか。こういう初っ端からマニュアル見なきゃいけないとわかんねーやつほんとイライラする
cf7はデフォルト設定があるしエラー文でるしわかりやすい
mw wp form は細く設定できるけど、ユーザビリティはよくない
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が勝手に改変したりする可能性をへらすため、また文字数をスペースで消費されるため、半角スペースを勝手に入れないで欲しい
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で画像クリック確認してないが…