HTML・CSS・Javascript

HTML・CSS・Javascript

ドロワーメニューがスマホでクリックできるのに表示されない

ハンバーガーメニューを作っていて、クリックするとふわっとヘッダーの下から出てくるメニューを作っていたのだが、PCのCHROMEのデベロッパーツールでは問題なく表示されるのに、 実際のスマホ(iphone11)では表示されない問題が起き...
HTML・CSS・Javascript

特定のページだけ真っ白になり表示されない場合の一つの解決法

先ほどweb制作をしていて画面が真っ白になったページを解決しました。 その方法を残しておきます。 解決策のひとつとしてどなたかの役に立てればと思います。 解決策 phpで読み込んでいるファイルのパスは合っていますか? ...
HTML・CSS・Javascript

静的phpページにワードプレスを新着情報として組み込み表示する方法

静的なphpで作られたページに新着記事として直近5件の新着情報としてのお知らせを表示したい。そしてそれをワードプレスで投稿したものが表示させられるようにする方法です。 色々なサイトで調べながら実際にコーディングしたもののメモです。 もし...
SPONSORED LINK
HTML・CSS・Javascript

htaccessでのクエリ含むURLの301リダイレクト記述方法

ワードプレスのクエリ付きURLを普通のクエリ無しURLに301リダイレクトするhtaccessへの記述方法です。 転送したいURLと記述方法 ↓転送 普通のページのリダイレクトなら何の問題もなくできるのです...
HTML・CSS・Javascript

下層ディレクトリ以下を新ドメインのルートに301リダイレクトする記述

このディレクトリを全て に301リダイレクトしたい /test/内にワードプレスを入れていて、そのディレクトリだけ独立したドメインでサイトを作りなおす事にしたので、301リダイレクト処理をしようし...
HTML・CSS・Javascript

Using width with padding can sometimes〜が出たときの対処法【CSS】

ワードプレスでCSSを指定しているときに出てきたこの英文の注意書き Using width with padding can sometimes make elements larger than you expect 解決していきます...
HTML・CSS・Javascript

【CSS初心者向け】2行目以降の頭の余白揃える超簡単な方法【li,pタグに便利】

※この文章のように長い一文を折り返したときにコメマークの下から二行目が始まってしまうのを防ぐのが今回のブログのテーマです。 ↑こうなってしまう方へ!(私も数ヶ月前にやり方わかりましたので共有します笑) indentとpaddingを使っ...
HTML・CSS・Javascript

【やり直しJavascript】consoleとalert

仕事で毎日webサイトのコーディングやらデザインをしているのですが、その中でも完全に忘れてしまったのがJavascriptを使ってのプログラミング。 半年通ったスクールでは一応習ったんですが、実際に仕事ではJQueryというめちゃくちゃ便...
HTML・CSS・Javascript

CSSで文字は透過させないコードの書き方

CSSで透過の方法を2種類記します。 透過なし See the Pen MGxLJJ by kawashima (@kawashima) on CodePen. これは透過してない状態。 タンメン画像の上に青い背景と文字がありま...
HTML・CSS・Javascript

Javascriptで地図をクリックして情報ボックスを表示と非表示にするスキームの例

見たい地域(これでいうとdivのエリア)にオンマウスで色が変わり、 クリック(inputを)でdivの情報ボックスが非表示状態から表示に。 そして情報ボックスを非表示にするには、他の地域にオンマウスで全てのチェックボックスのchecke...
SPONSORED LINK