２０２１ 08 21 （令和３年８月２１日 土）
WordPress以外
Ajaxを使ってデータベースのデータを非同期で取得する【Ajax+MySQL+PHP】
WordPressコアはすでにAjaxを使用してさまざまなバックエンド機能を強化しているため、同じ機能を使用してWordPressでAjaxを使用できます。アクションを登録し、サイトのadmin-ajax.phpファイルをポイントして、値を返す方法を定義するだけです。HTML、JSON、さらにはXMLを返すように設定できます。
本日、理解できたこと。
- サーバーサイドのPHPファイルは、WORDPRESSのfunctions.php内に記述し、acition登録。
- ajaxのjavascriptは、ページ内でおk。その際に、admin-ajax.phpをurl先とする。
２０２１ 08 22 （令和３年８月２２日 日）
標準機能版 本日完動！！
動作確認は、safariのコンソール
整理すると、
- javascriptの起動は、スラッグで指定したページ下部に配置される。
- javascriptの実行ファイルは、…./js/myjs/my-ajax.js
- PHPファイルは、functions.php内に記述。
２０２１ 08 23 （令和３年８月２３日 月）
JavaScript内から外部JavaScriptを読み込む方法
function内のローカル変数をグローバル変数に代入したい
JavaScriptで『グローバル』として定義する場合に一番オススメしたい方法が『window.』を付けてしまうということ
How to make a local variable into a global in JavaScript [duplicate]
ワードプレス ホームurl取得関連
how to get wordpress home url in javascript?
CSS BUTTON と default button の違いについてエトセトラ学習中。。。
generic style sheet最後部分に以下記述 要解析
@media(max-width:1024px){
button関係 w3schoolのbutton groupでは、表示ズレ、css floatのサンプルでおk。
２０２１ 08 24 （令和３年８月２４日 火）
WordPress】jQueryでAjaxを実装する簡単な例｜ajaxメソッド
コールバック関数について
フックのコールバック関数には、Ajax通信によってサーバー側で実行する処理を記述します。クライアント側（PC側）に返すデータはechoで指定します。また、その返したデータは、ajaxメソッドのsuccessの値に指定する関数の引数にセットされます。
Ajax通信がローディング中に、くるくる（スピナー）を表示させたい場合（リンク有り）
レイアウトがずれる。また意図しない改行がある。原因は、WordPressで自動挿入されるpタグ
知らないと恥ずかしい！WordPressで自動挿入されるpタグを自動挿入させない方法
２０２１ 08 25 （令和３年８月２５日 水）
本日のわかったこと。
cssの装飾について、genericのstylesheetに設定有り。（.buttonとして）これがdefaultとなる。
inputタグ、buttonタグ、hrefタグ等の種類有り
２０２１ 08 26 （令和３年８月２６日 木）
リダイレクト
初めてでもできる！WordPressのリダイレクト設定手順をすべて解説
カスタムテンプレート
前後にPHPを挿入すること。
Creating Custom Page Templates for Global Use
２０２１ 08 27 （令和３年８月２７日 金）
Ajax seo 対策
Search Console
Search Console の概要
２０２１ 08 29 （令和３年８月２９日 日）
spinner スピナー
非同期処理中の Now Loading を jQuery で表示させる方法
実装してみたものの、見た目イマイチ。エリア名の不透明度を変化させることでおkとする。
jQueryでCSSを変更する方法
２０２１ 08 30 （令和３年８月３０日 月）
GREEN GENERICSにPHP実行環境構築 functionsに登録(php include)
googlemaps表示作業が完了次第以下作業へ移行
ペグマン、英語: Pegmanの表示不具合は、genericsのstylesheetの設定の問題と判明。
第２ステップとして、googlemap表示関連開始
表示出来次第、load.htmlを使って動作確認。
jQueryのAjaxを使用して外部htmlを読み込む