🔰はじめての方へ

CSS

CSS

CSSが反映しない!CSSの読み込み優先順位

CSSについて学習中なのですが、記述したCSSが反映されないことがありました。CSSを記述する際には優先順位について理解しておく必要があります。CSSについて簡単に振り返りCSSはスタイルシートとよばれ、ページの装飾をするのに使用します。H...
CSS

CSSの基礎文法学習!

CSSの基礎文法CSSは、セレクタ・プロパティ・値の3つからなります。書き方のポイントプロパティと値は、「{}」で囲みます。プロパティと値の間は「:(コロン)」複数プロパティを指定するときは、終わりに「;(セミコロン)」を忘れずに!コメント...
Wordpress

【cocoon】トップページのデザイン画像リンクのレイアウト

画像リンクはカーソルを当てると、画像が薄くなるようなデザインになっております。このデザインの参考にさせていただいたサイト様画像リンクの動くデザインCSSはこちらも参考にさせていただいております。
Wordpress

【WordPress】サイドバーの目次をスクロールさせたい

デフォルトでサイドバースクロール追従に目次を追加した場合、変なところで目次が切れてしまう問題が発生しました。その対処についてご説明します!ウィジェットの設定①左の欄の「外観」をクリックまたは、カーソルを当てる②「ウィジェット」を選択③目次の...
Wordpress

【WordPress】ヘッダーをおしゃれに、メニューを右にまとめる

Wordpressのデザインを変更したいときに、参考になる方法があったのと、問題点の対処法をまとめたのでご紹介します。完成図現在のフロントページは変更されているかもしれませんが、このような感じで編集しました。ここではWordpressのテー...
はじめての方へ

独学!Web初心者の参考本ご紹介

※ここではアフィリエイト広告(Amazonアソシエイト含む)を掲載しています。こんにちは。看護師から何とか短期間でジョブチェンジするためにがんばって学習しています。私が参考にしている本を紹介します!自分だけでは何がいいのかわかりませんよね。...
Bootstrap

Bootstrapのw-25〜w-100・h-25〜h-100の使い方まとめ【中央揃えも】

幅(width)20%、50%、75%、100%、autoがあります。<div class="w-25 p-3" style="background-color: #eee;">Width 25%</div><div class="w-50...
Wordpress

【WordPress】CSSの追加には子テーマを使用しよう!

どうも、Web初心者でも簡単にサイト開設できるWordpressを気に入っているものです。自分のサイトが出来たらデザインも変えてみたいなと思いますよね。今回はCSSの追加について説明します。CSSとはCSS(Cascading Style ...
Wordpress

【WordPress】ヘッダーロゴは変更せずに、モバイルメニューのロゴの変更をする

Wordpress始めたばかりだけど、デザインの変更には興味があるWeb初心者です。ヘッダーロゴを作成しPC上でアップするといい感じになりますが、モバイルでヘッダーメニューを使うと、同じロゴがでてくるのと、文字が小さくてダサいことが気になり...