未分類 【WordPress】マルチサイト化した後、テーマとプラグインの新規追加ボタンが表示されない現象 WordPressでテーマを新規追加しようとしたところ、新規追加ボタンが表示されず1時間くらい無駄にしてしまったので対処法を紹介しておきます。 他のサイトで調べてみると、 WordPress.comを使っている レンタ... 2023.10.31 未分類
WEB制作 【HTML/CSS】要素を左右方向に中央寄せできないときの対処法 CSSで要素を左右方向に中央寄せしたいケースってよくあるのに、一発でうまくいくことが少ないです。 とりあえず「margin: 0 auto」を使ってみて、ダメなら「justify-content: center」を使ってみよう、みた... 2023.10.30 WEB制作
WEB制作 【HTML/CSS】長くなったJavaScriptのコードを別のファイルに分ける方法 scriptタグの中に直接JavaScriptを書いていると、コードが長くなり上下スクロールが面倒になってしまいますよね。 今回は長くなったJavaScriptを外部ファイルに分ける方法を紹介します。 <script s... 2023.10.29 WEB制作
WEB制作 XD以外の無料デザインカンプ配布サイトまとめ【Figma】 以前はHTML、CSSの基本文法を学んだ次におすすめの学習法に、サイトの模写がありました。 最近ではデザインカンプからコーディングするほうが実用的だし実績にも使えることが多いので、模写よりもおすすめされているようです。 練習用... 2023.10.22 WEB制作
WEB制作 【HTML・CSS】padding-left を使うと要素が右にはみ出す現象の対処法 WEB制作で、文字の左側に余白を持たせようとしてpadding-leftを使うと要素が右側にはみ出すことがよくありました。 私は最初原因がわからず、はみ出した分の幅を要素から引いて調整したりしていましたが、CSSで一行書くことで解決... 2023.10.20 WEB制作
WEB制作 レスポンシブ対応に挫折 Figmaのデザインカンプから実際にコーディングをやってみました。 いい感じに仕上がったので別の端末で表示してみると、画像は切れてるし要素が重なっていたりでとても見にくい… とりあえずHTMLにview portと、CSSには... 2023.10.17 WEB制作
WEB制作 WEB制作 学習記録④ 今日はデザインカンプからのコーディングと、Sassについて勉強しました。 SassでできてCSSでできないこと SassでできてCSSでできないことはたくさんありますが、代表的なものをまとめました。 変数が使える ... 2023.10.15 WEB制作
WEB制作 WEB制作 学習記録③ 今月からWEB制作の勉強を始めたのですが平日3時間、休日8時間くらいのペースで勉強できています。 それ以外の時間はブログを書いたりWordPressをいじったりしているので、家にいるときはほぼ一日中PCを触っています笑 デザイ... 2023.10.14 WEB制作
WEB制作 WEB制作 学習記録② WEB制作学習記録2回目です。 レスポンシブWEBデザインを勉強する際、環境を構築するのにかなり時間を要してしまったので、そのことについて書いていこうと思います。 レスポンシブWEBデザイン レスポンシブWEBデザインと... 2023.10.13 WEB制作
WEB制作 [WEB制作練習]HTMLファイルをローカル環境でスマホで閲覧する方法[Windows] WEB制作でレスポンシブデザイン等の勉強をしていると、スマホやタブレットといったPC以外のデバイスでHTMLファイルを表示させる必要が出てきます。 レンタルサーバーからドメインを取得する方法もありますが、お金がかかってしまうため、な... 2023.10.13 WEB制作