2019年8月

【WordPress】LION BLOGのカラム幅の割合を変更する方法

LION BLOGのページ幅を変更する記事「【WordPress】LION BLOGのページ幅を変更する方法」を書きましたが、2カラムの場合の記事とサイドバーの幅のバランスも変更したくてやってみました。 こちらもページ幅の変更と同じで、「追加CSS」に下記のように書き込むだけで可能です。今の所不具合ありませんが、これで正解なのかなぁ? [crayon-616cf12ec951b805014671/ […]

【WordPress】LION BLOGのページ幅を変更する方法

LION BLOGの全体のページ幅を変更したくなって、検索したんですが出てこなかったので、自力でやってみました。 といっても簡単な方法で、「追加CSS」に以下のように書くだけ。 この方法で合ってるのかわかりませんが、一応今の所問題なさそうなので、ご紹介。 [crayon-616cf12ec9787497950891/] ヘッダー部分とフッター部分は、containerというクラス、真ん中の部分(投 […]

JavaScript、PHP、JSONの配列・連想配列の表記の仕方の違い

サイト作成時、JavaScript、PHP この2つの言語を常に連携してコードを書いていく事が多いですが、関数や変数の書き方が微妙に違ったり、どっちがどっちかよくわからなくなります。今回はJSONも含めた3者の配列の表記の仕方の違いをまとめてみようと思います。 配列 JavaScript [crayon-616cf12ec97d3602873135/] シングルクォーテーション、ダブルクォーテーシ […]

PHPとJavaScriptの間で変数の値をやり取りする方法

PHPはサーバサイドプログラム、JavaScriptはクライアントサイドプログラムという構造上、PHPからJavaScriptへの渡し方は簡単ですが、JavaScriptからPHPへ渡す場合は、少し工夫が必要です。 PHP→JavaScript PHPの変数をJavaScriptに渡す方法は簡単で、一旦、JSON形式に変換することで可能です。 [crayon-616cf12ec985d303540 […]

【Javascript】Ajaxを使ってサーバ(PHP)にデータを渡す方法

Ajax「Asynchronous JavaScript + XML」を使ってJavaScriptからサーバ側(PHP)にデータを渡す事ができます。 サーバ側でデータを受け取って処理した後、JavaScript側に処理結果を返す事もできます。Ajaxは基本的に非同期で実行されます。 非同期について JavaScriptはデータを送った後、サーバ側(PHP)から処理結果が帰ってくるのを待たずに、次の […]

【JavaScript】クリックイベントが親要素に伝播しないようにする方法

例えば、メニューボタンを押すとメニューが開き、もう一度押すと閉じるというようなトグルボタンを設置する時、メニューを開いた状態で画面のどこかをクリックすると、メニューが閉じるという仕様になっている事が多い。 そこで自分も、そういう仕様を実装しようと、bodyなどにクリック判定をつけて、画面のどこかをクリックした時メニューを閉じるように実装した。 しかしこれでは、メニューボタンを押したとき、親要素のb […]