🔰はじめての方へ

ネタ帳

CSS

【CSS ネタ帳】文字+画像のカードの作成、レスポンシブデザイン

完成図※私が作成しているサイトを例にしています。PCモバイルPCだと横並び、モバイルだと縦になるようにしています。HTML※ インデントめちゃくちゃ <!--文字の横にテキスト--> <div class="profile-containe...
CSS

【CSS ネタ帳】CSSのみのハンバーガーメニュー

完成図※私が作成しているサイトを例にしています。HTML※ インデントめちゃくちゃ<!--モバイル用のメニュ--> <div class="hamburger-button"> <input type="checkbox" id="chec...
CSS

【CSS】画像の隣に文字がくるコンテンツの実装

CSS/*画像の隣に文字が来るようなカード*/.card-container{ display:flex; justify-content: center; align-items: center; max-width: 100%; /*親...
Wordpress

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

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

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

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

【JavaScript】クイズ問題(簡単なの)

リファクタリングが難しいため、とりあえずここまで記載します。実際に作ったサイトはこちら(どんどん改良しているはず・・・)この問題のベースはBootstrapで組んでいます。HTML<div id="js-question" class="a...
Wordpress

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

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

【JavaScript】BMIの計算!コード紹介!(簡単すぎる説明)

JavaScriptでBMIの計算をしてみるHTML<p>身長<input type="number" id="shincho">cm</p> <p>体重<input type="number" id="taijuu">kg</p> <p>...