Because We Love Happy Coding

フリーライターからエンジニア × 講師。発信力だけあり余ってる感じ

WordPress5 GutenbergでGoogleMapを

目次 目次 環境 参考にした記事 プラグインの場合 環境 WordPress5.2 参考にした記事 こちらの処理が一番役に立った。 Advanced Custom Fieldsを使って住所を入力するだけでGoogleマップを表示するようにする方法 留意点としては、 header.phpに入れるJavaSc…

jQuer.ajaxの戻り値を待ちたい

目次 目次 環境 ajaxを待ってくれない 解決方法 環境 JavaScript jQuery3.2.1 ajaxを待ってくれない web上のリソースにJavaScriptでアクセスしたくてこんなコードを書いた。 async function getData() { $.ajax({ type: 'GET', url: 'https://some.url.json'…

Custom Fieldの関連(relationship)をカテゴリ的に使ったら関連する投稿数が欲しくなった

目次 目次 環境 関連のreverseな関係 wp_reset_query()は二重サブループをすべて解除してしまう 環境 WordPress 5.2.2 Advanced Custom Fields(以下ACF) 関連のreverseな関係 書籍を紹介するブログを作っていて、投稿タイプpostを本1冊にわりふることにし…

Mac PhpStormのビルトインサーバーでWordPressを動かしたかったけどできんかった

職場でちょっとPHPを動かすのに、PhpStormのビルトインサーバー(Built-in server)が非常に便利だったので、自宅のMacで導入しようとしたらけっこうハマった……。 最終的に、PHPとMySQLを稼働させることはできたものの、WordPressは動かせてない(Windowsで…

`wp_query()`と`get_the_post_thumbnail()`

目次 目次 環境 手順など 環境 WordPress 5.2.1 手順など WordPressのwp_query()で、メタクエリを使って、関連記事(relationship)のサムネイルを呼びだそうとしてみた。 $books_query = new WP_Query( $args ); if($books_query->have_posts()): $addition…

WordPressのAmazonJSをiPhone7Plusから使いたい

WordPressのAmazonJSはWordPress5になっても使える便利なアフィリエイトコード用のプラグインなのだが、iPhone7Plusから使おうとすると、検索が終わってテンプレートを挿入しようと「選択」ボタンを押したタイミングで「挿入」ボタンが画面下にはみ出してし…

appendに関する小さな罠

調べればすぐわかることではあるんだけど。 目次 目次 環境 IE11で要素が表示されない JavaScriptのappend()と、JQueryのappend() 参考記事 環境 JQuery 2.2.4 JavaScript IE11で要素が表示されない IE11でボタンが表示されない、との連絡があった。Chromeで…