Wordpress 【WordPress】オリジナルのページを作成/画像パスの書き方・CSSを引き継がない方法 Wordpressで採用ページのオリジナルページを作成しています!作成方法や、困ったことの対処法などは別の記事に書いてありますので、ご参照ください!作成方法についてページの表示確認ができないトラブル今回は、①画像のパスの書き方 と ②親CS... 2025.08.26 2025.09.04 Wordpress
Wordpress 【WordPress】オリジナルのページを作成/作成方法 今回は、Wordpressでオリジナルのページを作成したので、それの共有をさせていただきたいと思います。調べてもあまりオリジナルのページを作成する方法が掲載されていなかったので、誰かのお役に立てれたらいいなと思います。テーマは、「light... 2025.08.26 2025.09.08 Wordpress
Wordpress 【WordPress】オリジナルページを作成/投稿ができないときに確認するもの Wordpressの固定ページを使用し、テーマに依存しない新しいページを作成するために試行錯誤しています。今回は、固定ページを使用してページを登録しようとしましたが「公開に失敗しました。 返答が正しい JSON レスポンスではありません。」... 2025.08.26 2025.09.04 Wordpress
node.js node.js インストール方法/Windows ① Node.jsの公式ウェブサイトにアクセス② LTSをダウンロード③ ダウンロードされたファイルをダブルクリックしてインストールインストーラーの指示に従ってインストール※ 英語ででてくるが、特に設定は変えなくていい④ 再起動⑤ コマンド... 2024.06.14 2025.09.04 node.jsプログラミングプログラム
PowerShell メモ PowerShell メモ PowerShell メモ① window+R ② 「PowerShell」を入力してだすコマンドプロンプトより新しいため、powershellの方がいいVScodeのターミナルでもOK 2024.06.14 2025.09.04 PowerShell メモプログラミングプログラム
HTML ファビコンが表示されない 表示されないことについて調べると、いろんなところで出てくるのがキャッシュを消せと。キャッシュを消しても、ちゃんと載っているかわからない時、調べるサイトがありました。これで確認すると、パスの誤りや、サーバーのアップロード先の誤りなどが見つかり... 2024.06.08 2025.09.04 HTMLサイト作成ネタ帳
HTML 【HTML】Googleマップ載せる方法 ① Googleマップで載せたい場所を検索共有ボタンを押すと、下記の表示が出るので、「地図を埋め込む」を押すとHTMLコードが出てくる。② HTMLに記入小サイズにすると、widthは400とHTMLにでてくる。%しておいた方がコントロール... 2024.06.08 2025.09.04 HTMLネタ帳
CSS 【CSS】アイコンと文字を上下中央に こうなってしまっているのをこれにしたい!① アイコン+文字のクラスに「display: inline-block;」「vertical-align: middle;」を指定② アイコンに「vertical-align: middle;」を指... 2024.06.07 2025.09.04 CSSネタ帳
JavaScript 【swiper】スライドショーの画像をPCとモバイル用で変更 モバイルでは丁度いいサイズでも、PC端末で表示すると、画面いっぱいに画像が出てきて見苦しかったので、それぞれ画像を分けることにしました。swiper については他にも記事にしているのでご参照ください。概要サムネイル付きスライドページネーショ... 2024.06.07 2025.09.04 JavaScript
CSS 【CSS】ヘッダーを固定にして追従させる方法/超簡単に説明! ここでは「position: fixed」を使用した方法について解説します。① position: fixed「position: fixed」を使用し固定させる例position: fixed; /* 位置を固定する */top: 0; ... 2024.06.07 2025.09.14 CSSネタ帳
CSS 【CSS】アイコンの色を変える 完成図もともと黒だったものを変更しました。フィルター機能で変更する!invert (階調) sepia(セピア) saturate(彩度) hue-rotate(色相) brightness(明度)これらを使用して、色を作成するだけです。.... 2024.06.04 2025.09.04 CSSネタ帳プログラミング
CSS 【CSS】ギャラリーレイアウト/Grid Layoutで複雑なレイアウトも簡単にできる ギャラリーのレイアウトは、少し考えたら簡単にできました!イメージしてから組むとわかりやすいです!ここではグリッドレイアウトを使用しています。グリッドレイアウトの応用編ですね!グリッドレイアウトについては下記記事にもしているので、ご参照くださ... 2024.06.04 2025.09.04 CSSネタ帳プログラミング
JavaScript swiper ページネーションが途中で消える問題 対処法原因がわからなかったので、ページネーションを外に出したりしたのですが、レスポンシブにするのが難しくて、なんどもトライアンドエラーしました。そしてたどり着いたのが、ページネーションのコードを書く位置!<div class="swiper... 2024.06.04 2025.09.04 JavaScriptプログラミング
JavaScript swiper サムネイル付きスライド 読み込めないときに確認したいこと swiper の導入方法や書き方などは別の記事にしているので、ご参照ください。ここでは、私が見落としがちだったポイントを説明します。【確認①】HTMLの書き方必須事項を確認しましょう!コピペしたりしていると、必須classが入っていなかった... 2024.06.03 2025.09.04 JavaScriptプログラミング
JavaScript スライドショーができる【swiper】メモ swiperとはJavaScriptのライブラリjQueryを使用せず、HTML、CSS、JavaScriptでスライドショーができます。導入方法NPMCDNダウンロードこの3つの方法がありますが、ファイルをダウンロードして使うことがおスス... 2024.06.03 2025.09.04 JavaScriptネタ帳プログラミング
Wordpress 【WordPress】子テーマの作り方、アップロードできない時確認したいこと このサイトはWordpressの無料テーマ「cocoon」を使用しています。cocoonは、子テーマを使用したいとき、専用のファイルがあるのでそれをダウンロードしてアップロードすれば簡単に有効化できるのですが、ほかのテーマを使用しているとき... 2024.06.02 2025.09.04 Wordpress
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ネタ帳プログラミング
CSS 【CSS】「border-radius」使い方メモ/角を丸くする border-radius とは要素の四隅の角を丸くするためのCSSプロパティーのことです。背景も画像もこれで丸くすることができます。使い方同じ角度の丸み半径10pxの角丸border-radius: 10px; 四隅がそれぞれ違う角度下記... 2024.05.13 2024.05.30 CSSプログラミング