CSS 【CSS ネタ帳】文字+画像のカードの作成、レスポンシブデザイン 完成図※私が作成しているサイトを例にしています。PCモバイルPCだと横並び、モバイルだと縦になるようにしています。HTML※ インデントめちゃくちゃ <!--文字の横にテキスト--> <div class="profile-containe... 2024.05.20 2024.06.04 CSSネタ帳プログラミング
CSS 【CSS ネタ帳】CSSのみのハンバーガーメニュー 完成図※私が作成しているサイトを例にしています。HTML※ インデントめちゃくちゃ<!--モバイル用のメニュ--> <div class="hamburger-button"> <input type="checkbox" id="chec... 2024.05.20 2024.06.04 CSSネタ帳プログラミング
CSS 【CSS】画像の隣に文字がくるコンテンツの実装 CSS/*画像の隣に文字が来るようなカード*/.card-container{ display:flex; justify-content: center; align-items: center; max-width: 100%; /*親... 2024.05.18 2024.06.04 CSSネタ帳プログラミング
Wordpress 【WordPress】サイドバーの目次をスクロールさせたい デフォルトでサイドバースクロール追従に目次を追加した場合、変なところで目次が切れてしまう問題が発生しました。その対処についてご説明します!ウィジェットの設定①左の欄の「外観」をクリックまたは、カーソルを当てる②「ウィジェット」を選択③目次の... 2024.04.14 2024.06.04 WordpressWordpress編集お役立ち情報ネタ帳
Wordpress 【WordPress】ヘッダーをおしゃれに、メニューを右にまとめる Wordpressのデザインを変更したいときに、参考になる方法があったのと、問題点の対処法をまとめたのでご紹介します。完成図現在のフロントページは変更されているかもしれませんが、このような感じで編集しました。ここではWordpressのテー... 2024.04.14 2024.06.04 WordpressWordpress編集お役立ち情報ネタ帳
JavaScript 【JavaScript】クイズ問題(簡単なの) リファクタリングが難しいため、とりあえずここまで記載します。実際に作ったサイトはこちら(どんどん改良しているはず・・・)この問題のベースはBootstrapで組んでいます。HTML<div id="js-question" class="a... 2024.04.07 2024.06.04 JavaScriptネタ帳プログラミング
Wordpress 【WordPress】ヘッダーロゴは変更せずに、モバイルメニューのロゴの変更をする Wordpress始めたばかりだけど、デザインの変更には興味があるWeb初心者です。ヘッダーロゴを作成しPC上でアップするといい感じになりますが、モバイルでヘッダーメニューを使うと、同じロゴがでてくるのと、文字が小さくてダサいことが気になり... 2024.03.31 2024.06.04 WordpressWordpress編集お役立ち情報ネタ帳
JavaScript 【JavaScript】BMIの計算!コード紹介!(簡単すぎる説明) JavaScriptでBMIの計算をしてみるHTML<p>身長<input type="number" id="shincho">cm</p> <p>体重<input type="number" id="taijuu">kg</p> <p>... 2024.03.31 2024.06.04 JavaScriptネタ帳