HTML・CSS・Javascriptドロワーメニューがスマホでクリックできるのに表示されない ハンバーガーメニューを作っていて、クリックするとふわっとヘッダーの下から出てくるメニューを作っていたのだが、PCのCHROMEのデベロッパーツールでは問題なく表示されるのに、 実際のスマホ(iphone11)では表示されない問題が起き...2020.09.15HTML・CSS・Javascript
HTML・CSS・Javascript特定のページだけ真っ白になり表示されない場合の一つの解決法 先ほどweb制作をしていて画面が真っ白になったページを解決しました。 その方法を残しておきます。 解決策のひとつとしてどなたかの役に立てればと思います。 解決策 phpで読み込んでいるファイルのパスは合っていますか? ...2020.05.25HTML・CSS・Javascript
HTML・CSS・Javascript静的phpページにワードプレスを新着情報として組み込み表示する方法 静的なphpで作られたページに新着記事として直近5件の新着情報としてのお知らせを表示したい。そしてそれをワードプレスで投稿したものが表示させられるようにする方法です。 色々なサイトで調べながら実際にコーディングしたもののメモです。 もし...2020.03.04HTML・CSS・Javascript
HTML・CSS・Javascripthtaccessでのクエリ含むURLの301リダイレクト記述方法 ワードプレスのクエリ付きURLを普通のクエリ無しURLに301リダイレクトするhtaccessへの記述方法です。 転送したいURLと記述方法 ↓転送 普通のページのリダイレクトなら何の問題もなくできるのです...2019.12.06HTML・CSS・JavascriptWordpress
HTML・CSS・Javascript下層ディレクトリ以下を新ドメインのルートに301リダイレクトする記述 このディレクトリを全て に301リダイレクトしたい /test/内にワードプレスを入れていて、そのディレクトリだけ独立したドメインでサイトを作りなおす事にしたので、301リダイレクト処理をしようし...2019.02.22HTML・CSS・Javascript
HTML・CSS・JavascriptUsing width with padding can sometimes〜が出たときの対処法【CSS】 ワードプレスでCSSを指定しているときに出てきたこの英文の注意書き Using width with padding can sometimes make elements larger than you expect 解決していきます...2018.07.06HTML・CSS・Javascript
HTML・CSS・Javascript【CSS初心者向け】2行目以降の頭の余白揃える超簡単な方法【li,pタグに便利】 ※この文章のように長い一文を折り返したときにコメマークの下から二行目が始まってしまうのを防ぐのが今回のブログのテーマです。 ↑こうなってしまう方へ!(私も数ヶ月前にやり方わかりましたので共有します笑) indentとpaddingを使っ...2018.06.09HTML・CSS・Javascript
HTML・CSS・Javascript【やり直しJavascript】consoleとalert 仕事で毎日webサイトのコーディングやらデザインをしているのですが、その中でも完全に忘れてしまったのがJavascriptを使ってのプログラミング。 半年通ったスクールでは一応習ったんですが、実際に仕事ではJQueryというめちゃくちゃ便...2018.05.25HTML・CSS・Javascript
HTML・CSS・JavascriptCSSで文字は透過させないコードの書き方 CSSで透過の方法を2種類記します。 透過なし See the Pen MGxLJJ by kawashima (@kawashima) on CodePen. これは透過してない状態。 タンメン画像の上に青い背景と文字がありま...2018.05.22HTML・CSS・Javascript
HTML・CSS・JavascriptJavascriptで地図をクリックして情報ボックスを表示と非表示にするスキームの例 見たい地域(これでいうとdivのエリア)にオンマウスで色が変わり、 クリック(inputを)でdivの情報ボックスが非表示状態から表示に。 そして情報ボックスを非表示にするには、他の地域にオンマウスで全てのチェックボックスのchecke...2018.05.22HTML・CSS・Javascript