トラブル 【トラブル】自作プラグインで不具合。原因はCocoon
自作プラグインで不具合が発生。調べても原因がわからず…。そして原因は意外な所にありました。原因はワードプレステーマである「Cocoon」だったのです。テーマを変更したら不具合が解消されました。意外な所に原因があるので、テーマなども気にして見...
トラブル
トラブル 
WEB 【サイト制作トラブル】aタグがないのに、文字が青色下線付きになる
文字が青色下線付きになるのはaタグで囲んだ時の特徴です。しかしaタグで囲んでないのに文字が青色下線付きになりました。原因は単純な物でした。やはり原因はaタグだったのです。しかし<a href="https…">リンゴ</a>という単純な物で...
トラブル 【プログラムトラブル】サイトのページネーションが表示されない。原因はlocalStorage
作成したサイトのお気に入りページのページネーションが表示されないというトラブルが発生しました。原因は、お気に入りアイテムの情報をlocalStorageから取得しているのに対し、pages()メソッドがCookieからデータを取得しようとし...
トラブル 【プログラムトラブル】サイトで正しい画像が表示されない
画像の表示パターンは下記3パターン。①何もない時に「デフォルト画像」を表示する。②商品情報を押した時に「商品画像」を表示する。③「商品画像」がない時にエラーメッセージを表示する。この表示パターン3つがゴチャゴチャになって、画像が上手く表示さ...
トラブル 【トラブル】APIプログラムで価格の範囲表示ができない。
リンゴ小が100円、リンゴ中が200円、リンゴ大が300円だったとします。APIを使い、価格を100～300円と表示させたかったのですが、実際には100～円と表示されます。原因はリンゴ小100円しか見ていないことでした。そこでまずリンゴ小1...
トラブル 【トラブル】APIで一部画像が表示されない。原因は箱を使ったから
APIを使用したプログラムで、一部画像が表示されないという不具合が発生していました。◆修正前（うまく動かなかったバージョン）'apple' => fruit($type), // 「りんごを入れた箱」を注文'apple_id' => fru...
トラブル 【ワードプレス トラブル】ショートコードの1番最初だけリンク化されない
APIを活用したショートコードをワードプレスの同じページに複数設置。すると1番最初のショートコードだけ画像がリンク化しないという不具合が発生しました。様々な調査を行い、根本的な理由はわからないのですが「目次」が原因だと判明しました。そのペー...
トラブル 【トラブル】スライドショーのループが上手くいかない
スライドショーのループ時に、画像が瞬間移動され、ループが不自然に見える。という不具合が発生しました。調べてみると、右側からスライドするループは自然で、左側からスライドするループ時だけ瞬間移動していることが判明しました。そのため、左側のループ...
トラブル 【トラブル】ワードプレスでショートコードしか表示されない。内容が表示されない。
ワードプレスのプラグインを作って、固定記事にショートコードを貼り付けました。しかし、ショートコードしか表示されず、内容が表示されないというトラブルが発生しました。原因はクラス名が間違っていました。初歩的ミスです。クラス名を正しい物に変更した...
トラブル 【トラブル】ページの再読み込みで、プルダウンメニューの選択内容が保持されない。原因は「string」
例えば「選択なし、リンゴ、バナナ」というプルダウンメニューがあったとします。このプルダウンメニューでリンゴを選択して、リンゴのページを表示（再読み込み）するとプルダウンメニューがデフォルトの「選択なし」になってしまうのです。リンゴを選択した...
トラブル 【トラブル】自動ダウンロードプログラムでエラーが出る
データを自動ダウンロードするプログラムでダウンロードエラーが発生。非常に困っていました。そこで、ダウンロードエラーが発生した時は、ダウンロードをキャンセル。そのキャンセルしたデータを、また新たにダウンロードし直すという回避方法で、なんとか解...
css 【cssでのお悩み解決】レスポンシブでデザインが崩れる。枠内の子要素が中央配置にならない
このページでは、WEBサイトでのCSSの使い方について解説します。レスポンシブで子要素がウィンドウを飛び出すレスポンシブで、子要素が親要素の枠を飛び出し、デザインが崩れる時は、子要素の幅の範囲が指定されていないからです。例えば、minmax...
WEB 【トラブル】WEBサイトのスクロールバーを削除（非表示）できない
ウェブページ内に別のウェブページを埋め込む必要があり、<iframe>を使っていました。しかし埋め込んだウェブページに無駄なスクロールバーができ、それを削除できずにいました。チャットGPT先生に解決方法を聞いて、<iframe>内に「sty...
トラブル 【トラブル】APIの内容が表示されない。原因はデータがない状態を想定していなかったから
APIの情報が表示されないというトラブルが発生していました。原因はAPIの情報がない状況を想定していなかったからでした。例えばAPIで「食べ物」「値段」「賞味期限」という情報を取得できたとします。その場合にアイスの情報を取得すると「食べ物：...